/* =============================================================
   Red Hover, Active State & Black Font Color Overrides
   Applied ONLY on Home page and About Us page via .red-accent-page
   ============================================================= */

/* ---------- Red Accent Color Variable ---------- */
.red-accent-page {
    --red-accent: #C41E3A;
    --red-accent-light: #fee2e2;
    --red-accent-border: #fecaca;
    --red-accent-hover-bg: #a01830;
    --red-accent-soft: rgba(196, 30, 58, 0.12);
}


/* ==============================================
   1. BLACK FONT COLOR OVERRIDES FOR BLUE TEXT
   ============================================== */

/* Hero & About headline accent text ("Future of Aviation", "Aviation Procurement") - RED */
.red-accent-page .hero-headline .text-blue-accent,
.red-accent-page .about-headline .text-blue-accent {
    color: var(--red-accent) !important;
}

/* Headings & Headline Text - BLACK */
.red-accent-page .hero-headline,
.red-accent-page .about-headline,
.red-accent-page .section-title,
.red-accent-page .why-card-title,
.red-accent-page .category-card-title,
.red-accent-page .legacy-title,
.red-accent-page .legacy-feat-item h4,
.red-accent-page .digital-card h3,
.red-accent-page .pillar-card h3,
.red-accent-page .executive-quote-text,
.red-accent-page .highlight-val {
    color: #000000 !important;
}

/* Badges, Tags, Pills, Labels (formerly blue font) */
.red-accent-page .about-pill-tag,
.red-accent-page .section-tag-navy,
.red-accent-page .author-name-title,
.red-accent-page .sync-badge-pill {
    color: #000000 !important;
}

