/* Site header + mobile bottom bar drawn by includes/site-header.php, on every page. Self-contained (fallbacks for the --sc-* tokens). */
.sc-head-spacer { --h-dark:#0E400F; --h-mint:#36E383; --h-mint-soft:#d9f8e6; --h-cream:#F7F4EE; --h-text:#14210f; --h-line:rgba(14,64,15,.14);
  position:sticky; top:0; z-index:1000; height:85px; margin-bottom:-85px; padding:10px 0 0; pointer-events:none; font-family:ubuntu, sans-serif; }
.admin-bar .sc-head-spacer { top:32px; }
.sc-head, .sc-head * { box-sizing:border-box; }
.sc-head { pointer-events:auto; width:min(calc(100% - 24px), var(--sc-wrap, 1400px)); margin:0 auto; }
@media (max-width: 1024px) { .sc-head { width:calc(100% - 24px); } }
.sc-head ul { list-style:none; margin:0; padding:0; }
.sc-head a { text-decoration:none; }
.sc-head__bar { display:flex; align-items:center; gap:24px; height:64px; padding:0 12px 0 20px; border-radius:16px; border:1px solid var(--h-line);
  background:rgba(247,244,238,.86); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:0 10px 28px -14px rgba(7,1,16,.45); }
.sc-head__logo { flex:0 0 auto; display:block; line-height:0; }
.sc-head__logo img { width:132px; height:auto; }
.sc-head__ico { flex:0 0 auto; }

/* Main nav */
.sc-head__nav { flex:1 1 auto; min-width:0; }
.sc-head__nav ul { display:flex; gap:4px; }
.sc-head__nav a { display:block; padding:8px 12px; border-radius:12px; color:var(--h-dark); font-size:16px; font-weight:500; white-space:nowrap; }
.sc-head__nav a:hover { background:rgba(14,64,15,.07); color:var(--h-dark); }
.sc-head__nav a[aria-current="page"] { background:var(--h-mint-soft); font-weight:700; }

/* Right side: the one main action + account */
.sc-head__actions { display:flex; align-items:center; gap:8px; margin-left:auto; }
.sc-head a.sc-head__cta, .sc-head__user { display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 16px; border-radius:12px; font:700 15px/1 ubuntu, sans-serif; white-space:nowrap; cursor:pointer; }
.sc-head a.sc-head__cta { background:var(--h-dark); color:var(--h-mint); border:2px solid var(--h-dark); }
.sc-head a.sc-head__cta:hover { background:var(--h-mint); border-color:var(--h-mint); color:var(--h-dark); }
.sc-head--loyalty .sc-head a.sc-head__cta { background:var(--h-mint); border-color:var(--h-mint); color:var(--h-dark); }
.sc-head--loyalty .sc-head a.sc-head__cta:hover { background:var(--h-dark); border-color:var(--h-dark); color:var(--h-mint); }
.sc-head__user { background:transparent; border:2px solid var(--h-line); color:var(--h-dark); }
.sc-head__user:hover, .sc-head__user[aria-expanded="true"] { border-color:var(--h-dark); color:var(--h-dark); background:transparent; }
.sc-head__user span { max-width:120px; overflow:hidden; text-overflow:ellipsis; }
.sc-head__user .sc-head__ico:last-child { width:16px; height:16px; }
.sc-head a.sc-head__upgrade { font-size:14px; font-weight:700; color:var(--h-dark); text-decoration:underline; text-underline-offset:3px; padding:0 6px; }

