.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(49, 7, 16, .94); backdrop-filter: blur(12px);
  color: var(--text-on-dark); border-bottom: 1px solid var(--line-light);
}
.site-header__inner { min-height: 70px; display: flex; align-items: center; gap: 24px; }
.brand { margin-inline-end: auto; display: inline-flex; align-items: center; }
.brand--image img { width: 112px; height: 54px; object-fit: contain; object-position: center; display: block; }
@media (max-width: 680px) { .brand--image img { width: 92px; height: 46px; } }
.nav { display: flex; gap: 22px; align-items: center; font-size: .95rem; }
.header-actions { display: flex; gap: 10px; }
.nav-toggle { display: none; }
.site-footer {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #fffaf3 0%, #f7ecdf 100%);
  color: var(--text-on-light);
  padding: 48px 0 24px;
  border-top: 1px solid rgba(201, 154, 75, .34);
}
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(201,154,75,.82), transparent);
}
.footer-layout { display: grid; gap: 28px; }
.footer-main { display: grid; justify-items: center; text-align: center; gap: 14px; }
.footer-brand { display: inline-flex; align-items: center; justify-content: center; }
.footer-brand img { width: 168px; height: 92px; object-fit: contain; display: block; }
.footer-tagline { margin: -7px 0 4px; color: var(--wasla-burgundy-800); font-weight: 700; font-size: .98rem; }
.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 26px;
  margin-top: 4px;
  color: var(--wasla-burgundy-800);
  font-weight: 600;
}
.footer-links a {
  position: relative;
  padding: 6px 0;
  transition: color .2s ease, transform .2s ease;
}
.footer-links a::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 1px;
  height: 1px;
  transform: scaleX(0);
  background: var(--wasla-gold);
  transition: transform .2s ease;
}
.footer-links a:hover { color: var(--wasla-gold-700, #a9742f); transform: translateY(-1px); }
.footer-links a:hover::after { transform: scaleX(1); }
.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 24px;
  margin-top: 4px;
  padding-top: 20px;
  border-top: 1px solid rgba(83, 17, 29, .14);
  color: var(--text-muted-light);
  font-size: .9rem;
}
.footer-trust { color: var(--wasla-burgundy-700); font-weight: 600; }
@media (max-width: 680px) {
  .site-footer { padding-top: 38px; }
  .footer-brand img { width: 146px; height: 80px; }
  .footer-links { gap: 8px 18px; font-size: .92rem; }
  .footer-bottom { justify-content: center; text-align: center; }
}
@media (max-width: 900px) {
  .nav { display: none; }
  .header-actions .btn--ghost { display: none; }
}

/* Premium navbar actions — scoped to the site header only. */
.site-header .header-actions {
  gap: 12px;
  align-items: center;
}
.site-header .header-actions .btn {
  position: relative;
  min-height: 44px;
  padding-inline: 20px;
  border-radius: 14px;
  font-weight: 700;
  letter-spacing: 0;
  overflow: hidden;
  isolation: isolate;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.site-header .header-actions .btn::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 12px;
  pointer-events: none;
  z-index: -1;
}
.site-header .header-actions .btn--gold {
  color: #3b0c15;
  border-color: rgba(255, 226, 164, .78);
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(135deg, #e4bd70 0%, #c99a4b 48%, #b77e31 100%);
  box-shadow:
    0 8px 22px rgba(201,154,75,.26),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(91,47,9,.15);
  text-shadow: 0 1px 0 rgba(255,255,255,.22);
}
.site-header .header-actions .btn--gold::after {
  content: "";
  position: absolute;
  top: -55%;
  left: -35%;
  width: 34%;
  height: 210%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
  opacity: 0;
  transition: left .45s ease, opacity .25s ease;
}
.site-header .header-actions .btn--gold:hover {
  transform: translateY(-2px);
  box-shadow:
    0 12px 30px rgba(201,154,75,.34),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(91,47,9,.14);
}
.site-header .header-actions .btn--gold:hover::after {
  left: 115%;
  opacity: 1;
}
.site-header .header-actions .btn--gold:active {
  transform: translateY(0);
  box-shadow: 0 5px 14px rgba(201,154,75,.22), inset 0 1px 0 rgba(255,255,255,.34);
}
.site-header .header-actions .btn--ghost {
  color: var(--text-on-dark);
  border-color: rgba(255, 228, 190, .28);
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
}
.site-header .header-actions .btn--ghost:hover {
  transform: translateY(-1px);
  border-color: rgba(226,185,111,.58);
  background: rgba(255,255,255,.095);
  box-shadow: 0 8px 20px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.1);
}


/* v0.15.6 — canonical member navigation */
.member-header{position:sticky;top:0;z-index:80;background:rgba(48,7,16,.97);border-bottom:1px solid rgba(222,184,112,.24);box-shadow:0 8px 28px rgba(35,4,10,.12)}
.member-header__inner{min-height:68px;gap:18px}
.member-header .member-brand{margin-inline-end:0;flex:0 0 auto}
.member-header .member-brand img{width:96px!important;height:46px!important;max-width:96px!important;object-fit:contain!important;display:block!important}
.member-nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}
.member-nav a{color:#fff8ef;text-decoration:none;font-weight:700;font-size:.9rem;padding:9px 11px;border-radius:10px;white-space:nowrap;transition:.18s ease}
.member-nav a:hover,.member-nav a.is-active{color:#f3cf86;background:rgba(255,255,255,.07)}
.member-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.member-security-link,.member-logout{border:1px solid rgba(226,185,111,.36);background:rgba(255,255,255,.045);color:#fff8ef;border-radius:11px;padding:8px 12px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.member-security-link:hover,.member-logout:hover{border-color:#c99a4b;background:rgba(201,154,75,.12)}
.member-nav-toggle{display:none;border:1px solid rgba(226,185,111,.35);background:transparent;color:#fff8ef;border-radius:10px;width:42px;height:40px;font-size:1.15rem;cursor:pointer}
@media(max-width:1050px){.member-nav{gap:2px}.member-nav a{padding-inline:7px;font-size:.82rem}}
@media(max-width:820px){.member-header__inner{position:relative;min-height:62px}.member-header .member-brand img{width:82px!important;height:40px!important;max-width:82px!important}.member-nav-toggle{display:inline-grid;place-items:center}.member-nav{display:none;position:absolute;top:calc(100% + 1px);right:16px;left:16px;flex-direction:column;align-items:stretch;background:#3b0c15;border:1px solid rgba(226,185,111,.28);padding:10px;border-radius:0 0 16px 16px;box-shadow:0 16px 34px rgba(20,2,6,.24)}.member-nav.is-open{display:flex}.member-nav a{text-align:center;padding:11px}.member-security-link{display:none}.member-header-actions{margin-inline-start:auto}.member-logout{padding:7px 10px}}

/* v0.16.1 simplified member navigation + account menu */
.member-nav>a[href^="/profile-completion"]{display:none}.member-security-link,.member-header-actions>.member-logout{display:none!important}.member-account{position:relative;display:flex;align-items:center;gap:8px}.member-notify{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid rgba(226,185,111,.34);color:var(--wasla-gold);text-decoration:none;background:rgba(255,255,255,.045);font-size:1.05rem}.member-account-toggle{border:1px solid rgba(226,185,111,.36);background:rgba(255,255,255,.045);color:#fff8ef;border-radius:11px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer}.member-account-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:210px;padding:8px;background:#fffaf4;border:1px solid #e6d0bf;border-radius:15px;box-shadow:0 18px 40px rgba(32,4,9,.24);z-index:120}.member-account-menu a,.member-account-menu button{display:block;width:100%;border:0;background:transparent;text-align:right;padding:10px 12px;border-radius:9px;color:var(--wasla-burgundy-900);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.member-account-menu a:hover,.member-account-menu button:hover{background:#f2e4d9}.member-account-menu button{border-top:1px solid #ead9ce;border-radius:0;margin-top:4px;color:#8b1e27}@media(max-width:820px){.member-account-toggle{padding:7px 9px}.member-account-menu{left:0;right:auto}.member-notify{width:36px;height:36px}}

.site-header .header-actions [data-guest-actions]{display:flex;align-items:center;gap:12px}

/* v0.16.4 — locked landing navbar state and proportions */
.site-header .header-actions [data-guest-actions][hidden],.site-header .header-actions [data-member-account][hidden]{display:none!important}.site-header .brand--image img{width:126px;height:58px}.site-header .nav{gap:25px;font-size:.98rem}.site-header .nav a{font-weight:600;white-space:nowrap}.site-header .header-actions [data-guest-actions]{gap:10px}
@media(max-width:1080px){.site-header .nav{gap:16px;font-size:.9rem}.site-header .brand--image img{width:116px;height:54px}}
@media(max-width:680px){.site-header .brand--image img{width:98px;height:46px}}


/* v0.16.5 premium navigation hover/active accent */
.site-header .nav a,.member-nav a{position:relative;transition:color .2s ease,background-color .2s ease}
.site-header .nav a::after,.member-nav a::after{content:'';position:absolute;right:14%;left:14%;bottom:3px;height:2px;border-radius:999px;background:var(--wasla-gold);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.site-header .nav a:hover,.site-header .nav a:focus-visible,.member-nav a:hover,.member-nav a:focus-visible,.member-nav a.is-active{color:var(--wasla-gold)!important}
.site-header .nav a:hover::after,.site-header .nav a:focus-visible::after,.member-nav a:hover::after,.member-nav a:focus-visible::after,.member-nav a.is-active::after{transform:scaleX(1)}
.member-account-toggle:hover,.member-account-toggle:focus-visible{color:var(--wasla-gold);border-color:rgba(226,185,111,.75)}