/* Filantrophy AI v0.5.45 — donation landing header correction.
 * This file is included by a real <link> in the module body, not dependent on
 * a late Joomla head registration. Safe on pages that do not show the hero.
 */

 /* ========================================
   FILANTHROPY - GLOBAL HEADER STYLES
======================================== */

:root {
    --fil-header-bg: #002B2A;
    --fil-header-text: #FFFFFF;
    --fil-header-hover: #A6E319;
    --fil-header-border: rgba(255,255,255,.12);
    --fil-font: 'Inter', sans-serif;
}

/* Main Header */
#t4-header,
.t4-header,
.custom-premium-header {
    background: var(--fil-header-bg);
    color: var(--fil-header-text);
    font-family: var(--fil-font);
    border-bottom: 1px solid var(--fil-header-border);
    position: relative;
    z-index: 1000;
}

/* Header Container */
.custom-header-container,
.t4-header .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Navigation Links */
.t4-header .t4-megamenu .nav > li > a,
.custom-premium-header .navbar-nav > li > a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .2px;
    text-decoration: none;
    transition: color .25s ease;
}

/* Navigation Hover & Active */
.t4-header .t4-megamenu .nav > li > a:hover,
.t4-header .t4-megamenu .nav > li.active > a,
.custom-premium-header .navbar-nav > li > a:hover,
.custom-premium-header .navbar-nav > li.active > a {
    color: var(--fil-header-hover);
}

/* Navigation Underline */
.t4-header .t4-megamenu .nav > li > a {
    position: relative;
}

.t4-header .t4-megamenu .nav > li > a::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 5px;
    height: 2px;
    background: var(--fil-header-hover);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .25s ease;
}

.t4-header .t4-megamenu .nav > li > a:hover::after,
.t4-header .t4-megamenu .nav > li.active > a::after {
    transform: scaleX(1);
}

/* Dropdown Menu */
.t4-header .t4-megamenu .dropdown-menu,
.custom-premium-header .dropdown-menu {
    background: #FFFFFF;
    color: #111111;
    border: 1px solid #E6EAE9;
    border-radius: 10px;
    padding: 8px;
    box-shadow: 0 14px 35px rgba(0,0,0,.12);
}

/* Dropdown Items */
.t4-header .t4-megamenu .dropdown-menu a,
.custom-premium-header .dropdown-menu a {
    color: #111111;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    transition: background .2s ease, color .2s ease;
}

.t4-header .t4-megamenu .dropdown-menu a:hover,
.custom-premium-header .dropdown-menu a:hover {
    background: #EDF8E8;
    color: #002B2A;
}

/* Desktop Dropdown Animation */
@media (min-width: 992px) {
    .t4-header .t4-megamenu .dropdown-menu.show,
    .custom-premium-header .dropdown-menu.show {
        animation: filDropdownIn .22s ease-out both;
    }
}

@keyframes filDropdownIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Header Icons */
.custom-premium-header .fa,
.custom-premium-header .fas,
.custom-premium-header .far {
    color: inherit;
    transition: color .25s ease;
}

/* Mobile */
@media (max-width: 991.98px) {
    .custom-header-container,
    .t4-header .container {
        padding: 0 16px;
    }

    .t4-header .t4-megamenu .nav > li > a {
        font-size: 14px;
    }
}
:root { --fil-ai-header-bg: #002b2a; }

html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header, #t4-mainnav, .t4-mainnav, #t4-navbar, .t4-navbar),
body:has([data-fil-ai][data-landing-header="on"] .fil-ai__site) :is(#t4-header, .t4-header, #t4-mainnav, .t4-mainnav, #t4-navbar, .t4-navbar) {
  background: var(--fil-ai-header-bg) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.13) !important;
}

html.fil-ai-landing-header-active .fil-ai-site-header,
body:has([data-fil-ai][data-landing-header="on"] .fil-ai__site) :is(#t4-header, .t4-header) {
  min-height: 78px !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 1050;
  box-shadow: 0 5px 22px rgba(0,43,42,.11);
}

