/* Salll Experiências · acabamento permanente.
   Carregado depois do motor e das skins. Todas as regras pertencem ao tema
   `premium`; ?tema=black continua usando integralmente os estilos anteriores.
   Os !important pontuais vencem o tema legado, que já os usa em títulos e CTAs. */
:root[data-xp-tema="premium"] {
  color-scheme: dark;
  --bg: #111214;
  --bg-alt: #17181b;
  --surf: #1c1d21;
  --surf-2: #24252a;
  --ink: #f4f2ee;
  --muted: #b6b5b3;
  --faint: #969694;
  --txt2: #c5c4c1;
  --line: rgba(244,242,238,.10);
  --line-h: rgba(244,242,238,.22);
  --tint: 244,242,238;
  --xp-accent: #f2a477;
  --xp-accent-rgb: 242,164,119;
  --accent-ink: var(--xp-accent);
  --orange: var(--xp-accent);
  --champ-text: var(--xp-accent);
  --champ-hi-text: var(--xp-accent);
  --champ-deep: var(--xp-accent);
  --sec: #b3a0d0;
  --sec-hi: #cbb9e2;
  --sec-deep: #cbb9e2;
  --gold-hi: #eed0ad;
  --ok: #9fd5b1;
  --teal-ink: #9fd5c7;
  --warn: #e4be83;
  --warn-text: #e4be83;
  --err: #ffa39d;
  --shadow: 0 1px 0 rgba(255,255,255,.025);
  --card-bg: var(--surf);
  --card-ink: var(--ink);
  --card-sub: var(--muted);
  --card-line: var(--line);
  --radius: 16px;
  --radius-sm: 12px;
  --serif: 'Inter', system-ui, sans-serif;
  --sans: 'Inter', system-ui, -apple-system, sans-serif;
  --pad: 22px;
  background: var(--bg);
}

/* Identidade em poucos pontos de cor, sobre a mesma base neutra. */
:root[data-xp-tema="premium"][data-xp-skin="drink"] {
  --xp-accent: #c4dfa5;
  --xp-accent-rgb: 196,223,165;
  --drk-lima: #c4dfa5;
  --drk-lima-2: #a6c483;
  --drk-hib: #d791ad;
  --drk-traco: #c5d6cb;
  --drk-vidro: rgba(255,255,255,.07);
  --drk-seg-bg: var(--xp-accent);
  --drk-seg-ink: #111214;
}
:root[data-xp-tema="premium"][data-xp-skin="festa"] {
  --xp-accent: #e8b1c5;
  --xp-accent-rgb: 232,177,197;
}
:root[data-xp-tema="premium"] [data-xp-skin="festa"],
:root[data-xp-tema="premium"][data-xp-skin="festa"] {
  --festa-pink: #e8b1c5;
  --festa-pink-deep: #e8b1c5;
  --festa-pink-soft: rgba(232,177,197,.08);
  --festa-ink2: #f4f2ee;
  --festa-glow-a: #342630;
  --festa-glow-b: #1c1d21;
}
:root[data-xp-tema="premium"][data-xp-skin="cabelo"] {
  --xp-accent: #c3b0e1;
  --xp-accent-rgb: 195,176,225;
}
:root[data-xp-tema="premium"] [data-xp-skin="cabelo"],
:root[data-xp-tema="premium"][data-xp-skin="cabelo"] {
  --cab-roxo: #c3b0e1;
  --cab-roxo-ink: #c3b0e1;
  --cab-roxo-soft: rgba(195,176,225,.09);
}
:root[data-xp-tema="premium"][data-xp-skin="tintas"] {
  --xp-accent: #dfb691;
  --xp-accent-rgb: 223,182,145;
  --tq-wall: #302b27;
}
:root[data-xp-tema="premium"][data-xp-skin="churrasco"] {
  --chr-brasa: #f2a477;
  --chr-brasa-2: #f5bc96;
}

:root[data-xp-tema="premium"] body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
:root[data-xp-tema="premium"]::before,
:root[data-xp-tema="premium"] body::before,
:root[data-xp-tema="premium"] body::after,
:root[data-xp-tema="premium"] .xp-shell::before,
:root[data-xp-tema="premium"] .xp-topbar,
:root[data-xp-tema="premium"] .grain,
:root[data-xp-tema="premium"] .halo {
  display: none;
}
:root[data-xp-tema="premium"] :is(.xp-shell, .app) {
  max-width: 600px;
  background: var(--bg);
  background-image: none;
}
:root[data-xp-tema="premium"] :is(.xp-hd, .hd, .hdr, .brand) {
  border-bottom: 1px solid var(--line);
}
:root[data-xp-tema="premium"] .xp-hd { padding-top: 20px; padding-bottom: 16px; }
:root[data-xp-tema="premium"] .xp-wm-word { font-size: 18px; }
:root[data-xp-tema="premium"] .xp-wm-sub { color: var(--faint); font-size: 8px; }
:root[data-xp-tema="premium"] :is(.seal, .pill-bf, .bds) {
  background: transparent !important;
  border-color: var(--line-h) !important;
  color: var(--muted) !important;
  font-size: 8px;
  letter-spacing: .06em !important;
}

