/* Local overrides for PostNL clone (works with official CSS from postnl.nl) */

/* Hero image from local asset */
.stamp-spotlight-banner__media img,
.stamp-spotlight-banner__media .pci-picture-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.stamp-spotlight-banner__media {
    overflow: hidden;
}

.homelink img,
.footer-global__brand img {
    height: 48px;
    width: auto;
}

/* Track panel loader (shown before form) */
.pci-track-panel__loader {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 16px 24px;
}

.pci-track-panel__loader.is-hidden {
    display: none;
}

.pci-track-panel__spinner {
    width: 28px;
    height: 28px;
    animation: pci-track-spin 0.9s linear infinite;
}

.pci-track-panel__spinner circle {
    fill: none;
    stroke: #f56900;
    stroke-width: 10;
    stroke-linecap: round;
    stroke-dasharray: 120 283;
    stroke-dashoffset: 0;
}

@keyframes pci-track-spin {
    to {
        transform: rotate(360deg);
    }
}

.pci-track-panel__content[hidden] {
    display: none !important;
}

.pci-track-panel__content.is-visible {
    display: block;
}

/* Hide broken web components / loaders */
#track-your-item--loader,
pnl-user-menu,
pnl-cookie-wall-widget,
swp-chatbot-window,
shop-messages,
shop-toastr,
#postnl-cookie-widget {
    display: none !important;
}

/* Static track & trace form (replaces pnl-shipment-search widget) */
.pci-track-form {
    padding: 0;
}

.pci-track-form__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem 1.5rem;
}

.pci-track-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1 1 200px;
    min-width: 180px;
}

.pci-track-form__field--small {
    flex: 0 1 140px;
    min-width: 120px;
}

.pci-track-form__field label {
    font-weight: 700;
    font-size: 0.875rem;
}

.pci-track-form__field input,
.pci-track-form__field select {
    height: 48px;
    padding: 0 14px;
    border: 1px solid #767676;
    font-size: 1rem;
    font-family: inherit;
    background: #fff;
    width: 100%;
}

.pci-track-form__field input.pci-track-form__input--locked,
.pci-track-form__field input[readonly] {
    background: #f3f3f3;
    color: #1a1a1a;
    cursor: default;
}

.pci-track-form__submit {
    flex-shrink: 0;
    min-width: 110px;
}

/* Tab switching (inactive panels hidden by default) */
.pci-toptasks__app-container[hidden] {
    display: none !important;
}

.pci-toptasks__app-container--static {
    display: block !important;
}

.pci-toptasks__trigger[data-state="inactive"] {
    /* styled by main CSS */
}

.pci-toptasks__trigger[data-state="active"] {
    /* styled by main CSS */
}