/* =========================
   FQG Double Navbar — Greenflor-inspired (no search)
   Uses your :root variables
   ✅ FIXES INCLUDED:
   - Hero state (NOT scrolled): white text/icons over video
   - Scrolled state: dark text/icons on white background
   - Dropdown hover gap bridge (no disappearing)
   - Mobile drawer centered + clickable (backdrop behind)
   - SCROLLABLE mobile drawer for long menus
   - Hide category row on mobile (because it exists in drawer)
   ✅ UPDATE:
   - Greens dropdown redesigned (featured + grid) so it’s NOT a copycat,
     and fits many links while staying premium.
========================= */

.fqg-header{
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
  transition: background .22s ease, box-shadow .22s ease, border-color .22s ease, transform .22s ease;
}

/* ===== Default state: transparent background ===== */
.fqg-top,
.fqg-sub{
  background: transparent;
  border-bottom: 1px solid transparent;
}

.fqg-top{
  padding-top: 6px;
}
.fqg-top__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  min-height: 54px;
}

/* Logo */
.fqg-logo{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 999px;
  transition: transform .18s ease;
}
.fqg-logo:hover{ transform: translateY(-1px); }
.fqg-logo__img{
  height: 30px;
  width:auto;
  display:block;
}

/* Primary top links */
.fqg-primary{
  display:flex;
  align-items:center;
  gap: 6px;
}
.fqg-primary__link{
  font-size: var(--sm);
  font-weight: 600;
  color: var(--text); /* overridden in HERO state */
  padding: 10px 12px;
  border-radius: 999px;
  position: relative;
  transition: background .16s ease, transform .16s ease, color .16s ease;
}
.fqg-primary__link:hover{
  background: rgba(0,0,0,.04); /* overridden in HERO state */
  transform: translateY(-1px);
  color: var(--text); /* overridden in HERO state */
}

/* Actions right */
.fqg-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
}

/* Language pills */
.fqg-lang{
  display:flex;
  gap: 6px;
  align-items:center;
}
.fqg-lang__btn{
  font-size: var(--sm);
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid var(--border); /* overridden in HERO state */
  background: rgba(255,255,255,.7); /* overridden in HERO state */
  backdrop-filter: blur(10px);
  color: var(--text); /* overridden in HERO state */
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.fqg-lang__btn:hover{
  transform: translateY(-1px);
  background: var(--surface); /* overridden in HERO state */
  border-color: #d9d9d7; /* overridden in HERO state */
}
.fqg-lang__btn.is-active{
  background: var(--gold-soft); /* overridden in HERO state */
  border-color: var(--gold-border); /* overridden in HERO state */
}

/* Login */
.fqg-login{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  color: var(--text); /* overridden in HERO state */
  font-size: var(--sm);
  font-weight: 600;
  transition: background .16s ease, transform .16s ease, border-color .16s ease, color .16s ease;
}
.fqg-login:hover{
  background: rgba(0,0,0,.04); /* overridden in HERO state */
  border-color: rgba(0,0,0,.05); /* overridden in HERO state */
  transform: translateY(-1px);
}
.fqg-login__icon{
  display:inline-flex;
  width: 28px;
  height: 28px;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  border: 1px solid var(--border); /* overridden in HERO state */
  background: rgba(255,255,255,.7); /* overridden in HERO state */
  backdrop-filter: blur(10px);
  color: var(--text); /* inherited by svg via currentColor (overridden in HERO) */
}

/* CTA button */
.fqg-cta{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--gold);
  border: 1px solid var(--gold);
  color: #111;
  font-size: var(--sm);
  font-weight: 700;
  box-shadow: 0 10px 26px rgba(195,146,46,.20);
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.fqg-cta:hover{
  transform: translateY(-1px);
  background: var(--gold-hover);
  box-shadow: 0 14px 34px rgba(195,146,46,.28);
}
.fqg-cta__arrow{
  transition: transform .16s ease;
}
.fqg-cta:hover .fqg-cta__arrow{
  transform: translateX(2px);
}

/* ===== Second row (categories) ===== */
.fqg-sub{
  padding-bottom: 6px;
}
.fqg-sub__inner{
  display:flex;
  align-items:center;
}

.fqg-cats{
  display:flex;
  gap: 4px;
  align-items:center;
  justify-content: center;
  width: 100%;
  overflow: visible; /* IMPORTANT: don't clip dropdown */
}

/* On smaller screens the category row becomes horizontally scrollable (desktop-ish tablets) */
@media (max-width: 1100px){
  .fqg-cats{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .fqg-cats::-webkit-scrollbar{ display:none; }
}

.fqg-cats__link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: var(--sm);
  color: var(--text-secondary); /* overridden in HERO state */
  padding: 10px 12px;
  border-radius: 999px;
  white-space: nowrap;
  position: relative;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.fqg-cats__link:hover{
  background: rgba(0,0,0,.04); /* overridden in HERO state */
  color: var(--text); /* overridden in HERO state */
  transform: translateY(-1px);
}
.fqg-cats__link.is-active{
  color: var(--text); /* overridden in HERO state */
  background: rgba(195,146,46,.14); /* overridden in HERO state */
  border: 1px solid rgba(195,146,46,.22); /* overridden in HERO state */
}

/* Underline micro animation */
.fqg-cats__link::after,
.fqg-primary__link::after{
  content:"";
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: var(--gold); /* overridden in HERO state */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
  opacity: .65; /* overridden in HERO state */
}
.fqg-cats__link:hover::after,
.fqg-primary__link:hover::after{
  transform: scaleX(1);
}

/* Caret */
.fqg-caret{
  width: 8px;
  height: 8px;
  display:inline-block;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  opacity: .9;
}

/* ===== Dropdowns (Mega base) ===== */
.fqg-dd{ position: relative; }
.fqg-dd__trigger{
  border:0;
  background: transparent;
  cursor: pointer;
}

/* hover bridge so dropdown doesn't disappear when moving cursor down */
.fqg-dd::after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 12px;
  background: transparent;
}

.fqg-dd__panel{
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  min-width: min(980px, calc(100vw - 48px));
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) + 6px);
  box-shadow: var(--shadow-soft);
  padding: 14px;
  display: none;
  transform: translateY(6px);
  opacity: 0;
  pointer-events: none;
  z-index: 2000;
  --dd-x: 0px;
  transform: translate(var(--dd-x), 6px);
}

