/* Seções de informação (SEO), rodapé e páginas legais. Usa as cores do site.css. */
.seo-section{padding:34px 0 6px}
.seo-section h2{margin:0 0 10px}
.seo-lead{color:var(--muted);margin:0 0 16px;max-width:70ch}
.seo-steps{margin:0;padding-left:22px;color:var(--text);display:grid;gap:8px;max-width:70ch}
.seo-steps b{color:var(--gold)}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:10px}
.foot-links a{color:var(--cyan);text-decoration:none}
.foot-links a:hover{text-decoration:underline}
footer p{margin:0}
/* Páginas legais: tudo dentro de um painel centralizado, com índice e seções em cartões. */
.doc-wrap{max-width:820px;padding:26px 16px 44px}
.doc-card{background:linear-gradient(180deg,#0e1730,#0a1226);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,4vw,34px);box-shadow:0 12px 40px #0006}
.doc-head{text-align:center;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.doc-head h1{font-size:clamp(24px,6vw,34px);margin:14px 0 6px;line-height:1.15}
.doc-head .upd{font-size:13px;color:var(--muted);margin:0}
.doc-toc{background:#0b1329;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:18px}
.doc-toc b{display:block;color:var(--cyan);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.doc-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.doc-toc li{margin:4px 0;break-inside:avoid}
.doc-toc a{color:var(--text);text-decoration:none}
.doc-toc a:hover{color:var(--gold);text-decoration:underline}
.doc-sec{background:#0b1329;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px;scroll-margin-top:72px}
.doc-sec h2{display:flex;align-items:center;gap:10px;font-size:clamp(17px,4.5vw,20px);margin:0 0 10px;color:var(--gold)}
.doc-sec h2 .n{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f5c45122;border:1px solid #f5c45155;font-size:14px}
.doc-sec p,.doc-sec li{color:var(--muted);line-height:1.65}
.doc-sec p{margin:0 0 8px}
.doc-sec p:last-child{margin-bottom:0}
.doc-sec ul{margin:0;padding-left:20px}
.doc-sec li{margin:5px 0}
.doc-sec b{color:var(--text)}
.doc-sec a,.doc-note a{color:var(--cyan)}
.doc-note{margin-top:18px;text-align:center;border:1px dashed var(--line);border-radius:14px;padding:16px}
.doc-note b{color:var(--text)}
.doc-note p{margin:6px 0 0;color:var(--muted)}
@media (max-width:560px){.doc-toc ol{columns:1}.doc-sec{padding:14px}}

/* Botão flutuante de suporte (WhatsApp). Só aparece se o número estiver configurado no admin. */
[hidden]{display:none !important}
.support-fab{position:fixed;right:16px;bottom:16px;z-index:50;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#25d366;color:#06240f;font-weight:800;font-size:14px;text-decoration:none;box-shadow:0 8px 24px #0008,0 0 0 1px #ffffff22 inset;transition:transform .15s ease,box-shadow .15s ease}
.support-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px #000a}
.support-fab:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:480px){.support-fab{padding:13px;right:14px;bottom:14px}.support-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
/* Celular: quando a barra fixa "COMPRAR PPS" está visível, o botão de suporte sobe para ficar acima dela. */
@media (max-width:679px){
  .support-fab{transition:transform .15s ease,box-shadow .15s ease,bottom .25s ease}
  .sticky-buy:not(.off) ~ .support-fab{bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.support-fab{transition:none}}

/* ===== Janela "Conferir pedido" (redesenhada) ===== */
dialog.checkout{background:linear-gradient(180deg,#0c1530,#080e1f);border-color:#2a3d73;box-shadow:0 24px 70px #000b,0 0 0 1px #22d3ee14 inset}
dialog.checkout[open]{animation:coIn .22s ease-out}
@keyframes coIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.co-head{background:linear-gradient(90deg,#22d3ee12,transparent 70%)}
.co-head-t{display:flex;align-items:center;gap:12px}
.co-head-t h3{margin:0;font-size:17px;line-height:1.2}
.co-head-t small{color:var(--muted);font-size:12.5px}
.co-lock{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#22d3ee1a;border:1px solid #22d3ee44;color:var(--cyan)}
.co-form{display:grid;gap:14px}
.co-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:radial-gradient(240px 120px at 0 0,#f5c45126,transparent),linear-gradient(135deg,#13234d,#0e1a3a);border:1px solid #f5c45155;box-shadow:0 0 28px #f5c4511f}
.co-gem{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:var(--gold);background:#f5c4511c;border:1px solid #f5c45166;box-shadow:0 0 18px #f5c45133}
.co-hero-t{min-width:0}
.co-hero-t small{display:block;font-size:10.5px;letter-spacing:1.6px;font-weight:800;color:var(--muted)}
.co-hero-t b{display:block;font-size:clamp(20px,5.6vw,25px);line-height:1.15;color:var(--text);font-variant-numeric:tabular-nums}
.co-chips{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}
.co-chip{min-width:0;padding:11px 13px;border-radius:13px;background:#0a1226;border:1px solid var(--line)}
.co-chip small{display:block;font-size:10.5px;letter-spacing:1.2px;font-weight:800;color:var(--muted);text-transform:uppercase}
.co-chip b{display:block;margin-top:2px;font-size:16px;color:var(--cyan);overflow-wrap:anywhere}
.co-chip:last-child b{color:var(--text)}
.co-sum{padding:6px 14px 14px;border-radius:14px;background:#0a1226;border:1px solid var(--line)}
.co-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:14.5px;color:var(--muted);border-bottom:1px dashed #1d2b5277}
.co-line:last-of-type{border-bottom:0}
.co-line span:last-child{color:var(--text);font-variant-numeric:tabular-nums}
.co-line em{font-style:normal;color:#6ee7b7;font-size:12px}
.co-line.disc,.co-line.disc span:last-child{color:#6ee7b7}
.co-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-weight:800}
.co-total span:first-child{font-size:14px;letter-spacing:.6px;color:var(--muted);text-transform:uppercase}
.co-total span:last-child{font-size:clamp(26px,8vw,32px);color:var(--gold);text-shadow:0 0 22px #f5c45155;font-variant-numeric:tabular-nums}
.co-go{padding:16px 18px;font-size:15px}
.co-safe{margin:-4px 0 0;text-align:center;color:var(--muted);font-size:12.5px}
.co-edit{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding-top:2px}
.co-edit button{background:none;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--muted);padding:6px 2px;text-decoration:underline;text-decoration-color:#8fa0c755;text-underline-offset:3px}
.co-edit button:hover{color:var(--cyan);text-decoration-color:var(--cyan)}
@media (max-width:380px){.co-chips{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){dialog.checkout[open]{animation:none}}
.co-form .err{margin:-6px 0 0;min-height:0;text-align:center}
.co-form .err:not(:empty){margin:0}
.co-go{white-space:nowrap}
@media (max-width:420px){.co-go{font-size:13.5px;letter-spacing:.1px;padding:16px 10px;gap:7px}}

/* ===== Página do pedido: ajuda pelo WhatsApp ===== */
.help-box{border-color:#25d36655;background:linear-gradient(180deg,#0e1f2a,var(--card))}
.help-t{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.5}
.help-l{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--muted)}
.help-sel{width:100%;margin-bottom:12px;padding:13px 12px;border-radius:12px;border:1px solid var(--line);background:#0a1226;color:var(--text);font:inherit;font-size:15px}
.help-sel:focus{outline:2px solid var(--cyan);border-color:transparent}
.btn.wa-btn{background:#25d366;color:#06240f;box-shadow:0 6px 22px #25d36640}
.btn.wa-btn:hover{box-shadow:0 10px 28px #25d36666}

/* ===== Consultar pedido + "Seus pedidos recentes" ===== */
.lk-head h1{font-size:clamp(22px,6vw,28px);margin:6px 0 6px}
.lk-form{display:grid;gap:12px}
.lk-form .field{display:grid;gap:6px;margin:0}
.lk-form .field>span{font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--muted)}
.lk-title{font-size:13px;letter-spacing:1.2px;color:var(--muted);margin:22px 0 10px}
.lk-card{display:grid;gap:6px;margin-bottom:10px;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}
.lk-card:hover,.lk-card:focus-visible{border-color:var(--cyan);transform:translateY(-1px)}
.lk-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lk-pps{font-size:17px}
.lk-mid{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:14px}
.lk-bot{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}
.lk-open{color:var(--cyan);font-weight:700;font-size:14px}
.lk-chip{flex:none;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.3px;padding:4px 10px;border-radius:999px;background:#22d3ee1a;color:var(--cyan);border:1px solid #22d3ee44}
.lk-chip.ok{background:#34d3991a;color:var(--ok);border-color:#34d39955}
.lk-chip.bad{background:#f871711a;color:var(--err);border-color:#f8717155}
.lk-chip.wait{background:#fbbf241a;color:var(--warn);border-color:#fbbf2455}
.lk-empty{text-align:center;margin-top:16px}
.lk-empty p{margin:8px 0 0;color:var(--muted)}
.recent-slot{padding-top:14px}
.recent-box{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#102349,#0c1733);border:1px solid #22d3ee40}
.recent-box>b{font-size:13px;letter-spacing:1.2px;color:var(--cyan);text-transform:uppercase}
.recent-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#0a1226;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:14.5px}
.recent-item:hover{border-color:var(--cyan)}
.recent-more{justify-self:center;color:var(--muted);font-size:13px}
.lk-main{padding-bottom:96px}
.lk-form .err{margin:-6px 0 0;min-height:0;text-align:center}
.lk-form .err:not(:empty){margin:0}

/* Topo: acesso rápido a "Meus pedidos" */
.top-actions{display:flex;align-items:center;gap:8px}
.top-buy{white-space:nowrap}
.top-orders{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:#0e173099;color:var(--text);font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}
.top-orders:hover,.top-orders:focus-visible{border-color:var(--cyan);color:var(--cyan)}
.top-orders .lbl-short{display:none}
@media (max-width:560px){.top-orders .lbl-long{display:none}.top-orders .lbl-short{display:inline}.top .brand span{font-size:16px}.top-buy{padding:10px 14px}}
@media (max-width:419px){.top-orders .lbl-short{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.top-orders{padding:9px}.top-actions{gap:6px}.top-buy{padding:10px 12px;font-size:13px}.top .brand{gap:7px}}