/* ============================================================
   ASWJ Revesby — overrides on the Ibadah template
   Palette: teal + gold blend
   --theme-colour (gold #fbc50b) kept from template
   green #314e3f  ->  navy #153238 ; add teal #0097a7
   ============================================================ */
:root{
  --aswj-navy:#153238;
  --aswj-navy-2:#1d454d;
  --aswj-teal:#0097a7;
  --aswj-teal-dk:#007d8a;
  --aswj-gold:#fbc50b;
}

/* ---------- SECTION 1: HEADER ---------- */
/* Solid sticky header (was absolute/transparent over the hero) */
header{
  position:sticky;
  top:0;
  background:var(--aswj-navy);
  border-bottom:3px solid var(--aswj-gold);
  box-shadow:0 2px 14px rgba(0,0,0,.18);
}

/* Top bar */
header .top-bar{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.10)}
header .top-bar .content-header h4,
header .top-bar .content-header h4 b,
header .top-bar .location p,
header .top-bar .location a{color:rgba(255,255,255,.85)}
header .top-bar .location a:hover{color:var(--aswj-gold)}
header .top-bar .social-media a .icon,
header .top-bar .social-media a i{color:#fff;transition:.25s}
header .top-bar .social-media a:hover i{color:var(--aswj-gold)}
.top-bar .login .aswj-toplink{color:#fff;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.4em}
.top-bar .login .aswj-toplink:hover{color:var(--aswj-gold)}

/* Logo */
.logo img{height:54px;width:auto;background:#fff;border-radius:10px;padding:3px}

/* Main nav row */
.menu-inner,.navbar{padding-top:6px;padding-bottom:6px}
.navbar-links li a{color:#eaf0f2 !important;font-weight:600;font-size:.95rem}
.navbar-links li a:hover{color:var(--aswj-gold) !important}
.navbar-dropdown .dropdown{background:var(--aswj-navy-2)}
.navbar-dropdown .dropdown a{color:#eaf0f2 !important}
.navbar-dropdown .dropdown a:hover{color:var(--aswj-gold) !important;background:rgba(255,255,255,.05)}

/* Phone + search in header */
.header-search > a{color:#fff;font-weight:600}
.header-search > a:hover{color:var(--aswj-gold)}
.header-search svg{fill:var(--aswj-gold)}
.search-btn svg{fill:#fff}

/* Donate / Class Login buttons in the header */
.aswj-btn{display:inline-flex;align-items:center;gap:.45em;font-weight:700;font-size:.9rem;
  padding:.6em 1.25em;border-radius:8px;transition:.25s;white-space:nowrap}
.aswj-btn-gold{background:var(--aswj-gold);color:var(--aswj-navy)}
.aswj-btn-gold:hover{background:#ffd64d;color:var(--aswj-navy)}
.aswj-btn-teal{background:var(--aswj-teal);color:#fff}
.aswj-btn-teal:hover{background:var(--aswj-teal-dk);color:#fff}
.aswj-header-cta{display:flex;align-items:center;gap:10px}

/* Mobile menu panel */
.mobile-nav{background:var(--aswj-navy)}
.mobile-nav .menu-box .menu-outer ul li a{color:#eaf0f2}
.mobile-nav .menu-box .menu-outer ul li a:hover{color:var(--aswj-gold)}
.bar-menu span,.bar-menu::before,.bar-menu::after{background:#fff}