/* Lightweight cookie / ads consent ribbon (paired with legal-consent.js) */ :root { --sq-consent-h: clamp(132px, 28vh, 200px); } .sq-consent-backdrop { position: fixed; inset: auto 0 0 0; z-index: 9998; min-height: var(--sq-consent-h); padding: 14px clamp(14px, 4vw, 28px); padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); background: rgba(10, 12, 14, 0.96); border-top: 1px solid rgba(255, 255, 255, 0.16); box-shadow: 0 -28px 64px rgba(0, 0, 0, 0.45); font-family: Barlow, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; backdrop-filter: blur(16px); display: none; } body.sq-consent-visible .sq-consent-backdrop { display: block; } body.sq-consent-visible .sq-consent-shell { display: grid; } .sq-consent-shell { max-width: min(940px, 100%); margin: 0 auto; display: none; grid-template-columns: 1fr auto; gap: 14px 18px; align-items: center; } .sq-consent-shell p { margin: 0; color: rgba(255, 255, 255, 0.84); font-size: clamp(13px, 2.9vw, 15px); line-height: 1.42; } .sq-consent-shell a { color: #ffa14d; } .sq-consent-shell .sq-consent-muted { color: rgba(255, 255, 255, 0.54); } .sq-consent-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .sq-consent-actions button { cursor: pointer; border-radius: 7px; padding: 9px 14px; font: 700 13px / 1 Barlow, Arial, sans-serif; letter-spacing: 0.04em; } .sq-consent-actions .sq-consent-secondary { border: 1px solid rgba(255, 255, 255, 0.35); background: transparent; color: rgba(255, 255, 255, 0.94); } .sq-consent-actions .sq-consent-primary { border: 1px solid rgba(255, 107, 0, 0.55); background: linear-gradient(165deg, #ff8533, #ff5a00); color: #0b0907; } /* Extra bottom padding while banner is visible (pages include this class on ) */ body.sq-consent-visible.has-sq-consent-banner { padding-bottom: calc(var(--sq-consent-h) + 8px); } @media (max-width: 640px) { .sq-consent-shell { grid-template-columns: 1fr; } .sq-consent-actions { justify-content: stretch; } .sq-consent-actions button { flex: 1; min-width: 120px; } }