/* Tipografia contida e texto promocional sem reflexos. */
:root[data-xp-tema="premium"] :is(h1, h2, h3, .h1, .h2, .title, .ttl, .q-title, .ld-title, .cc-title) {
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: -.045em !important;
  color: var(--ink);
}
:root[data-xp-tema="premium"] :is(.xp-h1, .h1) {
  font-size: clamp(30px, 8.7vw, 42px);
  line-height: 1.08;
}
:root[data-xp-tema="premium"] :is(h1 em, h2 em, .h1 .gold, .title em, .ttl em, .ld-title em, .cc-title i) {
  color: var(--xp-accent) !important;
  -webkit-text-fill-color: var(--xp-accent);
  background: none;
  animation: none;
  font-style: normal;
}
:root[data-xp-tema="premium"] :is(.xp-sub, .xp-sub2, .sub) { line-height: 1.6; }
:root[data-xp-tema="premium"] :is(.xp-eyebrow, .eyebrow) {
  color: var(--xp-accent);
  font-size: 9px;
  letter-spacing: .16em;
}
:root[data-xp-tema="premium"] .xp-eyebrow::before { display: none; }

/* Uma ação principal com o mesmo acabamento nas onze experiências. */
:root[data-xp-tema="premium"] :is(.xp-btn-p, button.primary, .btn-primary, .btn.primary, .btn-p, .cta, .cta-main, .btn-go, .spin-btn) {
  background: var(--xp-accent) !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: #171410 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
  font-family: var(--sans) !important;
  font-size: 13px;
  font-weight: 700 !important;
  text-transform: none;
  letter-spacing: 0;
  transition: background .2s, filter .2s, transform .2s;
}
:root[data-xp-tema="premium"] :is(.xp-btn-p, .btn-p, .btn-primary, .cta, .cta-main)::after {
  display: none;
}
:root[data-xp-tema="premium"] :is(.xp-btn-p, .btn-p, .btn-primary, .cta, .cta-main):hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
:root[data-xp-tema="premium"] :is(.xp-btn-s, .btn-s) {
  background: var(--surf);
  border-color: var(--line-h);
  border-radius: 12px;
}
:root[data-xp-tema="premium"] :focus-visible:not([tabindex="-1"]) {
  outline: 2px solid var(--xp-accent) !important;
  outline-offset: 3px;
}

/* Controles de demonstração discretos, mantendo as áreas de toque. */
:root[data-xp-tema="premium"] .sd-bar {
  gap: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}