/* Nav Links & Login Text */
.red-accent-page .nav-links a,
.red-accent-page .nav-logout-btn,
.red-accent-page .btn-login-link,
.red-accent-page .header-auth-btn {
    color: #000000 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Explore Parts Link Default Text */
.red-accent-page .explore-parts-text {
    color: #000000 !important;
}

/* Outline Button Default Text */
.red-accent-page .btn-outline-navy {
    color: #000000 !important;
    border-color: #000000 !important;
}


/* ==============================================
   2. HEADER / NAVIGATION HOVER & ACTIVE (RED)
   ============================================== */

/* Nav link hover & active color */
.red-accent-page .nav-links > li > a:hover,
.red-accent-page .nav-links > li > a.active,
.red-accent-page .nav-logout-btn:hover {
    color: var(--red-accent) !important;
    background: transparent !important;
    border: none !important;
}

/* Nav underline indicator (hover & active) */
.red-accent-page .nav-links > li > a::after,
.red-accent-page .nav-logout-btn::after {
    background-color: var(--red-accent) !important;
}

.red-accent-page .nav-links > li > a.nav-dropdown-toggle::after {
    right: 18px !important;
    width: calc(100% - 18px) !important;
}

.red-accent-page .nav-sub-menu a::after,
.red-accent-page .nav-sub-menu li a::after,
.red-accent-page .nav-sub-menu li a:hover::after,
.red-accent-page .nav-sub-menu li a.active::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* "REQUEST A QUOTE" button default & hover */
.red-accent-page .btn-quote {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.red-accent-page .btn-quote:hover {
    background-color: var(--red-accent) !important;
    color: #ffffff !important;
    border-color: var(--red-accent) !important;
    box-shadow: 0 6px 18px rgba(196, 30, 58, 0.25) !important;
    transform: translateY(-2px);
}

/* LOGIN link hover */
.red-accent-page .btn-login-link:hover,
.red-accent-page .header-auth-btn:hover,
.red-accent-page .header-auth-btn.active {
    color: var(--red-accent) !important;
}

/* Tool/icon button hovers (cart, user, AI bot) */
.red-accent-page .btn-tool:hover,
.red-accent-page .btn-user-dropdown:hover {
    color: var(--red-accent) !important;
}

/* Settings dropdown menu item hover */
.red-accent-page .menu-item:hover {
    color: var(--red-accent) !important;
}

/* Focus states for nav links */
.red-accent-page .nav-links a:focus-visible {
    outline-color: var(--red-accent);
}


/* ==============================================
   3. HOME PAGE — Hero & Section Accents
   ============================================== */

/* "EXPLORE INVENTORY" primary button default & hover */
.red-accent-page .btn-primary-navy {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.red-accent-page .btn-primary-navy:hover {
    background-color: var(--red-accent) !important;
    border-color: var(--red-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(196, 30, 58, 0.25) !important;
    transform: translateY(-2px);
}

/* "LEARN MORE" / "OUR MISSION" outline button hover */
.red-accent-page .btn-outline-navy {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.red-accent-page .btn-outline-navy:hover {
    background-color: var(--red-accent) !important;
    border-color: var(--red-accent) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(196, 30, 58, 0.25) !important;
    transform: translateY(-2px);
}

/* Highlight icon boxes */
.red-accent-page .highlight-icon-box {
    background-color: var(--red-accent-light);
    border-color: var(--red-accent-border);
    color: var(--red-accent);
}

/* Title accent bar */
.red-accent-page .title-accent-bar {
    background-color: var(--red-accent) !important;
}


/* ==============================================
   4. HOME PAGE — Why Choose Section
   ============================================== */

/* Why card hover border */
.red-accent-page .why-card:hover {
    border-color: var(--red-accent-border) !important;
}

/* Why icon circle default state */
.red-accent-page .why-icon-circle {
    background-color: var(--red-accent-light);
    border-color: var(--red-accent-border);
    color: var(--red-accent);
}

/* Why icon circle hover fill */
.red-accent-page .why-card:hover .why-icon-circle {
    background-color: var(--red-accent) !important;
    color: #ffffff !important;
}


/* ==============================================
   5. HOME PAGE — Category Cards Section
   ============================================== */

/* Category card hover border */
.red-accent-page .category-block-card:hover {
    border-color: var(--red-accent) !important;
}

/* "Explore Parts →" hover state */
.red-accent-page .category-block-card:hover .explore-parts-text {
    color: var(--red-accent) !important;
}

/* Category icon badge */
.red-accent-page .category-icon-badge {
    background-color: var(--red-accent);
}


/* ==============================================
   6. HOME PAGE — Trust / Capabilities Section
   ============================================== */

/* Capability pill badges */
.red-accent-page .capability-pill {
    background: rgba(196, 30, 58, 0.25);
}

/* Capability list check icons */
.red-accent-page .capability-list i {
    color: #fca5a5;
}


/* ==============================================
   7. ABOUT PAGE — Section Elements
   ============================================== */

/* Feature icon boxes */
.red-accent-page .feat-icon-box {
    background-color: var(--red-accent-light);
    color: var(--red-accent);
}

/* Digital icon badges */
.red-accent-page .digital-icon-badge {
    background-color: var(--red-accent);
}

/* Digital card check icons */
.red-accent-page .digital-card-list i {
    color: var(--red-accent);
}

/* Sync dot pulse */
.red-accent-page .sync-dot-pulse {
    background-color: var(--red-accent);
    box-shadow: 0 0 0 3px rgba(196, 30, 58, 0.2);
}

/* Sync badge pill border & bg */
.red-accent-page .sync-badge-pill {
    background-color: var(--red-accent-light);
    border-color: var(--red-accent-border);
}

/* Pillar card hover border */
.red-accent-page .pillar-card:hover {
    border-color: var(--red-accent-border) !important;
}

/* Pillar icon default state */
.red-accent-page .pillar-icon-wrap {
    background-color: var(--red-accent-light);
    border-color: var(--red-accent-border);
    color: var(--red-accent);
}

/* Pillar icon hover fill */
.red-accent-page .pillar-card:hover .pillar-icon-wrap {
    background-color: var(--red-accent) !important;
    color: #ffffff !important;
}

/* Quote icon & box */
.red-accent-page .quote-icon-mark {
    color: var(--red-accent);
}

.red-accent-page .quote-container-box {
    border-color: var(--red-accent-border);
    background: linear-gradient(135deg, var(--red-accent-light) 0%, #f8fafc 100%);
}


/* ==============================================
   8. FOOTER — White Background & Red Hover Overrides
   ============================================== */

/* Footer Container & Background */
.red-accent-page .site-footer-v2 {
    background-color: #ffffff !important;
    color: #1e293b !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* Footer Description Text */
.red-accent-page .footer-desc {
    color: #475569 !important;
    font-weight: 500 !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* Footer Headings */
.red-accent-page .footer-col h3,
.red-accent-page .footer-contact h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
    letter-spacing: 1.2px !important;
}

/* Footer Navigation Links */
.red-accent-page .footer-col a {
    color: #1e293b !important;
    font-weight: 600 !important;
    transition: color 0.25s ease;
}

.red-accent-page .footer-col a:hover {
    color: var(--red-accent) !important;
}

/* All Footer Links Hover */
.red-accent-page .site-footer-v2 a:hover {
    color: var(--red-accent) !important;
}

/* Footer Contact Info & Red Icons */
.red-accent-page .contact-line {
    color: #1e293b !important;
    font-weight: 600 !important;
}

.red-accent-page .contact-line i {
    color: var(--red-accent) !important;
}

/* Footer Social Media Buttons - Official Brand Colors */
.red-accent-page .footer-social a.footer-social-instagram,
.red-accent-page .footer-social a.footer-social-instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(214, 36, 159, 0.35);
}

.red-accent-page .footer-social a.footer-social-linkedin,
.red-accent-page .footer-social a.footer-social-linkedin:hover {
    background: #0077B5 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 119, 181, 0.35);
}

.red-accent-page .footer-social a.footer-social-x,
.red-accent-page .footer-social a.footer-social-x:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.red-accent-page .footer-social a:hover {
    filter: brightness(1.1);
    transform: translateY(-2px);
}

/* Footer Bottom Section */
.red-accent-page .footer-bottom {
    background-color: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

.red-accent-page .bottom-flex,
.red-accent-page .bottom-flex p {
    color: #475569 !important;
    font-weight: 600 !important;
}

.red-accent-page .bottom-flex a {
    color: #0f172a !important;
    font-weight: 700 !important;
}

.red-accent-page .bottom-flex a:hover {
    color: var(--red-accent) !important;
}


/* ==============================================
   9. GENERIC INTERACTIVE STATES
   ============================================== */

/* Generic link hover */
.red-accent-page main a:hover {
    color: var(--red-accent);
}

/* Focus rings */
.red-accent-page a:focus-visible,
.red-accent-page button:focus-visible {
    outline-color: var(--red-accent);
}

/* Active button states */
.red-accent-page .btn-primary-navy:active,
.red-accent-page .btn-outline-navy:active,
.red-accent-page .btn-quote:active {
    background-color: var(--red-accent-hover-bg) !important;
    border-color: var(--red-accent-hover-bg) !important;
}


/* ==============================================
   10. PRIVACY POLICY & TERMS PAGES
   ============================================== */

.red-accent-page .privacy-header-banner,
.red-accent-page .terms-header-banner {
    background: linear-gradient(135deg, #1e0509 0%, #7f1d1d 50%, #c41e3a 100%) !important;
    border-bottom-color: var(--red-accent-border) !important;
}

.red-accent-page .privacy-banner-subtitle,
.red-accent-page .terms-banner-subtitle,
.red-accent-page .privacy-meta-info,
.red-accent-page .terms-meta-info,
.red-accent-page .privacy-meta-info i,
.red-accent-page .terms-meta-info i,
.red-accent-page .privacy-header-banner .inline-divider,
.red-accent-page .terms-header-banner .inline-divider,
.red-accent-page .privacy-header-banner .meta-divider,
.red-accent-page .terms-header-banner .meta-divider {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.red-accent-page .privacy-back-btn:hover,
.red-accent-page .terms-back-btn:hover {
    color: #fca5a5 !important;
}

.red-accent-page .privacy-acceptance-card,
.red-accent-page .terms-acceptance-card {
    border-color: var(--red-accent) !important;
    box-shadow: 0 8px 24px rgba(196, 30, 58, 0.08) !important;
}

.red-accent-page .btn-accept-submit {
    background-color: var(--red-accent) !important;
    border-color: var(--red-accent) !important;
}

.red-accent-page .btn-accept-submit:enabled:hover {
    background-color: var(--red-accent-hover-bg) !important;
    border-color: var(--red-accent-hover-bg) !important;
    box-shadow: 0 4px 14px rgba(196, 30, 58, 0.25) !important;
}


/* ==============================================
   11. CONTACT US PAGE — Red Theme Overrides
   ============================================== */
.red-accent-page .hero-sub-title {
    color: var(--red-accent) !important;
}

.red-accent-page .btn-send-message {
    background-color: var(--red-accent) !important;
    color: #ffffff !important;
    border-color: var(--red-accent) !important;
}

.red-accent-page .btn-send-message:hover {
    background-color: var(--red-accent-hover-bg) !important;
    border-color: var(--red-accent-hover-bg) !important;
    box-shadow: 0 6px 18px rgba(196, 30, 58, 0.3) !important;
}

.red-accent-page .btn-hero-navy {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.red-accent-page .btn-hero-navy:hover {
    background-color: var(--red-accent) !important;
    color: #ffffff !important;
    border-color: var(--red-accent) !important;
    box-shadow: 0 6px 18px rgba(196, 30, 58, 0.25) !important;
    transform: translateY(-2px);
}

.red-accent-page .btn-hero-outline {
    color: #000000 !important;
    border: 2px solid #000000 !important;
    background-color: #ffffff !important;
}

.red-accent-page .btn-hero-outline:hover {
    background-color: var(--red-accent) !important;
    color: #ffffff !important;
    border-color: var(--red-accent) !important;
}

.red-accent-page .red-accent-line {
    background-color: var(--red-accent) !important;
}

.red-accent-page .help-card-v2:hover {
    border-color: var(--red-accent) !important;
    box-shadow: 0 10px 24px rgba(196, 30, 58, 0.12) !important;
}

.red-accent-page .help-card-v2:hover .help-card-icon-wrap {
    background-color: var(--red-accent) !important;
    border-color: var(--red-accent) !important;
    color: #ffffff !important;
}

.red-accent-page .form-input-v2:focus,
.red-accent-page .form-select-v2:focus,
.red-accent-page .form-textarea-v2:focus {
    border-color: var(--red-accent) !important;
    box-shadow: 0 0 0 3px rgba(196, 30, 58, 0.15) !important;
}

.red-accent-page .info-icon-badge {
    background-color: var(--red-accent-light) !important;
    color: var(--red-accent) !important;
}

.red-accent-page .contact-info-card {
    background: #fff5f5 !important;
    border-color: var(--red-accent-border) !important;
}

.red-accent-page .info-val-link:hover {
    color: var(--red-accent) !important;
}

.red-accent-page .brand-logo-text:hover {
    color: var(--red-accent) !important;
}

.red-accent-page .contact-line {
    color: #475569 !important;
}

.red-accent-page .contact-line i {
    color: var(--red-accent) !important;
}

.red-accent-page .contact-line:hover {
    color: var(--red-accent) !important;
}

.red-accent-page .contact-line:hover i {
    color: var(--red-accent) !important;
}

/* ==============================================
   ABOUT US NAV DROPDOWN MENU
   ============================================== */
.nav-dropdown-item {
    position: relative;
}
.nav-dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    user-select: none;
}
.nav-dropdown-item:hover .nav-dropdown-toggle {
    color: #C41E3A !important;
}
.dropdown-caret {
    font-size: 0.65rem;
    transition: transform 0.2s ease;
}
.nav-dropdown-item:hover .dropdown-caret {
    transform: rotate(180deg);
}
.nav-sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50% !important;
    transform: translateX(-50%) !important;
    min-width: 210px;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 33, 71, 0.12) !important;
    padding: 8px 0 !important;
    margin-top: 4px !important;
    list-style: none !important;
    z-index: 99999 !important;
}

/* Hover Bridge: ensures continuous cursor hover connection from button to dropdown */
.nav-sub-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -24px !important;
    left: 0 !important;
    right: 0 !important;
    height: 24px !important;
    background: transparent !important;
    display: block !important;
    z-index: 99999 !important;
}

.nav-dropdown-item:hover > .nav-sub-menu {
    display: block !important;
}
.nav-sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    list-style: none !important;
}
.nav-sub-menu li a {
    display: block !important;
    padding: 10px 20px !important;
    color: #1e293b !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
    border: none !important;
    background: transparent !important;
    white-space: nowrap !important;
}
.nav-sub-menu li a:hover {
    background-color: #fff5f5 !important;
    color: #C41E3A !important;
    padding-left: 24px !important;
}

/* ==============================================
   12. HEADER TOOLS & LANGUAGE SELECTOR DROPDOWN
   ============================================== */
.btn-tool, .btn-user-dropdown, .global-hdr-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    transition: background-color 0.2s ease !important;
    transform: none !important;
}

.btn-tool:hover, .btn-user-dropdown:hover, .global-hdr-icon:hover {
    background-color: #f1f5f9 !important;
    transform: none !important;
}

.btn-tool img, .btn-user-dropdown img, .global-hdr-icon img {
    height: 22px !important;
    width: 22px !important;
    max-height: 22px !important;
    max-width: 22px !important;
    object-fit: contain !important;
    display: block !important;
}

.settings-dropdown-container {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.settings-dropdown-container:hover .settings-menu,
.settings-dropdown-container:focus-within .settings-menu,
.settings-dropdown-container.open .settings-menu {
    display: block !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.settings-menu {
    position: absolute !important;
    top: calc(100% - 4px) !important;
    right: 0 !important;
    background: transparent !important;
    min-width: 170px !important;
    z-index: 10000 !important;
    display: none;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    padding-top: 8px;
    margin-top: 0;
}

.menu-content {
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
}

/* Triangle pointer */
.menu-content::after {
    content: '' !important;
    position: absolute !important;
    top: -6px !important;
    right: 14px !important;
    width: 10px !important;
    height: 10px !important;
    background: white !important;
    transform: rotate(45deg) !important;
    border-top: 1px solid #e2e8f0 !important;
    border-left: 1px solid #e2e8f0 !important;
}

.menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 16px !important;
    color: #1e293b !important;
    text-decoration: none !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    text-align: left !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.menu-item i,
.menu-item span,
.menu-item svg {
    color: inherit !important;
    transition: color 0.2s ease !important;
}

.menu-item:hover,
.menu-item:focus,
.menu-item.active {
    background: #fff5f5 !important;
    color: #c8102e !important;
}

.menu-item:hover i,
.menu-item:hover span,
.menu-item:hover svg,
.menu-item.active i,
.menu-item.active span,
.menu-item.active svg {
    color: #c8102e !important;
}

.menu-item.logout-btn-item:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

.menu-item.logout-btn-item:hover i,
.menu-item.logout-btn-item:hover span {
    color: #dc2626 !important;
}

.menu-item img {
    width: 20px !important;
    height: auto !important;
    margin-right: 8px !important;
    border-radius: 2px !important;
}