/* Measuring Masters — base.css
   Componentes do site NOVO (cards, página de produto, avaliações, filtros da loja).
   O visual geral (tokens, cabeçalho, hero, rodapé, blog…) vem de theme.css, extraído do tema
   WordPress. Aqui só usamos os tokens de lá: --bg --card --line --txt --txt-2 --txt-3 --orange --green --font --mono --radius. */

/* Wrapper das páginas internas (produto) */
.mm-page{padding-top:26px;padding-bottom:70px}
.bc{margin-bottom:18px}

/* Botão desabilitado (carrinho entra na Fase 4) */
.btn-add{margin:18px 0 6px;background:var(--orange);color:#0c0f13;font-weight:600;padding:14px 28px;border-radius:10px;border:none;cursor:pointer;font-family:var(--font);font-size:15px}
.btn-add:disabled{opacity:.5;cursor:not-allowed}

/* Loja: filtros + contagem */
.loja-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:6px 0 22px}
.loja-cats{display:flex;gap:8px;flex-wrap:wrap}
.loja-count{color:var(--txt-3);font-size:12.5px;font-family:var(--mono);margin:0}
.mm-vazio{text-align:center;padding:50px 0;color:var(--txt-2)}
.mm-vazio .btn{margin-top:18px}

/* Grade + card de produto */
.loja-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.loja-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.mc{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:var(--txt);transition:border-color .2s,transform .2s}
.mc:hover{border-color:rgba(245,130,31,.5);transform:translateY(-2px)}
.mc-media{position:relative;aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;margin:10px 10px 0;border-radius:10px;overflow:hidden}
.mc-media img{width:100%;height:100%;object-fit:contain;padding:10px}
.mc-noimg,.prod-noimg{font-size:34px;opacity:.35}
.mc-badge{position:absolute;top:10px;left:10px;background:var(--orange);color:#0c0f13;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:8px;font-family:var(--mono)}
.mc-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:4px}
.mc-cat{font-size:10.5px;letter-spacing:.14em;color:var(--txt-3);font-weight:600;text-transform:uppercase;font-family:var(--mono)}
.mc-nome{font-size:14.5px;font-weight:600;margin:2px 0 6px;line-height:1.3}
.mc-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-family:var(--mono)}
.mc-de{color:var(--txt-3);text-decoration:line-through;font-size:12.5px}
.mc-por{color:var(--txt);font-weight:600;font-size:17px}
.mc-apartir{font-size:11px;color:var(--txt-3);font-family:var(--font)}
.mc-pix{color:var(--green);font-size:12.5px;font-family:var(--mono)}
@media(max-width:560px){.mc-nome{font-size:13px}.mc-por{font-size:15px}.mc-body{padding:10px 12px 14px}}