/* Prevent child template sections overriding the corrected header backdrop. */
html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header, #t4-mainnav, .t4-mainnav) :is(.t4-section-inner, .t4-module, .navbar, .navbar-collapse, .header-inner, .nav-wrapper, .container, .container-fluid) {
  background-color: transparent !important;
  background-image: none !important;
}

html.fil-ai-landing-header-active .fil-ai-site-header :is(.t4-logo, .logo, .logo-image, .navbar-brand, .brand),
body:has([data-fil-ai][data-landing-header="on"] .fil-ai__site) :is(#t4-header, .t4-header) :is(.t4-logo, .logo, .logo-image, .navbar-brand, .brand) {
  opacity: 1 !important;
  visibility: visible !important;
}
html.fil-ai-landing-header-active .fil-ai-site-header :is(.t4-logo, .logo, .logo-image, .navbar-brand, .brand) img,
body:has([data-fil-ai][data-landing-header="on"] .fil-ai__site) :is(#t4-header, .t4-header) :is(.t4-logo, .logo, .logo-image, .navbar-brand, .brand) img {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  max-height: 56px !important;
  width: auto !important;
  object-fit: contain;
}

/* Exact main-menu top-level links; not footer, mega menu descendants or chat. */
html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header, #t4-mainnav, .t4-mainnav) :is(.t4-megamenu .navbar-nav > li > a, .t4-megamenu .nav > li > a, .navbar-nav > li > a, .navbar-nav > .nav-item > a, .t4-megamenu .nav-link),
body:has([data-fil-ai][data-landing-header="on"] .fil-ai__site) :is(#t4-header, .t4-header, #t4-mainnav, .t4-mainnav) :is(.t4-megamenu .navbar-nav > li > a, .navbar-nav > .nav-item > a) {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .01em !important;
  text-shadow: none !important;
  text-transform: none !important;
}
html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header, #t4-mainnav, .t4-mainnav) :is(.t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > a:focus-visible, .t4-megamenu .nav-item.active > a, .t4-megamenu .nav-item.current > a, .navbar-nav > li.active > a) {
  color: #d1f6a0 !important;
}

html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header, #t4-mainnav, .t4-mainnav) :is(.dropdown-menu, .mega-dropdown-menu) {
  background: #fff !important;
  color: #153e36 !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 12px;
  box-shadow: 0 16px 32px rgba(0,43,42,.17);
}
html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header, #t4-mainnav, .t4-mainnav) :is(.dropdown-menu, .mega-dropdown-menu) a {
  color: #153e36 !important;
  font-size: 14px !important;
  opacity: 1 !important;
}
html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header, #t4-mainnav, .t4-mainnav) :is(.dropdown-menu, .mega-dropdown-menu) a:hover {
  background: #eaf5ee !important;
  color: #002b2a !important;
}

html.fil-ai-landing-header-active .fil-ai-site-header :is(.cc-hp-avatar, .cc-header-profile-avatar, .cc-header-avatar, .user-avatar, .profile-avatar) img,
html.fil-ai-landing-header-active .fil-ai-site-header :is(img.avatar, .cc-hp-avatar, .cc-header-profile-avatar, .cc-header-avatar) {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  border-radius: 50%;
  object-fit: cover;
  opacity: 1 !important;
}
html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header) :is(.navbar-toggler, .t4-offcanvas-toggle, .t4-nav-toggle) {
  color: #fff !important;
  border-color: rgba(255,255,255,.4) !important;
}
html.fil-ai-landing-header-active :is(.fil-ai-site-header, .fil-ai-site-nav, #t4-header, .t4-header) .navbar-toggler-icon { filter: brightness(0) invert(1); }

@media (max-width: 991.98px) {
  html.fil-ai-landing-header-active .fil-ai-site-header,
  body:has([data-fil-ai][data-landing-header="on"] .fil-ai__site) :is(#t4-header, .t4-header) { min-height: 66px !important; }
  html.fil-ai-landing-header-active .fil-ai-site-header :is(.t4-logo, .logo, .logo-image, .navbar-brand) img { max-height: 46px !important; }
}