/* ============================================================
   TEMA "CORES DA LOGO" — creme, vinho e dourado
   Carregado depois do estilo da loja: troca as cores-base e
   ajusta as partes que tinham cor escrita direto (fundo escuro).
   Para voltar ao tema escuro antigo, basta remover a linha que
   carrega este arquivo no index.html e no pedido.html.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&family=Great+Vibes&display=swap');

:root{
  color-scheme: light;
  --bg:#f1ece5;            /* creme da logo (fundo) */
  --bg-elevated:#fbf8f3;   /* papel (cards, janelas) */
  --band:#e9e1d4;          /* linho (faixas) */
  --cream:#4a1520;         /* títulos e textos fortes (vinho escuro) */
  --cream-dim:#6b5446;
  --ink:#3a2a22;
  --ink-soft:rgba(58,42,34,.78);
  --ink-faint:rgba(58,42,34,.52);
  --rust:#7a1427;          /* vinho da logo (botões) */
  --rust-bright:#9a2236;
  --gold:#9a7020;          /* dourado escuro (legível no creme) */
  --gold-light:#d9b85e;
  --sage:#5f7a4f;
  --line:rgba(122,20,39,.14);
  --line-strong:rgba(122,20,39,.28);
  --shadow-lg:0 22px 44px rgba(74,13,24,.16);
  --shadow-sm:0 8px 20px rgba(74,13,24,.10);
  --radius:12px;
  --font-display:'Cormorant Garamond', Georgia, serif;
  --vinho:#7a1427; --vinho-esc:#4a0d18; --ouro-esc:#8a6414; --escrita:'Great Vibes','Brush Script MT',cursive;
}
body{background:var(--bg);color:var(--ink);}

