/* header.css — dark casino sticky header */

header.site {
  position: sticky;
  top: var(--space-12);
  z-index: 50;
  margin: 0 auto;
  transition: top .25s ease;
}

.site-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-24);
  height: 56px;
  padding: 0 var(--space-20);
  background: rgba(8, 12, 24, 0.85);
  backdrop-filter: blur(16px);
  border-radius: var(--pill);
  box-shadow: var(--shadow-header), 0 0 0 1px rgba(255,215,0,.12);
  transition: border-radius .25s ease, box-shadow .25s ease;
}

header.site.scrolled { top: 0; }
header.site.scrolled .site-bar { border-radius: 0; }

.site-logo {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: var(--fw-display);
  letter-spacing: 0.04em;
  color: var(--brand);
  text-transform: uppercase;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: var(--space-20);
}
.site-nav a {
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: var(--ink-3);
}
.site-nav a:hover { color: var(--brand); }

.site-actions {
  display: flex;
  align-items: center;
  gap: var(--space-12);
}

.site-burger {
  display: none;
  width: 40px; height: 40px;
  border-radius: var(--pill);
  background: var(--bg-glass);
  border: 1px solid var(--line);
  font-size: 20px;
  line-height: 1;
  color: var(--ink);
}

@media (max-width: 980px) {
  .site-nav { display: none; }
  .site-burger { display: inline-flex; align-items: center; justify-content: center; }
  .site-actions .btn-link { display: none; }
}

@media (max-width: 720px) {
  header.site { top: var(--space-8); }
  .site-bar { padding: 0 var(--space-14); height: 52px; }
}

/* Mobile drawer */
.site-drawer {
  position: fixed;
  inset: 0;
  background: var(--bg-elevated);
  display: none;
  flex-direction: column;
  padding: var(--space-72) var(--space-24) var(--space-24);
  z-index: 60;
}
.site-drawer a {
  font-family: var(--font-display);
  font-size: var(--fs-h3);
  font-weight: var(--fw-bold);
  padding: var(--space-16) 0;
  border-bottom: 1px solid var(--line-2);
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.site-drawer-close {
  position: absolute;
  top: var(--space-20); right: var(--space-20);
  width: 40px; height: 40px;
  border-radius: var(--pill);
  background: var(--bg-3);
  font-size: var(--fs-h3);
  color: var(--ink);
}

body.menu-open { overflow: hidden; }
body.menu-open .site-drawer { display: flex; }