/* CRITICAL FIX: Remove loading bar animation from header - Load this LAST to override everything */

/* Remove ALL pseudo-elements from header */
.header::before,
.header::after,
header.header::before,
header.header::after,
[dir="rtl"] .header::before,
[dir="rtl"] .header::after,
html[dir="rtl"] .header::before,
html[dir="rtl"] .header::after,
[dir="rtl"] header::before,
[dir="rtl"] header::after,
.header nav::before,
.header nav::after,
.header > *::before,
.header > *::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: static !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
    overflow: hidden !important;
}

/* Disable ALL animations on header and its children - BUT EXCLUDE BANNER */
.header,
.header nav {
    animation: none !important;
}

/* CRITICAL: Restore banner yellow background - it was being overridden */
.persistent-offer-banner,
.header .persistent-offer-banner {
    background: linear-gradient(45deg, #ffd700, #ffed4e, #ffd700, #ffed4e) !important;
    background-size: 400% 400% !important;
    background-image: linear-gradient(45deg, #ffd700, #ffed4e, #ffd700, #ffed4e) !important;
    animation: shimmer 3s ease-in-out infinite !important;
    background-attachment: scroll !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
}

/* Only restrict background on nav and direct header children (not banner) */
.header nav,
.header > *:not(.persistent-offer-banner) {
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

/* Remove any progress bars */
.progress-bar,
[class*="progress"],
[id*="progress"],
progress,
[role="progressbar"],
.loading-bar,
.page-loader,
.scroll-progress {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

/* Remove any elements at top of page that look like progress bars */
body > *:first-child,
html > body > *:first-child {
    /* Check and hide if it's a progress bar */
}

/* Specifically target any animated backgrounds */
.header,
.header nav {
    background: var(--color-primary) !important;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    animation: none !important;
}

/* Remove any inline styles that might create progress bars */
.header[style*="background"],
.header[style*="gradient"],
.header nav[style*="background"],
.header nav[style*="gradient"] {
    background: var(--color-primary) !important;
    background-image: none !important;
}

/* RTL specific - EXTRA AGGRESSIVE - Maximum specificity */
html[dir="rtl"] .header,
html[dir="rtl"] header.header,
html[dir="rtl"] header,
[dir="rtl"] .header,
[dir="rtl"] header.header,
[dir="rtl"] header {
    overflow: visible !important;
    position: fixed !important; /* Keep fixed position for header */
    background: var(--color-primary) !important;
    background-image: none !important;
    background-size: auto !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    animation: none !important;
    transition: none !important;
}

/* EXTRA AGGRESSIVE RTL pseudo-elements - Maximum specificity */
html[dir="rtl"] .header::before,
html[dir="rtl"] .header::after,
html[dir="rtl"] header.header::before,
html[dir="rtl"] header.header::after,
html[dir="rtl"] header::before,
html[dir="rtl"] header::after,
[dir="rtl"] .header::before,
[dir="rtl"] .header::after,
[dir="rtl"] header.header::before,
[dir="rtl"] header.header::after,
[dir="rtl"] header::before,
[dir="rtl"] header::after,
html[dir="rtl"] .header nav::before,
html[dir="rtl"] .header nav::after,
[dir="rtl"] .header nav::before,
[dir="rtl"] .header nav::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: static !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
    overflow: hidden !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force remove any border-top that might look like a progress bar */
.header,
.header nav {
    border-top: none !important;
    border-top-width: 0 !important;
    border-top-color: transparent !important;
    border-top-style: none !important;
}