/* Tema Doceria (premium): chocolates e doces finos - chocolate, creme e rosa antigo, DM Serif Display nos titulos,
   chocolate derretido e lacos. Carregado depois do CSS do Vitrine e do premium.css (pagina do produto premium). */

.tema-doceria { --dc-tinta: var(--titulos, #3b2219); --dc-cacau: #6b3a2a; --dc-rosa: #e3a9a6; --dc-rosa-claro: #f6e1dc; --dc-ouro: #c99a4a; --dc-creme: #f4ebe1; --dc-linha: #ead9c8; --dc-gota: radial-gradient(circle at 10px 0, #3b2219 9px, transparent 9.5px) 0 0 / 34px 14px repeat-x, radial-gradient(circle at 26px 0, #3b2219 6px, transparent 6.5px) 0 0 / 34px 10px repeat-x; }

/* titulos das secoes: serif com coracaozinho rosa */
.tema-doceria .vt-secao-cab { flex-direction: column; align-items: center; gap: 4px; margin-bottom: 26px; text-align: center; }
.tema-doceria .vt-secao-cab h2 { font-size: 36px; font-weight: 400 !important; color: var(--dc-tinta); }
.tema-doceria .vt-secao-cab h2::after { content: ""; display: block; width: 60px; height: 10px; margin: 8px auto 0; background: var(--dc-gota); background-size: 34px 14px, 34px 10px; }
.tema-doceria .vt-secao-cab a { color: var(--dc-cacau) !important; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }

/* cartao: foto creme arredondada, preco em serif, botao chocolate */
.tema-doceria .vt-card { border: 0; background: transparent; box-shadow: none !important; }
.tema-doceria .vt-card-img { border-radius: 22px; background: var(--dc-creme); }
.tema-doceria .vt-card-info { padding: 14px 4px 4px; text-align: center; }
.tema-doceria .vt-card-nome { font-size: 14.5px; font-weight: 400; color: var(--dc-tinta); }
.tema-doceria .vt-card-preco { justify-content: center; }
.tema-doceria .vt-card-preco strong { font-family: var(--fonte-titulos), Georgia, serif; font-size: 21px; font-weight: 400; color: var(--dc-cacau); }
.tema-doceria .ppc-marca { display: none; }
.tema-doceria .vt-card-botao { display: flex; width: max-content; min-width: 130px; justify-content: center; margin: 8px auto 0; padding: 0 24px; border-radius: 999px; background: var(--dc-tinta); color: #f1d9b5; }
.tema-doceria .vt-card:hover .vt-card-botao { background: var(--dc-rosa); color: var(--dc-tinta); }
.tema-doceria .ppc .ppc-ver { border-radius: 999px; background: rgba(251, 245, 238, .95); color: var(--dc-tinta); }
.tema-doceria .vt-selo { border-radius: 999px; background: var(--dc-rosa); color: var(--dc-tinta); font-weight: 600; }

/* cardapio de sabores (bloco HTML dc-cardapio) */
.dc-cardapio { max-width: 880px; margin: 0 auto; padding: 40px 48px; border: 1px solid #ead9c8; border-radius: 28px; background: #fff; box-shadow: 0 0 0 8px #f6e1dc; text-align: center; }
.dc-cardapio h3 { margin: 0 0 22px; font-family: var(--fonte-titulos), Georgia, serif; font-size: 32px; font-weight: 400; color: #3b2219; }
.dc-cardapio ul { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 48px; margin: 0; padding: 0; list-style: none; text-align: left; }
.dc-cardapio li { display: grid; gap: 2px; padding-bottom: 12px; border-bottom: 1px dotted #c9b2a0; }
.dc-cardapio b { font-family: var(--fonte-titulos), Georgia, serif; font-size: 19px; font-weight: 400; color: #6b3a2a; }
.dc-cardapio span { font-size: 13.5px; color: #7a6156; }

/* categorias em circulos, banners, depoimentos, blog, newsletter */
.tema-doceria .hdl-mos a { text-align: center; }
.tema-doceria .hdl-mos-img { border-radius: 50% !important; box-shadow: 0 0 0 6px #fff, 0 0 0 7px var(--dc-linha); transition: box-shadow .3s; }
.tema-doceria .hdl-mos a:hover .hdl-mos-img { box-shadow: 0 0 0 6px #fff, 0 0 0 8px var(--dc-rosa); }
.tema-doceria .hdl-mos b, .tema-doceria .hdl-mos strong { font-family: var(--fonte-titulos), Georgia, serif; font-weight: 400; color: var(--dc-tinta); }
.tema-doceria .hdl-hero { border-radius: 0; }
.tema-doceria .hdl-hero .vt-botao { border-radius: 999px; }
.tema-doceria .hdl-it-img img { border-radius: 50% 50% 24px 24px; }
.tema-doceria .hdl-it-txt h2 { font-size: 40px; font-weight: 400; color: var(--dc-tinta); }
.tema-doceria .hdl-depo figure { border: 0; border-radius: 24px; background: var(--dc-rosa-claro); }
.tema-doceria .vt-blog a { border: 0; border-radius: 24px; background: #fff; overflow: hidden; }
.tema-doceria .vt-blog strong { font-family: var(--fonte-titulos), Georgia, serif; font-weight: 400; color: var(--dc-tinta); }
body.vitrine.tema-doceria .vt-news { position: relative; border-radius: 0 0 32px 32px; background: var(--dc-gota), #6b3a2a; background-size: 34px 14px, 34px 10px, auto; color: #fff; }
body.vitrine.tema-doceria .vt-news h3 { color: #fff !important; }
body.vitrine.tema-doceria .vt-news p { color: #f1d9b5; }
body.vitrine.tema-doceria .vt-news-campo input { border-radius: 999px; }
body.vitrine.tema-doceria .vt-news-campo button { border-radius: 999px; background: var(--dc-rosa); color: var(--dc-tinta); }
.tema-doceria .vt-vantagens > * { border: 0; border-radius: 22px; background: var(--dc-creme); }
.tema-doceria .vt-vantagens i { border-radius: 50%; background: #fff; color: var(--dc-cacau); }

/* ---------- topo proprio (topo.php): creme, logotipo no centro e gotejado no menu ---------- */
.dc-topo .vt-aviso { font-size: 12.5px; letter-spacing: .04em; }
.dc-topo .vt-marca img { width: auto; height: var(--logo-altura, 52px); max-width: 240px; border: 0; border-radius: 0; background: none; object-fit: contain; mix-blend-mode: multiply; }
body.vitrine .dc-topo .vt-busca input { height: 40px; border: 1px solid #ead9c8; border-radius: 999px; background: #fff; }
body.vitrine .dc-topo .vt-busca button { border-radius: 999px !important; background: transparent !important; color: #6b3a2a !important; }
.dc-topo .vt-acao { color: #3b2219 !important; }
.dc-topo .vt-acao:hover { background: #f6e1dc; }
.dc-topo .vt-sacola .counter { background: #e3a9a6; color: #3b2219; }
@media (min-width: 992px) {
	.dc-topo .vt-barra .container { position: relative; min-height: 98px; gap: 22px; }
	.dc-topo .vt-marca { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	body.vitrine .dc-topo .vt-busca { flex: 0 1 300px; margin: 0; }
	.dc-topo .vt-acoes { margin-left: auto; }
	body.vitrine .dc-topo .vt-menu { position: relative; background: #3b2219; }
	body.vitrine .dc-topo .vt-menu::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 14px; background: var(--dc-gota, radial-gradient(circle at 10px 0, #3b2219 9px, transparent 9.5px) 0 0 / 34px 14px repeat-x); background-size: 34px 14px, 34px 10px; pointer-events: none; z-index: 2; }
	.dc-topo .vt-menu .container { justify-content: center; gap: 6px; }
	body.vitrine .dc-topo .vt-menu > .container > a, body.vitrine .dc-topo .vt-menu-cat > a, body.vitrine .dc-topo .vt-menu-dep-link { color: #f1d9b5 !important; font-family: var(--fonte-titulos), Georgia, serif; font-size: 16.5px; background: transparent !important; white-space: nowrap; }
	body.vitrine .dc-topo .vt-menu > .container > a:hover, body.vitrine .dc-topo .vt-menu-cat:hover > a { color: #e3a9a6 !important; }
	body.vitrine .dc-topo .vt-menu a.vt-ofertas { color: #e3a9a6 !important; }
	body.vitrine .dc-topo .vt-menu-dep-link { border: 0; }
	body.vitrine .dc-topo .vt-menu-cat > a > .lni-chevron-down { display: none; }
	body.vitrine .dc-topo .vt-mega-painel, body.vitrine .dc-topo .vt-menu-cat-lista, body.vitrine .dc-topo .vt-menu-dep-lista { border: 1px solid #ead9c8; border-radius: 24px; background: #fff; box-shadow: 0 30px 60px rgba(59, 34, 25, .15); }
	body.vitrine .dc-topo .vt-mega-painel a, body.vitrine .dc-topo .vt-menu-cat-lista a, body.vitrine .dc-topo .vt-menu-dep-lista a { color: #3b2219 !important; font-family: var(--fonte), sans-serif; font-size: 14px; }
	body.vitrine .dc-topo .vt-mega-prod img { border-radius: 16px; background: #f4ebe1; }
}
.tema-doceria .dc-topo { --dc-gota: radial-gradient(circle at 10px 0, #3b2219 9px, transparent 9.5px) 0 0 / 34px 14px repeat-x, radial-gradient(circle at 26px 0, #3b2219 6px, transparent 6.5px) 0 0 / 34px 10px repeat-x; }

/* ---------- rodape proprio (rodape.php): chocolate escorrendo, laco e etiquetas ---------- */
.dc-rodape { position: relative; padding-top: 64px; }
.dc-rodape::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 22px; background: radial-gradient(circle at 12px 0, #fbf5ee 11px, transparent 11.5px) 0 0 / 44px 22px repeat-x, radial-gradient(circle at 32px 0, #fbf5ee 7px, transparent 7.5px) 0 0 / 44px 14px repeat-x; }
.dc-assinatura { display: grid; justify-items: center; gap: 16px; padding-bottom: 44px; text-align: center; }
.dc-laco { position: relative; display: block; width: 64px; height: 30px; }
.dc-laco::before, .dc-laco::after { content: ""; position: absolute; top: 2px; width: 28px; height: 22px; border: 3px solid #e3a9a6; border-radius: 50% 10% 50% 50%; }
.dc-laco::before { left: 2px; transform: rotate(-12deg); }
.dc-laco::after { right: 2px; border-radius: 10% 50% 50% 50%; transform: rotate(12deg); }
.dc-frase { max-width: 720px; margin: 0; font-family: var(--fonte-titulos), Georgia, serif; font-size: 32px; line-height: 1.25; color: #fbf5ee; }
.dc-etiquetas { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.dc-etiquetas li { position: relative; padding: 7px 16px 7px 26px; border-radius: 4px 999px 999px 4px; background: #f6e1dc; color: #3b2219; font-size: 13px; font-weight: 500; }
.dc-etiquetas li::before { content: ""; position: absolute; left: 10px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: #2b1912; }
.dc-rodape h3 { font-family: var(--fonte-titulos), Georgia, serif !important; font-weight: 400 !important; color: #fbf5ee !important; }
.dc-rodape .vt-redes a { border-radius: 50%; }

/* ---------- pagina do produto premium ---------- */
.tema-doceria .pp, .tema-doceria .ppa { --pp-titulo-tam: 38px; --pp-preco-tam: 32px; --pp-raio: 20px; --pp-raio-botao: 999px; --pp-suave: var(--dc-creme); --pp-borda: var(--dc-linha); --pp-acento: var(--dc-cacau); }
.tema-doceria .pp-nome { font-weight: 400; }
.tema-doceria .pp-marca { color: var(--dc-ouro); letter-spacing: .16em; }
.tema-doceria .pp-foto, .tema-doceria .pp-mini { background: var(--dc-creme); }
.tema-doceria .pp-mini.ativa { border-color: var(--dc-rosa); }
.tema-doceria .pp-preco { background: var(--dc-rosa-claro); border: 0; }
.tema-doceria .pp-preco-valor { font-family: var(--fonte-titulos), Georgia, serif; font-weight: 400; color: var(--dc-cacau); }
.tema-doceria .pp-preco-off { border-radius: 999px; background: var(--dc-tinta); color: #f1d9b5; }
.tema-doceria .pp .opcao.pp-op.active { --pp-op-borda: var(--dc-cacau); --pp-op-fundo: #fff8f3; --pp-op-sombra: 0 0 0 3px var(--dc-rosa-claro); }
.tema-doceria .pp-variacao-cartao .pp-var:not(.pp-var-cores) .opcao.pp-op.active::before { border-color: var(--dc-cacau); background: var(--dc-cacau); }
.tema-doceria .pp .pp-botao { background: var(--dc-tinta); color: #f1d9b5; --pp-b-sombra: none; --pp-b-peso: 500; }
.tema-doceria .pp .pp-botao:hover { background: var(--dc-cacau); color: #fff; }
.tema-doceria .pp .pp-agora { border-color: var(--dc-rosa); background: var(--dc-rosa-claro); color: var(--dc-tinta); }
.tema-doceria .pp .pp-agora:hover { background: var(--dc-rosa); }
.tema-doceria .pp-selo { border-radius: 999px; background: var(--dc-rosa); color: var(--dc-tinta); }
.tema-doceria .pp-garantias svg { border-radius: 50%; background: var(--dc-rosa-claro); color: var(--dc-cacau); }
.tema-doceria .ppa .ppa-abas button { font-family: var(--fonte-titulos), Georgia, serif; font-weight: 400; }
.tema-doceria .ppa-destaques li { background: #fff; border: 1px solid var(--dc-linha); border-radius: 16px; }
.tema-doceria .ppa-destaques li::before { background-color: var(--dc-rosa); }

/* ---------- carrinho (carrinho.php): caixinha de bombons ---------- */
body.vitrine.tema-doceria .ck h1 { font-size: 42px; font-weight: 400; color: var(--dc-tinta); }
body.vitrine.tema-doceria .co-passos .atual { color: var(--dc-cacau); }
body.vitrine.tema-doceria .ck-item, body.vitrine.tema-doceria .co-bloco { border: 1px solid var(--dc-linha); border-radius: 22px; background: #fff; }
body.vitrine.tema-doceria .ck-foto img { background: var(--dc-creme); border-radius: 16px; }
body.vitrine.tema-doceria .ck-resumo { border: 0; border-radius: 26px; background: var(--dc-rosa-claro); }
body.vitrine.tema-doceria .ck-finalizar { border-radius: 999px !important; background: #3b2219 !important; color: #f1d9b5 !important; }
.dc-frete { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 6px 18px; padding: 16px 20px; border-radius: 22px; background: #fff; border: 1px solid #ead9c8; }
.dc-frete p { grid-column: 2; margin: 0; font-size: 14px; }
.dc-frete p b { color: #6b3a2a; }
.dc-caixa { grid-row: span 2; display: grid; grid-template-columns: repeat(3, 14px); gap: 4px; padding: 6px; border-radius: 8px; background: #f4ebe1; box-shadow: inset 0 0 0 2px #e3a9a6; }
.dc-caixa i { width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #8a5a44, #3b2219 70%); opacity: .15; transition: opacity .4s; }
.dc-caixa i:nth-child(1) { opacity: clamp(.15, calc(var(--dc-p) / 16), 1); }
.dc-caixa i:nth-child(2) { opacity: clamp(.15, calc((var(--dc-p) - 16) / 17), 1); }
.dc-caixa i:nth-child(3) { opacity: clamp(.15, calc((var(--dc-p) - 33) / 17), 1); }
.dc-caixa i:nth-child(4) { opacity: clamp(.15, calc((var(--dc-p) - 50) / 17), 1); }
.dc-caixa i:nth-child(5) { opacity: clamp(.15, calc((var(--dc-p) - 66) / 17), 1); }
.dc-caixa i:nth-child(6) { opacity: clamp(.15, calc((var(--dc-p) - 83) / 17), 1); }
.dc-barra { grid-column: 2; display: block; height: 6px; border-radius: 6px; background: #f6e1dc; overflow: hidden; }
.dc-barra i { display: block; height: 100%; border-radius: 6px; background: #6b3a2a; transition: width .6s ease; }

@media (max-width: 767px) {
	.tema-doceria .vt-secao-cab h2 { font-size: 28px; }
	.dc-cardapio { padding: 26px 20px; }
	.dc-cardapio ul { grid-template-columns: 1fr; gap: 10px; }
	.dc-frase { font-size: 24px; }
	.dc-topo .vt-marca img { height: 40px; max-width: 160px; }
	.tema-doceria .pp, .tema-doceria .ppa { --pp-titulo-tam: 28px; --pp-preco-tam: 28px; }
}