/* ---------- topo ---------- */
.site-header{background:rgba(241,236,229,.95)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 4px 14px rgba(74,13,24,.06);}
.brand{color:var(--vinho)!important;}
.brand span{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;}
.brand small{font-family:var(--escrita);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ouro-esc)!important;}
.cart-btn{background:#fbf8f3!important;color:var(--vinho)!important;border:1px solid rgba(122,20,39,.35)!important;border-radius:999px!important;box-shadow:none!important;}
.cart-btn__count{background:var(--gold)!important;color:#fff!important;}

/* ---------- faixa de frete ---------- */
.frete-fita, .frete-aviso{background:var(--vinho)!important;color:#f6eee3!important;}

/* ---------- carrossel do topo ---------- */
.hero-slide{background-color:var(--band);}
.hero-slide::before{background:linear-gradient(0deg, rgba(251,248,243,.97) 8%, rgba(251,248,243,.6) 34%, rgba(251,248,243,0) 62%)!important;}
.hero-slide .hero__eyebrow{color:var(--ouro-esc)!important;}
.hero-slide .hero__eyebrow::before{background:var(--gold)!important;}
.hero-slide h1{color:var(--vinho)!important;font-weight:700;}
.hero-slide p{color:var(--ink-soft)!important;}
.hero-slide--carregando{background:radial-gradient(120% 90% at 50% 20%, #fbf8f3 0%, #e9e1d4 75%)!important;}
.hero-carousel__arrow{background:rgba(251,248,243,.9)!important;color:var(--vinho)!important;border:1px solid rgba(122,20,39,.25)!important;}
.hero-carousel__dots button{background:rgba(122,20,39,.22)!important;}
.hero-carousel__dots button.is-active{background:var(--vinho)!important;}

/* ---------- linha da composição e selos ---------- */
.composicao-linha{color:var(--vinho)!important;border-color:rgba(184,144,47,.45)!important;}
.composicao-linha__ico{box-shadow:0 0 0 1px rgba(122,20,39,.2);}
.trust-item{color:var(--ink-soft)!important;}

/* ---------- títulos de seção ---------- */
.section-title h2, .section-title h3, h2{color:var(--vinho);}
.section-title h2{font-family:var(--font-display);font-weight:700;}

/* ---------- botões ---------- */
.btn-primary, .btn-add, .card__btn, button.btn-primary{background:var(--vinho)!important;color:#fff!important;border-color:var(--vinho)!important;border-radius:999px!important;box-shadow:0 6px 14px rgba(122,20,39,.18)!important;}
.btn-primary:hover, .btn-add:hover{background:#8f1d32!important;}
.btn-secondary{background:transparent!important;color:var(--vinho)!important;border:1px solid var(--vinho)!important;border-radius:999px!important;}
.filter-chip{border-color:rgba(122,20,39,.3)!important;color:var(--vinho)!important;background:transparent!important;border-radius:999px!important;}
.filter-chip.is-active{background:var(--vinho)!important;color:#fff!important;border-color:var(--vinho)!important;}

/* ---------- cards dos kits ---------- */
.card{background:#fbf8f3!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 6px 16px rgba(74,13,24,.06)!important;}
.card h3, .card__name, .card__nome{font-family:var(--font-display);font-weight:700;color:var(--ink)!important;}
.card__price, .card__preco, .preco-pix{color:var(--vinho)!important;}
.card__color-tag{background:rgba(251,248,243,.92)!important;color:var(--vinho)!important;border:1px solid rgba(122,20,39,.2);}
.card__zoom-hint{background:rgba(251,248,243,.9)!important;color:var(--vinho)!important;}
.card-skeleton{background:#ebe4d8!important;}

/* ---------- kit pra presente (faixa e balão) ---------- */
.banner-presentear{background:radial-gradient(120% 120% at 100% 0,rgba(217,184,94,.25),transparent 60%),var(--band)!important;border:1px dashed rgba(122,20,39,.35)!important;color:var(--ink)!important;}
.banner-presentear h3, .banner-presentear strong, .banner-presentear b{font-family:var(--escrita)!important;font-weight:400!important;color:var(--vinho)!important;font-size:1.9rem!important;}
.balao-presente{background:linear-gradient(135deg,#8f1d32,var(--vinho))!important;color:#fff!important;box-shadow:0 10px 22px rgba(74,13,24,.32)!important;}

/* ---------- botões flutuantes ---------- */
.music-toggle{background:#fbf8f3!important;color:var(--vinho)!important;border:1px solid rgba(122,20,39,.3)!important;}
.music-toggle.is-playing{color:var(--vinho)!important;border-color:var(--vinho)!important;}
.balao-painel{background:var(--gold)!important;color:#fff!important;}

/* ---------- janelas (carrinho, checkout, zoom, Pix) ---------- */
.modal, .cart-drawer, .pix-modal{color:var(--ink);}
.modal-zoom__close, .modal-zoom__nav, .modal-zoom__contador{background:rgba(251,248,243,.92)!important;color:var(--vinho)!important;border:1px solid rgba(122,20,39,.2)!important;}
.ck-passo__num{background:var(--vinho)!important;color:#fff!important;}
.pagamento-opcao.is-selected{border-color:var(--vinho)!important;}
.pagamento-opcao.is-selected .pg-check{border-color:var(--vinho)!important;background:var(--vinho)!important;}
.frete-barra__preenchido{background:var(--vinho)!important;}
.loading-bar{background:linear-gradient(90deg, var(--gold-light), var(--vinho))!important;}
input, select, textarea{background:#fff;color:var(--ink);border-color:var(--line-strong);}

/* ---------- rodapé ---------- */
footer, .site-footer{background:var(--vinho-esc)!important;color:#eadfce!important;}
footer a, .site-footer a{color:var(--gold-light)!important;}

/* ---------- ícones desenhados (no lugar dos emojis) ---------- */
.ico-linha{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.trust-item{font-family:var(--font-body)!important;font-size:.78rem!important;color:var(--ink-soft)!important}
.trust-item__icon{color:var(--ouro-esc);display:inline-flex}
.trust-item__icon .ico-linha{width:20px;height:20px}
.banner-presentear__icone{color:var(--vinho);display:inline-flex}
.banner-presentear__icone .ico-linha{width:40px;height:40px;stroke-width:1.4}
.banner-presentear__texto b{font-family:var(--escrita)!important;font-weight:400!important;font-size:2rem!important;line-height:1!important;color:var(--vinho)!important}
.banner-presentear__texto span{color:var(--ink-soft)!important}
.banner-presentear__seta{color:var(--ouro-esc)!important}
.cart-btn .ico-linha{width:16px;height:16px}
/* carrinho no celular: ícone desenhado em vez do emoji */
@media (max-width:560px){
  .cart-btn:not(.cart-btn--pedidos)::before{content:""!important;width:18px;height:18px;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Ccircle cx='10' cy='20' r='1.3'/%3E%3Ccircle cx='17' cy='20' r='1.3'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Ccircle cx='10' cy='20' r='1.3'/%3E%3Ccircle cx='17' cy='20' r='1.3'/%3E%3C/svg%3E") center/contain no-repeat}
  .cart-btn--pedidos{font-size:.78rem!important}
}
.frete-fita b{color:#f0d68a!important}
.brand span{white-space:nowrap}
.hero-slide h1{max-width:100%!important}
/* foto do destaque sempre inteira; em volta, a mesma foto desfocada (sem faixas vazias) */
.hero-slide--foto{position:relative;overflow:hidden;background:var(--band)!important}
.hero-slide__fundo{display:none;position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(20px) saturate(.9);opacity:.5;transform:scale(1.08)}
.hero-slide__foto{position:absolute;inset:0;background-size:cover;background-position:center 40%;background-repeat:no-repeat} /* todas as fotos preenchem o espaço inteiro, no mesmo padrão */
.hero-slide--foto::before{z-index:1}
.hero-slide--foto .hero-slide__overlay{z-index:2}
.cart-btn--pedidos{white-space:nowrap;padding:8px 12px!important}
.brand span{font-size:.95rem}
.balao-presente__icone{display:inline-flex;color:#f0d68a}
.balao-presente__icone .ico-linha{width:20px;height:20px}
.music-toggle{font-size:1.1rem}

/* ---------- letras: nomes dos kits numa letra simples e legível,
   e números sempre do mesmo tamanho (a fonte elegante tinha números
   "antigos", uns altos e outros baixinhos) ---------- */
body, h1, h2, h3, .card__name, .hero-slide h1, .section-title h2{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.card__name, .card h3, .card__nome{font-family:var(--font-body)!important;font-weight:600!important;font-size:.95rem!important;letter-spacing:0!important;line-height:1.3!important;color:var(--ink)!important}
.card__price, .card__preco, [class*="card__preco"], [class*="card__price"]{font-family:var(--font-body)!important;font-variant-numeric:lining-nums tabular-nums}
/* foto do kit: fundo de linho enquanto carrega */
.card__photo{background:#e9e1d4!important}
/* a caixa do texto do carrossel não pode crescer junto com o nome:
   fica sempre na largura da foto, e o nome diminui até caber inteiro */
.hero-slide__overlay{min-width:0;width:100%;box-sizing:border-box}
.hero-slide h1{text-overflow:clip}

/* ---------- carrossel: só o nome do kit, sem "Novidade"/"Coleção atual" ---------- */
.hero-slide--foto .hero__eyebrow{display:none!important}

/* ---------- rodapé: letras claras no fundo vinho (antes ficavam escuras e sumiam) ---------- */
.site-footer p, .site-footer .endereco{color:#eadfce!important;font-family:var(--font-body)!important}
.site-footer p a{color:#f0d68a!important}
.site-footer a.footer-instagram{color:#fff!important}
.footer-pedidos-btn{color:#f0d68a!important;border-color:rgba(240,214,138,.5)!important;background:rgba(240,214,138,.08)!important}
.footer-credito{border-top-color:rgba(240,214,138,.25)!important;opacity:1!important}
.footer-credito__nome{color:#f0d68a!important}
/* "Painel administrativo" nunca quebra no meio */
.footer-credito__link{color:#f0d68a!important;white-space:nowrap;display:inline-block}
.site-footer p a[href^="https://wa.me"]{white-space:nowrap}
@media (max-width:420px){.brand span{font-size:.84rem!important;letter-spacing:.02em}}

/* ---------- card do kit: foto inteira sem faixa vazia em cima/embaixo,
   assim o preço fica colado na foto certa ---------- */
.card__photo{aspect-ratio:auto!important;min-height:0!important}
.card__photo img{height:auto!important;min-height:150px;display:block;object-fit:cover!important}
.card__band{border-top:0!important}

/* preço no Pix maior */
.card__price-pix{font-size:1.45rem!important;font-weight:700!important;color:var(--vinho)!important}
.card__price-pix span{font-size:.72rem!important;vertical-align:middle}

/* balões da foto: letra clara em fundo forte (o "Esgotado" ficava preto no preto) */
.card__stock{background:rgba(95,122,79,.95)!important;color:#fff!important;font-weight:600}
.card__stock.low{background:rgba(154,34,54,.95)!important;color:#fff!important}
.card__stock.out{background:var(--ouro-esc)!important;color:#fff!important}

/* itens sob encomenda bem claros */
.card__aviso-encomenda{margin:6px 0 10px;padding:8px 12px;border-radius:10px;background:#f6ecd6;border:1px solid rgba(138,100,20,.35);color:#6b4a0c;font-size:.85rem;font-weight:600;text-align:center}
.card__encomenda-nota{color:var(--ink-soft)!important;font-size:.78rem!important}
.card__encomenda-nota b{color:var(--vinho)!important}
.btn-encomendar{background:var(--ouro-esc)!important;border-color:var(--ouro-esc)!important;color:#fff!important}

/* "Kit pra Presentear" em letra fácil de ler (a cursiva confundia) */
.banner-presentear h3, .banner-presentear strong, .banner-presentear b, .banner-presentear__texto b{font-family:var(--font-display)!important;font-weight:700!important;font-style:normal!important;font-size:1.5rem!important;line-height:1.1!important;letter-spacing:.01em}

/* ---------- nenhuma palavra ou símbolo sozinho na linha de baixo ---------- */
body{text-wrap:pretty}
h1, h2, h3, .btn, button, .card__name{text-wrap:balance}

/* ---------- Acompanhar pedido: logo e nome bem visíveis ---------- */
.brand--pedido{display:flex;align-items:center;gap:12px;margin-top:6px;text-decoration:none}
.brand--pedido__logo{width:64px;height:auto;flex:none;filter:drop-shadow(0 3px 6px rgba(74,13,24,.18))}
.brand.brand--pedido span{font-family:var(--font-display);font-weight:700;font-size:1.6rem!important;letter-spacing:.03em;color:var(--vinho)!important;white-space:nowrap}
.endereco-topo-pedido{font-size:.8rem;color:var(--ink-soft);margin-top:6px}
/* itens do pedido: nome à esquerda quebra só entre palavras, valor sempre inteiro à direita */
.item-linha{gap:14px;align-items:baseline}
.item-linha > span:first-child{flex:1;min-width:0}
.item-linha__valor{white-space:nowrap;flex:none}

/* ---------- Acompanhar pedido: botão da brincadeira legível ---------- */
.btn-jogar{color:#fff!important;background:linear-gradient(90deg,#7a1427,#9a2236)!important;box-shadow:0 6px 18px rgba(122,20,39,.28)!important}

/* ---------- Acompanhar pedido: rastreamento em destaque ---------- */
.card--rastreio{border:2px solid #b8902f!important;background:radial-gradient(120% 120% at 100% 0,rgba(217,184,94,.22),transparent 60%),#fbf8f3!important;box-shadow:0 10px 24px rgba(138,100,20,.16)!important}
.card--rastreio h2{color:var(--vinho)!important;font-weight:700}
.card--rastreio .rastreio-box{background:#fff!important;border:1px solid rgba(184,144,47,.45)!important;border-radius:10px!important;text-align:center}
.card--rastreio .rastreio-codigo{font-size:1.25rem!important;font-weight:700;letter-spacing:.08em!important;color:var(--vinho)!important}
.btn-rastrear{display:block;width:100%;margin-top:12px;padding:15px 16px;border-radius:12px;background:linear-gradient(90deg,#7a1427,#9a2236);color:#fff!important;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;box-shadow:0 8px 18px rgba(122,20,39,.25);white-space:nowrap}
.btn-rastrear:active{transform:scale(.98)}

/* ---------- produto aberto por link compartilhado: convite pra ver a loja ---------- */
.zoom-convite{margin:14px 0 4px;padding:14px;border-radius:12px;background:radial-gradient(120% 120% at 100% 0,rgba(217,184,94,.22),transparent 60%),#fbf8f3;border:1px solid rgba(184,144,47,.45);text-align:center}
.zoom-convite p{margin:0 0 10px;color:var(--ink);font-size:.9rem}
.zoom-convite .btn-primary{width:100%;padding:13px 16px;font-weight:700}