.fqg-dd.is-open .fqg-dd__panel{
  display:block;
  animation: fqgDrop .18s ease forwards;
  pointer-events: auto;
}
@keyframes fqgDrop{
  to{ transform: translateY(0); opacity: 1; }
}

/* Flip up (open above trigger) */
.fqg-dd.is-flip .fqg-dd__panel{
  top: auto !important;
  bottom: calc(100% + 10px);
  transform: translate(var(--dd-x), -6px);
}

.fqg-dd.is-open.is-flip .fqg-dd__panel{
  animation: fqgDropUp .18s ease forwards;
}

@keyframes fqgDropUp{
  to{ transform: translate(var(--dd-x), 0); opacity: 1; }
}

.fqg-dd__panel{
  --dd-x: 0px;

  /* ✅ Center under trigger */
  left: 50%;
  transform: translate(calc(-50% + var(--dd-x)), 6px);
  transform-origin: top center;
}

.fqg-dd.is-open .fqg-dd__panel{
  animation: fqgDropCentered .18s ease forwards;
}

@keyframes fqgDropCentered{
  to{ transform: translate(calc(-50% + var(--dd-x)), 0); opacity: 1; }
}

/* Flip up */
.fqg-dd.is-flip .fqg-dd__panel{
  top: auto !important;
  bottom: calc(100% + 10px);
  transform: translate(calc(-50% + var(--dd-x)), -6px);
  transform-origin: bottom center;
}

.fqg-dd.is-open.is-flip .fqg-dd__panel{
  animation: fqgDropUpCentered .18s ease forwards;
}

@keyframes fqgDropUpCentered{
  to{ transform: translate(calc(-50% + var(--dd-x)), 0); opacity: 1; }
}

/* ===== Legacy mega styles (keep for Flowers/Ventium if still used elsewhere) ===== */
.fqg-mega{
  display:grid;
  grid-template-columns: 1fr 1fr 1.05fr;
  gap: 12px;
}

.fqg-mega__col{
  padding: 12px;
  border-radius: 16px;
}
.fqg-mega__title{
  font-size: var(--sm);
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--text);
  margin-bottom: 10px;
}
.fqg-mega__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 14px;
  font-size: var(--sm);
  color: var(--text-secondary);
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.fqg-mega__item:hover{
  background: var(--surface-alt);
  color: var(--text);
  transform: translateY(-1px);
}

.fqg-mega__col--highlight{
  background: var(--gold-soft);
  border: 1px solid var(--gold-border);
}
.fqg-mega__card{
  padding: 12px;
}
.fqg-mega__kicker{
  font-size: var(--sm);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 10px;
}
.fqg-mega__headline{
  font-weight: 800;
  font-size: var(--h4);
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}
.fqg-mega__text{
  margin: 0 0 12px 0;
  font-size: var(--sm);
  color: var(--text-secondary);
}
.fqg-mega__cta{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(255,255,255,.6);
  color: var(--text);
  font-weight: 700;
  font-size: var(--sm);
  transition: transform .16s ease, background .16s ease;
}
.fqg-mega__cta:hover{
  transform: translateY(-1px);
  background: var(--surface);
}

