/* Theme-independent layout: logo lockup, tighter page tops, mobile navigation and the light/dark toggle.
   Light-mode colors live here; public/palette.css (dark mode) overrides them when active. */
/* New logo lockup with the USA-sourced seal to its right. */
.brand-lockup{display:flex;align-items:center;gap:14px}
.fig-logo{gap:10px;align-items:center}
.fig-mark{width:46px;height:auto;display:block}
.fig-word{font:800 24px/1 var(--sans);letter-spacing:-.5px;color:#171716}
.fig-word b{color:#127a63;font-weight:800}
.usa-seal{width:58px;height:58px;display:block;flex:none}
.logo-link .fig-mark{transition:rotate .4s ease}
.gate-mark{width:64px;height:auto;margin:0 0 14px}
.sitefooter .fig-word{font-size:20px}
.sitefooter .fig-mark{width:38px}
@media (max-width:700px){.fig-word{font-size:20px}.fig-mark{width:38px}.usa-seal{width:46px;height:46px}.brand-lockup{gap:10px}}

/* Tighter top of every page: header, offer banner and first heading sit closer together. */
.sitehead{padding-block:8px}
#app{padding-top:14px}
.first-order-offer{padding:10px 0;margin:0 0 14px}
@media (max-width:700px){.first-order-offer .offer-bubble{order:3}}
#app>.first-order-offer+*{margin-top:0}
.homepage .hero{padding-top:0;margin-top:0}

/* Mobile: one scrollable row of navigation instead of three stacked rows. */
@media (max-width:700px){
 .sitehead{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}
 .sitehead .nav-links{flex-wrap:nowrap;overflow-x:auto;gap:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
 .sitehead .nav-links::-webkit-scrollbar{display:none}
 .sitehead .nav-links :is(button,a){white-space:nowrap;flex:none;min-height:32px}
 .first-order-offer{gap:4px 10px}
 .sitehead{position:relative}
 .sitehead .nav-links #cart-nav{position:absolute;top:18px;right:12px;padding:6px 12px}
}

.fig-mark{color:#171716}
.fig-mark text{font-weight:900}
.nav-links .theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #17171640;background:transparent;color:#171716;cursor:pointer;min-height:36px}
.theme-toggle .ico-moon{display:none}
html[data-theme="light"] .theme-toggle .ico-sun{display:none}
html[data-theme="light"] .theme-toggle .ico-moon{display:block}
@media (max-width:700px){.sitehead .nav-links #theme-toggle{order:-1;width:32px;height:32px;min-height:32px}}
.sitefooter .fig-mark,.sitefooter .fig-word{color:#f3f0e8}
.sitefooter .fig-word b{color:#d7ff62}

/* English / Spanish toggle */
.nav-links .lang-toggle{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border-radius:18px;border:1px solid #17171640;background:transparent;color:#171716;font:700 12px/1 var(--sans);letter-spacing:.06em;cursor:pointer;min-height:36px}
@media (max-width:700px){.sitehead .nav-links #lang-toggle{order:-2;height:32px;min-height:32px}}
.i18n-note{font:13px/1.5 var(--sans);color:var(--muted);border-left:3px solid currentColor;padding:4px 0 4px 10px;margin:-6px 0 18px}
html[lang="es"] .sitehead .nav-links{gap:11px}