/* home_hero_v5 (docs/home-hero-v5/PHASE0.md): a calmer home hero, the code entry in the header,
   and the home price panel as ink on light glass with one segmented control.
   Only loaded while the switch is on; every rule is scoped to a class that only exists then. */

/* ---------- the hero row: one white pill that leads, a quiet text link beside it ---------- */
body .hero-cta.h5-cta{flex-wrap:wrap;gap:24px;align-items:center}
/* the hero's Start a trade: the header pill's liquid glass, white text (Vilius, 12 Oct evening) */
body .hero-photo-mode .hero-cta.h5-cta .btn.dark.h5-go{background:rgba(255,255,255,.16);color:#fff;border-color:transparent;-webkit-backdrop-filter:blur(20px) saturate(1.7);backdrop-filter:blur(20px) saturate(1.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.12),0 10px 28px -14px rgba(15,21,25,.28);text-shadow:0 1px 2px rgba(14,20,23,.25)}
body .hero-photo-mode .hero-cta.h5-cta .btn.dark.h5-go:hover{background:rgba(255,255,255,.26);color:#fff}
body .hero-photo-mode .hero-cta.h5-cta .btn.dark.h5-go svg{color:#fff;stroke:currentColor}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body .hero-photo-mode .hero-cta.h5-cta .btn.dark.h5-go{background:rgba(14,20,23,.55)}}
@media (prefers-reduced-transparency:reduce){body .hero-photo-mode .hero-cta.h5-cta .btn.dark.h5-go{background:rgba(14,20,23,.7);-webkit-backdrop-filter:none;backdrop-filter:none}}
body .hero-cta.h5-cta .btn.h5-go::after{content:none!important;display:none!important}   /* never the shimmer */
body .hero-cta .h5-link{font:400 16px/1.4 var(--ff-body,'Instrument Sans',system-ui,sans-serif);color:#fff;text-decoration:none;
  text-underline-offset:4px;text-decoration-thickness:1px;border-radius:4px}
body .hero-cta .h5-link:hover,body .hero-cta .h5-link:focus-visible{text-decoration:underline}
body .hero-cta .h5-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:700px){
  body .hero-cta.h5-cta{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:14px}
  body .hero-cta.h5-cta .btn.h5-go{height:50px;padding:0 24px;justify-content:center;font-size:16px}
  body .hero-cta.h5-cta .btn.h5-go svg{width:16px;height:16px}
  body .hero-cta .h5-link{align-self:center;text-align:center}
}

/* "Have a code?" in the header: fix 5 moved it to the one pop-up (.bf-pop, assets/fix5/pop.css) and the one code field
   (assets/fix3/code.css); the copies that were here are gone. */

/* ---------- the home price panel: ink on light glass ----------
   Measured on the amber field (docs/home-hero-v5/HANDOVER.md): the asked-for .22 panel, 72% label, 70% options
   and an ink track gave 2.9–4.3:1, so the panel is .30, the track a light well, the label and options 80% ink
   and every other line full ink; the glass whitens toward the bottom, where the field turns night-blue.
   4.5:1 or more everywhere (10th percentile of the ground). */
html body .price-sheet.sheet-glass.h5-ink{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.30) 55%,rgba(255,255,255,.46) 100%)!important;color:var(--gc-ink,#0E1417)!important}
html body .price-sheet.h5-ink :is(p,span,b,div,small,.muted,.cap){color:var(--gc-ink,#0E1417)!important}
html body .price-sheet.h5-ink .price-in label{color:rgba(14,20,23,.8)!important}
html body .price-sheet.h5-ink .price-amount{gap:8px}
html body .price-sheet.h5-ink .price-amount span{color:var(--gc-ink,#0E1417)!important}
html body .price-sheet.h5-ink .price-amount input{height:52px;padding:0 16px;border:0!important;border-radius:16px;background:rgba(255,255,255,.55);box-shadow:none;
  font:500 24px/1 'Outfit','Outfit Fallback',var(--font-display,system-ui),sans-serif;font-variant-numeric:tabular-nums;color:var(--gc-ink,#0E1417)}
html body .price-sheet.h5-ink .price-amount input::placeholder{color:rgba(14,20,23,.35)}
html body .price-sheet.h5-ink .price-amount input:focus{outline:none!important;box-shadow:0 0 0 2px var(--gc-ink,#0E1417)}
/* one segmented control: a light track, the choice a white pill, no rings */
html body .price-sheet.h5-ink .price-split{gap:0;padding:4px;border-radius:999px;background:rgba(255,255,255,.3)}
html body .price-sheet.h5-ink .price-pill{flex:1 1 0;min-width:0;min-height:42px;padding:6px 8px;border:0!important;border-radius:999px;background:transparent!important;box-shadow:none;
  font:500 15px/1.15 var(--ff-body,'Instrument Sans',system-ui,sans-serif);white-space:normal;text-wrap:balance;color:rgba(14,20,23,.8)!important;
  outline:none;transition:background-color .15s,color .15s,box-shadow .15s}
html body .price-sheet.h5-ink .price-pill.on{background:#fff!important;color:var(--gc-ink,#0E1417)!important;font-weight:600;box-shadow:0 1px 2px rgba(14,20,23,.12)}
html body .price-sheet.h5-ink .price-pill:focus{outline:none!important}
html body .price-sheet.h5-ink .price-pill:focus-visible{outline:2px solid var(--gc-ink,#0E1417)!important;outline-offset:2px}

/* the same panel on a dark field (hero5.js measured it): white text, the same shapes */
html body .price-sheet.h5-ink.h5-light{color:#fff!important}
html body .price-sheet.h5-ink.h5-light :is(h1,h2,h3,p,b,span,label,div){color:#fff!important}
html body .price-sheet.h5-ink.h5-light .price-in label{color:rgba(255,255,255,.78)!important}
html body .price-sheet.h5-ink.h5-light .price-amount input{background:rgba(255,255,255,.14);color:#fff}
html body .price-sheet.h5-ink.h5-light .price-amount input::placeholder{color:rgba(255,255,255,.5)}
html body .price-sheet.h5-ink.h5-light .price-amount input:focus{box-shadow:0 0 0 2px #fff}
html body .price-sheet.h5-ink.h5-light .price-split{background:rgba(255,255,255,.14)}
html body .price-sheet.h5-ink.h5-light .price-pill{color:rgba(255,255,255,.82)!important}
html body .price-sheet.h5-ink.h5-light .price-pill.on{background:#fff!important;color:var(--gc-ink,#0E1417)!important}
html body .price-sheet.h5-ink.h5-light .price-pill:focus-visible{outline-color:#fff!important}
@media (prefers-reduced-motion:reduce){html body .price-sheet.h5-ink .price-pill{transition:none}}

/* New trade: the sell side's longer words ("Pirkėjas moka") fit a 375 phone, and wrap rather than clip on a narrower one */
.v4-payer[data-h5-order] button{padding:4px 4px;height:auto;min-height:44px;white-space:normal;line-height:1.15;text-wrap:balance}