/* ============================================================
   videoos-ui.css — VideoOS UNIFIED BUTTON SYSTEM (one style for ALL pages)
   Unifies the axes that drifted per-page (font + radius + weight) WITHOUT
   touching each button's color/gradient (already orange brand). Low-risk:
   buttons become consistent (Manrope · 13px) site-wide. Link this on every page.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&display=swap');

/* every button class used across the site -> one font + one radius + one weight */
.cta, a.cta, button.cta,
.vhx-btn, a.vhx-btn,
.btn-primary, .btn, a.btn,
.vo-btn{
  font-family:'Manrope', -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  border-radius:13px !important;
  font-weight:800 !important;
  letter-spacing:.005em !important;
}
/* keep the home's pill hero CTA as an intentional accent (it's the brand hero) */
.vhx .vhx-btn.pri{ border-radius:13px !important; }

/* canonical standalone button (for new/rolled-out markup) */
.vo-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  color:#1a0c05; background:linear-gradient(110deg,#ff6a3d,#ff9d57);
  border:0; padding:13px 22px; min-height:46px; cursor:pointer; text-decoration:none;
  box-shadow:0 16px 40px -14px rgba(0,0,0,.6);
  transition:transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s, filter .18s;
}
.vo-btn:hover{ transform:translateY(-2px); box-shadow:0 0 0 1px rgba(255,106,61,.4),0 14px 40px -8px rgba(255,106,61,.45); filter:saturate(1.05) brightness(1.03); }
.vo-btn:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(255,106,61,.45); }
.vo-btn--ghost{ background:transparent; color:#f4f5f7; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16); }

/* ── SIGNATURE BUTTON — premium states + ONE canonical look (2026-06-23, ghost-safe) ──
   Fixes the drift owner flagged: shell nav .btn-primary rendered WHITE text on orange on
   /compare & /models but dark on / . Now: solid primary = dark-on-orange + lit top edge +
   hover-lift + visible focus ring everywhere. Motion/focus applied to all btn classes; the
   forced color/shadow only on .btn-primary (always the solid CTA) so ghosts stay intact. */
.btn-primary{
  color:#1a0c06 !important; min-height:44px;
  box-shadow:0 10px 28px -10px rgba(255,106,61,.45), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.cta, a.cta, button.cta, .vhx-btn, a.vhx-btn, .btn-primary, .btn, a.btn, .vo-btn{
  transition:transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s, filter .18s !important;
}
.btn-primary:hover, .cta:hover, .vhx-btn:hover, .vo-btn:hover{
  transform:translateY(-2px); filter:saturate(1.04) brightness(1.03);
}
.btn-primary:active, .cta:active, .vhx-btn:active, .vo-btn:active{ transform:translateY(0) scale(.99); }
.btn-primary:focus-visible, .cta:focus-visible, .vhx-btn:focus-visible, .vo-btn:focus-visible{
  outline:none !important; box-shadow:0 0 0 3px rgba(255,106,61,.55) !important;
}

/* shared language switcher injected by /assets/voi18n.js (any static page) */
.voi18nsw{display:inline-flex;gap:2px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:3px;margin-right:8px;vertical-align:middle}
.voi18nsw button{font:700 11px/1 'Manrope',-apple-system,sans-serif;color:#a9adb6;background:transparent;border:0;border-radius:7px;padding:7px 8px;min-width:32px;min-height:34px;cursor:pointer;letter-spacing:.4px}
.voi18nsw button.on{background:linear-gradient(135deg,#ff6a3d,#ff9d57);color:#1a0c06}
.voi18nsw button:hover:not(.on){color:#f4f5f7}

/* footer links spacing fix (was display:block → touching) */
.frow{display:flex!important;flex-wrap:wrap;gap:5px 16px;align-items:baseline}
.frow a{white-space:nowrap}