/* Account dropdown */
.sc-head__account { position:relative; }
.sc-head__menu { position:absolute; right:0; top:calc(100% + 10px); min-width:240px; padding:8px; border-radius:16px; background:#fff; border:1px solid var(--h-line); box-shadow:0 18px 40px -16px rgba(7,1,16,.4); }
.sc-head__menu[hidden] { display:none; }
.sc-head__menu a { display:block; padding:10px 12px; border-radius:12px; color:var(--h-text); font-size:15px; }
.sc-head__menu a:hover { background:var(--h-cream); color:var(--h-dark); }
.sc-head__menu a.sc-head__logout { color:#c62828; border-top:1px solid var(--h-line); border-radius:0 0 12px 12px; margin-top:4px; }

/* Mobile bottom bar (hidden on desktop) */
.sc-tabbar, .sc-sheet { display:none; }
.sc-tabbar *, .sc-sheet * { box-sizing:border-box; }

@media (max-width: 1024px) {
  .sc-head__nav, .sc-head a.sc-head__cta, .sc-head a.sc-head__upgrade { display:none; }
  .sc-head__bar { gap:12px; height:60px; padding:0 8px 0 16px; }
  .sc-head__user { width:44px; padding:0; justify-content:center; }
  .sc-head__user span, .sc-head__user .sc-head__ico:last-child { display:none; }

  /* Phones: solid bar, no backdrop blur (it is recomputed on every repaint below it and made typing lag) */
  .sc-head__bar { background:#F7F4EE; -webkit-backdrop-filter:none; backdrop-filter:none; }
  body.has-sc-tabbar { padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px)); }
  .sc-tabbar { --h-dark:#0E400F; --h-mint:#36E383; --h-mint-soft:#d9f8e6;
    display:block; position:fixed; left:0; right:0; bottom:0; z-index:1001; padding:6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
    background:#fff; border-top:1px solid rgba(14,64,15,.12); box-shadow:0 -8px 24px -16px rgba(7,1,16,.35); font-family:ubuntu, sans-serif; }
  .sc-tabbar ul { list-style:none; margin:0 auto; padding:0; max-width:560px; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:4px; }
  .sc-tabbar__item { width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; height:58px; padding:0 2px;
    border:0; border-radius:12px; background:none; color:#3d4a3a; font:600 12px/1.1 ubuntu, sans-serif; text-decoration:none; cursor:pointer; }
  .sc-tabbar__item span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sc-tabbar__item[aria-current="page"], .sc-tabbar__item[aria-expanded="true"] { color:var(--h-dark); background:var(--h-mint-soft); }
  a.sc-tabbar__item--main { background:var(--h-dark); color:var(--h-mint); }
  a.sc-tabbar__item--main:hover, a.sc-tabbar__item--main:focus { background:var(--h-dark); color:var(--h-mint); }
  .sc-head--loyalty ~ .sc-tabbar a.sc-tabbar__item--main { background:var(--h-mint); color:var(--h-dark); }

  .sc-sheet { display:block; position:fixed; inset:0; z-index:1000; background:rgba(7,1,16,.35); font-family:ubuntu, sans-serif; }
  .sc-sheet[hidden] { display:none; }
  .sc-sheet__inner { position:absolute; left:0; right:0; bottom:calc(70px + env(safe-area-inset-bottom, 0px)); max-height:calc(100vh - 160px); overflow:auto;
    margin:0 8px; padding:16px; border-radius:16px; background:#F7F4EE; display:grid; gap:12px; }
  .sc-sheet ul { list-style:none; margin:0; padding:0; display:grid; gap:2px; }
  .sc-sheet__nav a { display:block; padding:12px 14px; border-radius:12px; font-family:var(--sc-font-title, Outfit, sans-serif); font-size:20px; font-weight:700; color:#0E400F; text-decoration:none; }
  .sc-sheet__nav a[aria-current="page"] { background:#d9f8e6; }
  .sc-sheet__h { margin:6px 0 0; padding:12px 14px 4px; border-top:1px solid rgba(14,64,15,.14); font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#5b6b57; }
  .sc-sheet__acc a { display:block; padding:10px 14px; border-radius:12px; color:#14210f; font-size:16px; text-decoration:none; }
  .sc-sheet__acc a.sc-head__logout { color:#c62828; }
  a.sc-sheet__login { display:flex; align-items:center; justify-content:center; height:50px; border-radius:12px; background:#0E400F; color:#36E383; font-weight:700; text-decoration:none; }
  a.sc-sheet__upgrade { padding:0 14px; font-weight:700; color:#0E400F; }
}
@media (max-width: 782px) { .admin-bar .sc-head-spacer { top:46px; } }