/* Página de produto */
.prod{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:6px 0 40px}
@media(max-width:800px){.prod{grid-template-columns:1fr;gap:24px}}
.prod-gal{min-width:0}
.prod-media{background:#fff;border-radius:var(--radius);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.prod-media img{width:100%;height:100%;object-fit:contain;padding:18px}
.prod-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.prod-thumbs .pt{flex:0 0 64px;height:64px;border-radius:10px;background:#fff;border:2px solid transparent;padding:0;cursor:pointer;overflow:hidden}
.prod-thumbs .pt img{width:100%;height:100%;object-fit:contain;padding:4px}
.prod-thumbs .pt.on{border-color:var(--orange)}
.prod-info h1{font-size:28px;margin:8px 0 12px;line-height:1.2}
.prod-stars{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:16px;margin:-4px 0 12px}
.prod-stars span{color:var(--txt-2);font-size:13px}
.prod-price{display:flex;align-items:baseline;gap:12px;font-family:var(--mono)}
.prod-por{font-size:30px;font-weight:700}
.prod-wip{color:var(--txt-3);font-size:12.5px;margin:0 0 20px}
.prod-opt{margin:20px 0 0}
.prod-opt-lbl{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:8px;font-family:var(--mono)}
.prod-chips{display:flex;flex-wrap:wrap;gap:8px}

/* Chip (opções do produto + filtros da loja) */
.chip{display:inline-flex;align-items:center;background:var(--card);border:1.5px solid var(--line);color:var(--txt);border-radius:10px;padding:8px 14px;font-family:var(--font);font-size:14px;cursor:pointer;transition:border-color .2s,color .2s}
.chip:hover{border-color:var(--txt-3)}
.chip.on{border-color:var(--orange);color:var(--orange);font-weight:600}

/* Seções abaixo do produto */
.prod-sec{border-top:1px solid var(--line);padding:28px 0 8px;max-width:820px}
.prod-sec h2{font-size:21px;margin:0 0 14px}
.prod-sec-sub{font-size:13px;color:var(--txt-2);font-weight:400;margin-left:8px}
.prod-desc{color:var(--txt-2);font-size:15.5px;line-height:1.75}
.prod-desc h2,.prod-desc h3,.prod-desc h4{color:var(--txt);font-size:16px;margin:18px 0 6px}
.prod-desc ul,.prod-desc ol{padding-left:22px;margin:8px 0}
.prod-desc p{margin:0 0 12px}
.rev-list{display:flex;flex-direction:column;gap:14px}
.rev{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.rev-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.rev-stars{color:var(--orange);letter-spacing:1px}
.rev-data{color:var(--txt-3);font-size:12px;font-family:var(--mono)}
.rev p{margin:8px 0 0;color:var(--txt-2);font-size:14.5px;line-height:1.6}

/* Alertas (contato, rastreio) */
.mm-alert{border-radius:12px;padding:14px 16px;margin:0 0 20px;font-size:14.5px;line-height:1.55;border:1px solid}
.mm-alert a{color:var(--orange);text-decoration:underline}
.mm-alert--ok{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35);color:#86efac}
.mm-alert--err{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.35);color:#fca5a5}

/* Blog: data/categoria do post */
.post-meta{font-family:var(--mono);font-size:12px;color:var(--txt-3);letter-spacing:.06em;margin:0 0 22px}
.post-meta a{color:var(--orange)}

/* Rastreio */
.mm-track{max-width:720px}
.mm-track-form label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);font-family:var(--mono);margin-bottom:8px}
.mm-track-row{display:flex;gap:10px}
.mm-track-row input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-family:var(--mono);font-size:16px;letter-spacing:.08em;text-transform:uppercase;padding:13px 16px;outline:none}
.mm-track-row input:focus{border-color:var(--orange)}
.mm-track-hint{color:var(--txt-3);font-size:13px;margin:10px 0 26px}
.mm-track-res{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 10px}
.mm-track-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mm-track-head .coord{margin:0}
.mm-track-badge{font-size:12px;font-weight:700;padding:5px 12px;border-radius:8px;background:var(--orange-soft);color:var(--orange);font-family:var(--mono)}
.mm-track-badge--ok{background:rgba(34,197,94,.14);color:#4ade80}
.mm-track-list{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line)}
.mm-track-list li{position:relative;padding:0 0 18px 16px;display:flex;flex-direction:column;gap:2px}
.mm-track-list li::before{content:"";position:absolute;left:-25px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--line)}
.mm-track-list li.atual::before{background:var(--orange);border-color:var(--orange);box-shadow:0 0 10px var(--orange)}
.mm-track-list b{font-size:15px}
.mm-track-list span{color:var(--txt-2);font-size:14px}
.mm-track-list small{color:var(--txt-3);font-family:var(--mono);font-size:12px}
@media(max-width:560px){.mm-track-row{flex-direction:column}}

/* ── Home: Arcade da Topografia ─────────────────────────────────────────── */
.mm-arc-home{padding-top:0}
.mm-arc-home .mm-arcade{max-width:none}   /* cards ocupam a largura do container, alinhados com o resto da home */
.mah-sub{color:var(--txt-2);margin:-8px 0 22px;max-width:760px}
.mah-sub b{color:var(--orange)}
.mah-dias{display:block;margin-top:6px;font-family:var(--mono);font-size:12px;color:var(--txt-3);letter-spacing:.04em}

/* Âncoras (#arcade, /mm-games/#mira) não ficam escondidas atrás do header fixo */
html{scroll-padding-top:90px}