/* =========================
   NEW: Greens panel (not a copycat)
   Featured chips + right grid
========================= */
.fqg-panel--greens{
  padding: 0;          /* we handle padding inside */
  overflow: hidden;    /* keeps border radius clean */
  min-width: min(1060px, calc(100vw - 48px)); /* more room for many links */
  top: calc(100% + 8px); /* sits a bit closer under the button */
}

/* main wrapper */
.fqg-gpanel{
  display: grid;
  grid-template-columns: 300px 1fr;
  background: var(--surface);
}

/* left */
.fqg-gpanel__side{
  padding: 18px;
  border-right: 1px solid var(--border);
  background:
    linear-gradient(180deg, rgba(195,146,46,.10), rgba(195,146,46,.04));
}

/* right */
.fqg-gpanel__main{
  padding: 18px 18px 18px 20px;
  background: var(--surface);
}

/* header styling */
.fqg-gpanel__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.fqg-gpanel__kicker{
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 6px;
}

.fqg-gpanel__title{
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .01em;
  color: var(--text);
}

.fqg-gpanel__meta{
  font-size: 12px;
  color: var(--text-muted);
  padding-bottom: 2px;
}

.fqg-gpanel__desc{
  margin: 8px 0 14px 0;
  font-size: 12.5px;
  color: var(--text-secondary);
  line-height: 1.35;
}

/* chips */
.fqg-gpanel__chips{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.fqg-chip{
  display:inline-flex;
  align-items:center;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--text);
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(255,255,255,.55);
  transition: transform .16s ease, background .16s ease;
}
.fqg-chip:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.78);
}

/* button */
.fqg-gpanel__btn{
  margin-top: 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  width: 70%;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 900;
  color: #111;
  background: var(--gold);
  border: 1px solid var(--gold);
  box-shadow: 0 10px 22px rgba(195,146,46,.18);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.fqg-gpanel__btn:hover{
  transform: translateY(-1px);
  background: var(--gold-hover);
  box-shadow: 0 14px 30px rgba(195,146,46,.24);
}

/* right grid links */
.fqg-gpanel__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

/* grid item (more modern than plain text list) */
.fqg-gitem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 9px 10px;
  border-radius: 12px;
  font-size: 12.8px;
  line-height: 1.2;
  color: var(--text-secondary);
  background: transparent;
  border: 1px solid transparent;
  transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
}
.fqg-gitem:hover{
  transform: translateY(-1px);
  background: var(--surface-alt);
  border-color: rgba(0,0,0,.04);
  color: var(--text);
}

/* responsive */
@media (max-width: 1100px){
  .fqg-panel--greens{ min-width: min(980px, calc(100vw - 48px)); }
  .fqg-gpanel{ grid-template-columns: 280px 1fr; }
  .fqg-gpanel__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px){
  .fqg-gpanel{ grid-template-columns: 1fr; }
  .fqg-gpanel__side{ border-right: 0; border-bottom: 1px solid var(--border); }
  .fqg-gpanel__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ===== Pretty burger (top-right) ===== */
.fqg-burger{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid var(--border); /* overridden in HERO state */
  background: rgba(255,255,255,.75); /* overridden in HERO state */
  backdrop-filter: blur(10px);
  display: none; /* shown via media query */
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
  position: relative;
}
.fqg-burger:hover{
  transform: translateY(-1px);
  background: var(--surface); /* overridden in HERO state */
  border-color: #d9d9d7; /* overridden in HERO state */
}

.fqg-burger__line{
  position: absolute;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: var(--text); /* overridden in HERO state */
  transition: transform .18s ease, opacity .18s ease;
}
.fqg-burger__line:nth-child(1){ transform: translateY(-6px); }
.fqg-burger__line:nth-child(2){ transform: translateY(0); }
.fqg-burger__line:nth-child(3){ transform: translateY(6px); }

/* Animate to X when menu is open */
.fqg-burger.is-open .fqg-burger__line:nth-child(1){ transform: rotate(45deg); }
.fqg-burger.is-open .fqg-burger__line:nth-child(2){ opacity: 0; }
.fqg-burger.is-open .fqg-burger__line:nth-child(3){ transform: rotate(-45deg); }

/* Scrolled state: white background, subtle border/shadow */
.fqg-header.is-scrolled{
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}
.fqg-header.is-scrolled .fqg-top,
.fqg-header.is-scrolled .fqg-sub{
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

/* ===== Mobile Drawer (centered + SCROLLABLE) ===== */
.fqg-drawer{
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;

  align-items: flex-start;
  justify-content: center;

  padding: 12px;
  box-sizing: border-box;
  isolation: isolate;
}
.fqg-drawer.is-open{
  display: flex;
}

/* backdrop behind */
.fqg-drawer__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.40);
  border: 0;
  z-index: 1;
  cursor: pointer;
}

