/* Signup Here – additions for stand-alone subdomain pages (content/standalone/*.json, e.g. etoro.signup-here.com).
   Loaded only by those pages, after site.css. Uses the tokens from site.css; no new colours except the warning tones
   already used by .callout-warn / .pc .cons. */

/* Header without main navigation: short label on the right instead of the 18+ badge */
.hdr-note{margin:0 0 0 auto;color:#cfd7e2;font-size:.82rem;line-height:1.3;text-align:right}
@media (max-width:980px){.site-header .bar{padding-bottom:12px;flex-wrap:nowrap}}
@media (max-width:560px){.hdr-note .x{display:none}}

/* Risk warning band directly under the header */
.risk-top{background:var(--rust-tint);border-bottom:1px solid #f0d3c2;color:#4a1d0c}
.risk-top-in{display:flex;gap:12px;align-items:flex-start;padding-top:12px;padding-bottom:12px}
.risk-top p{margin:0;font-size:.88rem;line-height:1.5}
.risk-top b{color:#7c2d12}
.risk-ico{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;margin-top:1px;border-radius:50%;
  background:var(--rust);color:#fff;font:800 .85rem/1 var(--head)}
@media (max-width:640px){.risk-top p{font-size:.84rem}}

/* Footer risk block (takes the place of the responsible-gambling block, same .f-rg layout) */
.risk-ico-lg{width:46px;height:46px;margin-top:0;background:transparent;border:2px solid #e9edf3;font-size:1.25rem}
.f-risk p{max-width:88ch}
.f-risk p b{color:#fff}
.f-risk .f-disc{color:#fff;font-weight:600;margin-bottom:0}
.f-risk .f-src{font-size:.84rem;color:#8d99ab}
.f-risk .f-src a{color:var(--mint)}

/* Name as plain text in the place of an operator logo plate */
.name-badge{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 18px;border-radius:11px;
  background:var(--paper-2);border:1px solid var(--line);color:var(--ink);font:800 1.45rem/1 var(--head);letter-spacing:-.01em;flex:none}
@media (max-width:520px){.name-badge{height:46px;padding:0 14px;font-size:1.2rem}}

/* "At a glance" panel (no score: these pages do not use the casino rating scheme) */
.panel-h{font-size:1.05rem;margin:0 0 10px;letter-spacing:0}
.glance{margin:0;border-top:1px solid var(--line)}
.glance div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.glance dt{font-size:.84rem;color:var(--muted);line-height:1.4}
.glance dd{margin:0;font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.4;text-align:right}

/* Numbered source citations */
.cite{font-size:.7em;line-height:0;vertical-align:super;margin-left:1px;white-space:nowrap}
.cite a{text-decoration:none;font-weight:650;padding:0 1px}
.cite a:hover{text-decoration:underline}
.sources li{scroll-margin-top:20px}
.sources li:target{background:var(--go-tint);border-radius:6px}
.rv-body .facts dd p{margin:0}

/* Paragraph directly after a facts box */
.rv-body section > .facts + p{margin-top:1.05em}

/* Outline button inside the dark verdict box (".verdict a" would otherwise turn its label mint on white) */
.verdict a.btn-line{color:var(--ink)}
.verdict a.btn-line:hover{color:var(--ink);border-color:var(--mint)}

/* Footer: site.css sets padding shorthands on .f-main/.f-bottom that cancel the .wrap gutter (flush to the screen
   edge on phones). Restored here for these pages only; site.css is left untouched. */
.site-footer .f-main,.site-footer .f-bottom{padding-left:var(--gut);padding-right:var(--gut)}