:root[data-xp-tema="premium"] :is(.sd-btn, .sd-obj) {
  background: var(--surf);
  border-color: var(--line);
  box-shadow: none;
}
:root[data-xp-tema="premium"] .sd-tag {
  border: none;
  color: var(--faint);
  font-size: 8px;
  padding: 4px 6px;
}
:root[data-xp-tema="premium"] .sd-btn { font-size: 10px; padding: 0 10px; }
:root[data-xp-tema="premium"] .sd-seg[aria-pressed="true"] {
  background: var(--surf-2);
  color: var(--ink);
  box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
:root[data-xp-tema="premium"] .sd-btn[aria-checked="true"] {
  background: rgba(var(--xp-accent-rgb),.08);
  border-color: rgba(var(--xp-accent-rgb),.4);
  color: var(--xp-accent);
}
:root[data-xp-tema="premium"] .sd-btn[aria-checked="true"] .sd-sw { background: var(--xp-accent); }

/* Superfícies e estados compartilhados: opções, cesta, produtos e lojas. */
:root[data-xp-tema="premium"] :is(.xp-card, .xp-counter, .xp-number-field, .xp-stat, .xp-linha, .xp-loja, .xp-resumo-pedido, .xp-chip-resp, .opt, .sc, .pc, .sheet, .xp-sheet) {
  background: var(--surf);
  border-color: var(--line);
  box-shadow: var(--shadow);
}
:root[data-xp-tema="premium"] :is(.chat-head, .hunt, .composer, .pinned, .sum, .tier, .coupon-card, .sheet-card, .lg-card) {
  background: var(--surf);
  border-color: var(--line);
  box-shadow: none;
}
:root[data-xp-tema="premium"] .hunt.flash { animation: none; }
:root[data-xp-tema="premium"] .sheet:has(.sheet-card) { background: transparent; }
:root[data-xp-tema="premium"] .seg-ind {
  background: var(--xp-accent);
  box-shadow: none;
}
:root[data-xp-tema="premium"] .seg button[aria-selected="true"] {
  background: var(--xp-accent);
  color: #171410;
}
:root[data-xp-tema="premium"] .btn-sec {
  color: var(--ink);
  background: var(--surf-2);
  border-color: var(--line-h);
}
:root[data-xp-tema="premium"] .drk-18 b {
  background: #d791ad;
  color: #171410;
}
:root[data-xp-tema="premium"] :is(.xp-card-ico, .xp-linha-ico, .xp-stat-ico) {
  background: var(--surf-2);
  box-shadow: none;
  color: var(--xp-accent);
}
:root[data-xp-tema="premium"] :is(.xp-card, .xp-loja)[aria-checked="true"],
:root[data-xp-tema="premium"] :is(.xp-stat--destaque, .xp-pill--ativa, .opt.sel) {
  border-color: rgba(var(--xp-accent-rgb),.65);
  background: rgba(var(--xp-accent-rgb),.08);
  box-shadow: none;
}
:root[data-xp-tema="premium"] .xp-card[aria-checked="true"] .xp-card-ico {
  background: var(--surf-2);
  color: var(--xp-accent);
}
:root[data-xp-tema="premium"] :is(.xp-card-check, .xp-progress-step--atual) {
  background: var(--xp-accent);
  color: #171410;
}
:root[data-xp-tema="premium"] :is(.xp-card, .xp-loja, .opt):hover {
  border-color: rgba(var(--xp-accent-rgb),.55);
  transform: none;
}
:root[data-xp-tema="premium"] :is(.xp-link, .xp-linha-preco, .xp-pill--ativa b, .xp-coupon-main b) {
  color: var(--xp-accent);
}
:root[data-xp-tema="premium"] .xp-progress-track { height: 3px; }
:root[data-xp-tema="premium"] .xp-progress-track i { background: var(--xp-accent); }
:root[data-xp-tema="premium"] .xp-progress-step--feito { background: var(--surf-2); color: var(--xp-accent); }
:root[data-xp-tema="premium"] .xp-coupon {
  background: var(--surf);
  border-color: rgba(var(--xp-accent-rgb),.55);
}
:root[data-xp-tema="premium"] .xp-coupon-copy { border-color: var(--line-h); }
:root[data-xp-tema="premium"] :is(.xp-totalbar, .cta-bar) {
  background: var(--bg);
  border-top-color: var(--line);
}
:root[data-xp-tema="premium"] .xp-overlay { background: rgba(0,0,0,.72); }
:root[data-xp-tema="premium"] :is(.xp-ft, .ft, .r-foot) { color: var(--faint); }
:root[data-xp-tema="premium"] .xp-selo svg { color: var(--xp-accent); }

/* Ilustrações em destaque, com a interface visualmente discreta. */
:root[data-xp-tema="premium"] .xp-capa-arte > svg {
  border: 1px solid var(--line);
  border-radius: 16px;
}
:root[data-xp-tema="premium"] #chrSky stop:nth-child(1) { stop-color: #242326; }
:root[data-xp-tema="premium"] #chrSky stop:nth-child(2) { stop-color: #342922; }
:root[data-xp-tema="premium"] #chrSky stop:nth-child(3) { stop-color: #62412b; }
:root[data-xp-tema="premium"] .tk-shadow { filter: drop-shadow(0 12px 20px rgba(0,0,0,.25)); }
:root[data-xp-tema="premium"] .tk-glow { display: none; }
:root[data-xp-tema="premium"] .tk-prize { color: #f4f2ee; }
:root[data-xp-tema="premium"] .tk-prize .fine { color: #bbb5a8; }
:root[data-xp-tema="premium"] :is(.cd .u, .countdown .u) {
  background: var(--surf);
  border-color: var(--line);
}
:root[data-xp-tema="premium"] :is(.cd .u b, .countdown .u b) { color: var(--ink); }
:root[data-xp-tema="premium"] .bf-box .u b { color: var(--ink); }
:root[data-xp-tema="premium"] :is(.btn-back, .qr button, .swap) { border-color: var(--line-h); }

@media (min-width: 640px) {
  :root[data-xp-tema="premium"] { --pad: 32px; }
  :root[data-xp-tema="premium"] :is(.xp-shell, .app) {
    border-left: 1px solid var(--line);
    border-right: 1px solid var(--line);
  }
  :root[data-xp-tema="premium"] .xp-main { padding-top: 32px; padding-bottom: 20px; }
}
@media (max-width: 359px) {
  :root[data-xp-tema="premium"] { --pad: 16px; }
  :root[data-xp-tema="premium"] .sd-btn { padding: 0 7px; font-size: 9px; }
  :root[data-xp-tema="premium"] :is(.seal, .bds) { padding: 6px 8px; font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-xp-tema="premium"] *,
  :root[data-xp-tema="premium"] *::before,
  :root[data-xp-tema="premium"] *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}