/* ✅ FIXED: panel is now scrollable with flexbox layout */
.fqg-drawer__panel{
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 110px);

  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) + 8px);
  box-shadow: var(--shadow-soft);

  display: flex;
  flex-direction: column;
  overflow: hidden;

  transform: translateY(-8px);
  animation: fqgPanel .18s ease forwards;
}
@keyframes fqgPanel{ to{ transform: translateY(0); } }

.fqg-drawer__top{
  flex-shrink: 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px 10px 14px;
  border-bottom: 1px solid var(--border);
  background: var(--surface-alt);
}
.fqg-drawer__logo{ height: 40px; width:auto; display:block; }

.fqg-drawer__close{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  cursor: pointer;
}

/* ✅ KEY FIX: This becomes the scrollable container */
.fqg-drawer__content{
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px;
  padding-bottom: 24px;

  -webkit-overflow-scrolling: touch;

  scrollbar-width: thin;
  scrollbar-color: var(--border) transparent;
}
.fqg-drawer__content::-webkit-scrollbar{
  width: 6px;
}
.fqg-drawer__content::-webkit-scrollbar-track{
  background: transparent;
}
.fqg-drawer__content::-webkit-scrollbar-thumb{
  background: var(--border);
  border-radius: 999px;
}
.fqg-drawer__content::-webkit-scrollbar-thumb:hover{
  background: var(--text-muted);
}

.fqg-drawer__langs{
  display:flex;
  gap: 8px;
  padding: 6px 4px 12px 4px;
}

.fqg-mnav{
  display:flex;
  flex-direction:column;
  gap: 6px;
}
.fqg-mnav__link{
  padding: 12px 12px;
  border-radius: 14px;
  font-size: var(--p);
  color: var(--text);
  background: transparent;
  border: 1px solid transparent;
}
.fqg-mnav__link:hover{ background: var(--surface-alt); }

.fqg-mnav__sep{
  height: 1px;
  background: var(--border);
  margin: 10px 0;
}

.fqg-mnav__acc{
  width: 100%;
  text-align: left;
  padding: 12px 12px;
  border-radius: 14px;
  font-size: var(--p);
  font-weight: 700;
  color: var(--text);
  border: 1px solid var(--border);
  background: var(--surface);
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
}
.fqg-mnav__panel{
  display:none;
  padding: 10px;
  border-radius: 14px;
  background: var(--surface-alt);
  border: 1px solid var(--border);
}
.fqg-mnav__panel.is-open{ display:block; }

.fqg-mnav__sublink{
  display:block;
  padding: 10px 10px;
  border-radius: 12px;
  font-size: var(--sm);
  color: var(--text-secondary);
}
.fqg-mnav__sublink:hover{
  background: rgba(0,0,0,.04);
  color: var(--text);
}

.fqg-mnav__cta{
  margin-top: 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 12px;
  border-radius: 14px;
  font-size: var(--p);
  font-weight: 800;
  background: var(--gold);
  border: 1px solid var(--gold);
  color: #111;
}

/* ===== Responsive rules ===== */
@media (max-width: 980px){
  .fqg-primary{ display:none; }
  .fqg-login__text{ display:none; }
  .fqg-cta{ display:none; }
  .fqg-burger{ display:inline-flex; }
}

/* On very small screens, keep language pills compact */
@media (max-width: 420px){
  .fqg-lang__btn{ padding: 7px 8px; }
}

/* Hide category row on mobile/tablet (it exists in the drawer already) */
@media (max-width: 980px){
  .fqg-sub{ display: none; }
}

/* =========================
   HERO STATE (NOT scrolled)
   Navbar over hero/video → white text/icons
========================= */
.fqg-header:not(.is-scrolled) .fqg-primary__link,
.fqg-header:not(.is-scrolled) .fqg-cats__link,
.fqg-header:not(.is-scrolled) .fqg-login{
  color: #fff;
}

.fqg-header:not(.is-scrolled) .fqg-primary__link:hover,
.fqg-header:not(.is-scrolled) .fqg-cats__link:hover,
.fqg-header:not(.is-scrolled) .fqg-login:hover{
  background: rgba(255,255,255,.10);
  color: #fff;
}

/* underline becomes subtle white on hero */
.fqg-header:not(.is-scrolled) .fqg-cats__link::after,
.fqg-header:not(.is-scrolled) .fqg-primary__link::after{
  background: rgba(255,255,255,.70);
  opacity: .9;
}

/* active category pill on hero */
.fqg-header:not(.is-scrolled) .fqg-cats__link.is-active{
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
}

/* Language pills on hero */
.fqg-header:not(.is-scrolled) .fqg-lang__btn{
  color: #fff;
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.10);
}
.fqg-header:not(.is-scrolled) .fqg-lang__btn:hover{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.45);
}
.fqg-header:not(.is-scrolled) .fqg-lang__btn.is-active{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.50);
}

/* Login icon bubble on hero */
.fqg-header:not(.is-scrolled) .fqg-login__icon{
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.12);
  color: #fff;
}

/* Burger on hero */
.fqg-header:not(.is-scrolled) .fqg-burger{
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.12);
}
.fqg-header:not(.is-scrolled) .fqg-burger__line{
  background: #fff;
}

/* Slight readability boost over video (optional, subtle) */
.fqg-header:not(.is-scrolled) .fqg-primary__link,
.fqg-header:not(.is-scrolled) .fqg-cats__link,
.fqg-header:not(.is-scrolled) .fqg-login{
  text-shadow: 0 10px 26px rgba(0,0,0,.28);
}

/* =========================
   SCROLLED STATE: ensure dark
========================= */
.fqg-header.is-scrolled .fqg-primary__link,
.fqg-header.is-scrolled .fqg-cats__link,
.fqg-header.is-scrolled .fqg-login{
  color: var(--text);
}
.fqg-header.is-scrolled .fqg-primary__link:hover,
.fqg-header.is-scrolled .fqg-cats__link:hover,
.fqg-header.is-scrolled .fqg-login:hover{
  background: rgba(0,0,0,.04);
  color: var(--text);
}
.fqg-header.is-scrolled .fqg-cats__link::after,
.fqg-header.is-scrolled .fqg-primary__link::after{
  background: var(--gold);
  opacity: .65;
}
.fqg-header.is-scrolled .fqg-cats__link.is-active{
  color: var(--text);
  background: rgba(195,146,46,.14);
  border: 1px solid rgba(195,146,46,.22);
}
.fqg-header.is-scrolled .fqg-lang__btn{
  color: var(--text);
  background: rgba(255,255,255,.75);
  border-color: var(--border);
}
.fqg-header.is-scrolled .fqg-lang__btn.is-active{
  background: var(--gold-soft);
  border-color: var(--gold-border);
}
.fqg-header.is-scrolled .fqg-login__icon{
  color: var(--text);
  background: rgba(255,255,255,.7);
  border-color: var(--border);
}
.fqg-header.is-scrolled .fqg-burger{
  border-color: var(--border);
  background: rgba(255,255,255,.75);
}
.fqg-header.is-scrolled .fqg-burger__line{
  background: var(--text);
}

/* Default pages: immediately solid */
.page-default .fqg-header{
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.page-default .fqg-top,
.page-default .fqg-sub{
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

.page-default .fqg-header,
.page-default .fqg-header *{
  color: var(--text) !important;
}

/* Links / buttons specifically (extra safety) */
.page-default .fqg-primary__link,
.page-default .fqg-cats__link,
.page-default .fqg-topbar a,
.page-default .fqg-subbar a,
.page-default .fqg-login,
.page-default .fqg-login span,
.page-default .fqg-lang__btn{
  color: var(--text) !important;
}

/* Icons (svg) also dark */
.page-default .fqg-header svg,
.page-default .fqg-header svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Dropdown links too */
.page-default .fqg-dropdown a{
  color: var(--text) !important;
}

/* Optional: if you use an "active" pill/highlight */
.page-default .fqg-primary__link.is-active,
.page-default .fqg-cats__link.is-active{
  color: var(--text) !important;
}

/* Make the glass buttons normal on default pages (optional) */
.page-default .fqg-lang__btn,
.page-default .fqg-login__icon,
.page-default .fqg-burger{
  background: var(--surface);
  backdrop-filter: none;
}

.fqg-panel--compact .fqg-gpanel__side {
  display: none;
}
.fqg-panel--compact .fqg-gpanel {
  grid-template-columns: 1fr;
}

.fqg-header.is-scrolled .fqg-sub {
  padding-top: 6px;
}