/* Tema Aurum: joalheria - creme, marrom-escuro e a cor da loja como dourado, titulos com serifa e detalhes finos.
   Carregado depois do CSS do Vitrine. As cores do lojista continuam valendo (--loja, --topo, --rodape...). */

.tema-aurum { --creme: #f7f2ec; --creme2: #efe6da; --ouro-claro: color-mix(in srgb, var(--loja) 30%, #fff); --linha: #e9dfd2; --serifa: var(--fonte-titulos), "Playfair Display", Georgia, serif; }

/* titulos das secoes: serifa, centralizados, com um ornamento dourado (losango entre tracos) embaixo */
.tema-aurum .vt-secao-cab { flex-direction: column; align-items: center; gap: 6px; margin-bottom: 26px; text-align: center; }
.tema-aurum .vt-secao-cab h2 { font-family: var(--serifa); font-size: 32px; font-weight: 500; color: var(--titulos); }
.tema-aurum .vt-secao-cab h2::before { content: none; }
.tema-aurum .vt-secao-cab h2::after { content: "\25C6"; display: block; margin-top: 8px; font-size: 9px; letter-spacing: 0; color: var(--loja); background: linear-gradient(var(--ouro-claro), var(--ouro-claro)) left center / 42% 1px no-repeat, linear-gradient(var(--ouro-claro), var(--ouro-claro)) right center / 42% 1px no-repeat; width: 110px; margin-left: auto; margin-right: auto; text-align: center; }
.tema-aurum .vt-secao-cab a { font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--loja) !important; }

/* cartao do produto: foto sobre creme, sem borda; preco na cor da loja; botao fino */
.tema-aurum .vt-card { border: 0; background: transparent; }
.tema-aurum .vt-card:hover { transform: none; box-shadow: none; }
.tema-aurum .vt-card-img { background: var(--creme); }
.tema-aurum .vt-card-img img { object-fit: cover; padding: 0; }
.tema-aurum .vt-card-info { align-items: center; text-align: center; padding: 14px 4px 4px; }
.tema-aurum .vt-card-nome { font-size: 14px; font-weight: 400; color: var(--texto); }
.tema-aurum .vt-card-preco { align-items: center; }
.tema-aurum .vt-card-preco strong { color: var(--loja); font-weight: 600; font-size: 18px; }
.tema-aurum .vt-card-botao { margin: 8px 0 0; background: transparent; color: var(--titulos); border: 1px solid var(--titulos); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; }
.tema-aurum .vt-card:hover .vt-card-botao { background: var(--titulos); color: var(--creme); }
.tema-aurum .vt-selo { background: var(--loja); font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; }
.tema-aurum .vt-selo.cinza { background: var(--titulos); }

/* vantagens: faixa creme com icones dourados e divisorias finas */
.tema-aurum .vt-vantagens { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0; background: var(--creme); border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); }
.tema-aurum .vt-vantagens > * { border: 0; background: transparent; justify-content: center; }
.tema-aurum .vt-vantagens i { background: transparent; color: var(--loja); font-size: 28px; }
.tema-aurum .vt-vantagens b { font-family: var(--serifa); font-weight: 500; font-size: 16px; }

/* banners lado a lado: o texto pequeno (subtitulo) vai acima do titulo, em letras espacadas; titulo dourado com serifa */
.tema-aurum .hdl-hero-in { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.tema-aurum .hdl-hero-in p { order: -1; margin: 0; font-size: 11.5px !important; letter-spacing: .3em; text-transform: uppercase; color: var(--ouro-claro) !important; }
.tema-aurum .hdl-hero h2 { font-family: var(--serifa); font-weight: 500; font-size: clamp(30px, 4vw, 52px); color: color-mix(in srgb, var(--loja) 70%, #fff) !important; }
.tema-aurum .hdl-hero .vt-botao { margin-top: 10px; background: transparent !important; color: #fff !important; border: 1px solid var(--ouro-claro); font-size: 11.5px; letter-spacing: .2em; text-transform: uppercase; height: 42px; }
.tema-aurum .hdl-hero .vt-botao:hover { background: var(--loja) !important; border-color: var(--loja); }

/* imagem e texto, blog, avaliacoes, instagram */
.tema-aurum .hdl-it-txt h2 { font-family: var(--serifa); font-weight: 500; font-size: 36px; }
.tema-aurum .hdl-it-txt small, .tema-aurum .hdl-it-chamada { color: var(--loja); letter-spacing: .24em; text-transform: uppercase; }
.tema-aurum .vt-blog a { border: 0; background: transparent; }
.tema-aurum .vt-blog strong, .tema-aurum .vt-blog span { padding: 0; }
.tema-aurum .vt-blog strong { font-family: var(--serifa); font-weight: 500; font-size: 19px; color: var(--titulos); }
.tema-aurum .hdl-depo figure { border: 1px solid var(--linha); background: #fff; text-align: center; }
.tema-aurum .hdl-depo figcaption { display: block; }
.tema-aurum .hdl-depo-nota { color: var(--loja); letter-spacing: 3px; }
.tema-aurum .hdl-depo blockquote { font-family: var(--serifa); font-style: italic; font-size: 17px; }
body.vitrine.tema-aurum .vt-news { background: var(--creme); color: var(--texto); border-top: 1px solid var(--linha); }
body.vitrine.tema-aurum .vt-news::before { display: none; }
body.vitrine.tema-aurum .vt-news h3 { color: var(--titulos) !important; font-family: var(--serifa); font-weight: 500; font-size: 26px; }
body.vitrine.tema-aurum .vt-news p, body.vitrine.tema-aurum .vt-news-aceite { color: #7a6b5c; }
body.vitrine.tema-aurum .vt-news-ico { border-radius: 50%; background: var(--loja); box-shadow: none; }
body.vitrine.tema-aurum .vt-news-campo { border-radius: 0; padding: 4px; border: 1px solid var(--linha); box-shadow: none; }
body.vitrine.tema-aurum .vt-news-campo input, body.vitrine.tema-aurum .vt-news-campo button { border-radius: 0; }
body.vitrine.tema-aurum .vt-news-campo button { background: var(--titulos); color: var(--creme); letter-spacing: .12em; text-transform: uppercase; font-size: 12px; }
body.vitrine.tema-aurum .vt-news-aceite input { border-color: #b9ab97; }

/* ---------- topo proprio (topo.php): menu a esquerda, logotipo no centro, busca e atalhos a direita ---------- */
.au-topo { box-shadow: 0 1px 0 var(--linha); }
.au-topo .vt-aviso { font-size: 11.5px; letter-spacing: .14em; }
.au-direita { display: flex; align-items: center; gap: 12px; }
body.vitrine .au-topo .vt-busca { max-width: 260px; }
body.vitrine .au-topo .vt-busca input { height: 40px; border-radius: 999px; border: 1px solid #cdbfac; background: #fff; padding-right: 14px; font-size: 13.5px; }
body.vitrine .au-topo .vt-busca button { display: none; }
.au-topo .vt-acao > i, .au-topo .vt-sacola .shop-bag i { font-size: 21px; }
.au-topo .vt-sacola .counter { background: var(--loja); }
@media (min-width: 992px) {
	.au-topo .vt-barra > .container { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; min-height: 92px; }
	.au-topo .vt-barra .vt-menu { min-width: 0; border: 0; background: transparent; }
	.au-topo .vt-barra .vt-menu > .container { display: flex; width: auto; padding: 0; flex-wrap: wrap; justify-content: flex-start; gap: 0; min-height: 0; }
	.au-topo .vt-barra .vt-menu > .container > a:first-of-type { display: none; } /* "Inicio": o logotipo ja leva para o inicio */
	.au-topo .vt-menu a, .au-topo .vt-menu .vt-menu-item { padding: 6px 5px; border-radius: 0; background: transparent; font-size: 10.5px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
	.au-topo .vt-menu a:hover { background: transparent; color: var(--loja) !important; }
	.au-topo .vt-menu-dep-link { font-size: 0 !important; }
	.au-topo .vt-menu-dep-link i { font-size: 18px; }
	.au-topo .vt-menu-cat > a i { display: none; }
	.au-topo .vt-marca { justify-self: center; }
	/* menu dentro da faixa do topo: o painel do menu grande abre na largura toda do topo, e cada item ocupa a altura
	   inteira da faixa (sem vao entre o link e o painel, que fazia o painel sumir no caminho do mouse) */
	body.vitrine .au-topo .vt-barra .vt-menu { position: static; align-self: stretch; }
	.au-topo .vt-barra > .container { position: relative; }
	.au-topo .vt-barra .vt-menu > .container { height: 100%; align-items: stretch; }
	.au-topo .vt-barra .vt-menu .vt-menu-cat, .au-topo .vt-barra .vt-menu .vt-menu-dep, .au-topo .vt-barra .vt-menu > .container > a { display: flex; align-items: center; }
	.au-topo .vt-mega-painel { left: 15px; right: 15px; top: 100%; max-width: none; }
	.au-topo .au-direita { justify-self: end; }
	.au-topo .vt-mega-painel, .au-topo .vt-menu-cat-lista { background: var(--creme) !important; border-color: var(--linha) !important; }
}
@media (max-width: 991px) {
	.au-direita { display: contents; }
}

/* ---------- rodape proprio (rodape.php): faixa de confianca creme e colunas sobre o marrom ---------- */
.au-confianca { background: var(--creme); border-top: 1px solid var(--linha); }
.au-confianca .container::before, .au-confianca .container::after, .ip-chamada .container::before, .ip-chamada .container::after { display: none !important; }
.au-confianca .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; padding: 26px 15px; }
.au-confianca p, .au-confianca a { display: flex; gap: 12px; align-items: center; margin: 0; color: var(--texto) !important; text-decoration: none !important; }
.au-confianca i { font-size: 26px; color: var(--loja); }
.au-confianca span { display: grid; font-size: 12.5px; color: #7a6b5c; }
.au-confianca b { font-family: var(--serifa); font-weight: 500; font-size: 16px; color: var(--titulos); }
.vt-news + .au-confianca { border-top: 0; }
.au-rodape { margin-top: 0; }
.au-rodape h3 { font-family: var(--serifa); font-weight: 500 !important; font-size: 18px !important; color: color-mix(in srgb, var(--loja) 70%, #fff) !important; }
.au-rodape-escuro .vt-marca img { filter: brightness(0) invert(.92) sepia(.25); }
.au-rodape .vt-redes a { border-radius: 50%; border: 1px solid color-mix(in srgb, var(--loja) 50%, transparent); background: transparent; }
.au-rodape .vt-redes a:hover { background: var(--loja); }
.au-rodape .vt-pags span { border-radius: 0; }
.au-rodape .vt-rodape-base { border-top: 1px solid color-mix(in srgb, var(--loja) 35%, transparent); }

/* ---------- pagina do produto ---------- */
body.vitrine.tema-aurum .rowtitle .title-icon { display: none; }
body.vitrine.tema-aurum .single-produto .galeria, body.vitrine.tema-aurum .single-produto .galeria img { border-radius: 0 !important; background: var(--creme); }
body.vitrine.tema-aurum .produto-detalhes .pd-nome { display: block !important; margin-bottom: 6px; }
body.vitrine.tema-aurum .pd-nome .nome span { font-family: var(--serifa); font-size: 32px; font-weight: 500; line-height: 1.2; color: var(--titulos); }
body.vitrine.tema-aurum .produto-detalhes .thelabel { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #9a8a76 !important; }
body.vitrine.tema-aurum .produto-detalhes .valor, body.vitrine.tema-aurum .produto-detalhes .valor span { font-size: 30px !important; font-weight: 600 !important; color: var(--loja) !important; }
body.vitrine.modo-loja.tema-aurum .line-variacao .thelabel { font-size: 12px !important; letter-spacing: .14em; text-transform: uppercase; }
body.vitrine.modo-loja.tema-aurum .line-variacao .opcao { border-radius: 50% !important; min-width: 46px; min-height: 46px; border: 1px solid #cdbfac !important; }
body.vitrine.modo-loja.tema-aurum .line-variacao .opcao.active { border-color: var(--loja) !important; background: var(--creme) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--loja) 40%, transparent) !important; }
body.vitrine.tema-aurum .subtotal-adicionar .col-md-6 { width: 100%; float: none; }
body.vitrine.tema-aurum .sacola-adicionar { display: flex !important; align-items: center; justify-content: center; float: none !important; width: 100%; height: 56px; margin-top: 12px; border-radius: 0 !important;
	background: var(--titulos) !important; color: var(--creme) !important; box-shadow: none !important; letter-spacing: .16em; text-transform: uppercase; font-size: 13px; }
body.vitrine.tema-aurum .sacola-adicionar:hover { background: var(--loja) !important; }
body.vitrine.tema-aurum .pa-abas { justify-content: center; border-color: var(--linha); }
body.vitrine.tema-aurum .pa-abas a, body.vitrine.tema-aurum .pa-abas button { font-family: var(--serifa); font-size: 17px; }
body.vitrine.tema-aurum .pa-abas .ativa { color: var(--loja) !important; }

/* ---------- carrinho (carrinho.php) e finalizar compra ---------- */
body.vitrine.tema-aurum .co-passos { font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: #9a8a76; }
body.vitrine.tema-aurum .co-passos .atual { color: var(--loja); }
body.vitrine.tema-aurum .ck h1 { font-family: var(--serifa); font-weight: 500; font-size: 34px; }
body.vitrine.tema-aurum .ck-item { border-color: var(--linha); border-radius: 0; }
body.vitrine.tema-aurum .ck-foto img { border-radius: 0; background: var(--creme); }
body.vitrine.tema-aurum .ck-nome { font-family: var(--serifa); font-weight: 500; font-size: 17px; }
body.vitrine.tema-aurum .ck-resumo { border: 0; border-radius: 0; background: var(--creme); box-shadow: none; }
body.vitrine.tema-aurum .ck-resumo h2, body.vitrine.tema-aurum .co-bloco h2 { font-family: var(--serifa); font-weight: 500; }
body.vitrine.tema-aurum .ck-valores .ck-tot { color: var(--loja); }
body.vitrine.tema-aurum .ck-finalizar { border-radius: 0 !important; background: var(--titulos) !important; letter-spacing: .14em; box-shadow: none !important; }
body.vitrine.tema-aurum .ck-finalizar:hover { background: var(--loja) !important; }
body.vitrine.tema-aurum .co-bloco { border-color: var(--linha); border-radius: 0; }
body.vitrine.tema-aurum .co-bloco h2 span { background: transparent; border: 1px solid var(--loja); color: var(--loja); font-family: var(--serifa); }
body.vitrine.tema-aurum .ck-linha-form input, body.vitrine.tema-aurum .ck-linha-form button, body.vitrine.tema-aurum .ck-frete, body.vitrine.tema-aurum .co-campos input, body.vitrine.tema-aurum .co-opcao, body.vitrine.tema-aurum .ck-qtd { border-radius: 0 !important; }
.au-garantias { list-style: none; margin: 4px 0 0; padding: 12px 0 0; display: grid; gap: 8px; border-top: 1px solid var(--linha); font-size: 13px; color: #7a6b5c; }
.au-garantias i { color: var(--loja); margin-right: 6px; }
.au-duvida { display: flex; justify-content: center; align-items: center; gap: 6px; padding: 10px; border: 1px solid #cdbfac; color: var(--titulos) !important; font-size: 13px; text-decoration: none !important; }
.au-duvida i { color: #25a35a; }

@media (max-width: 767px) {
	.tema-aurum .vt-secao-cab h2 { font-size: 25px; }
	.tema-aurum .vt-vantagens { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.vitrine.tema-aurum .pd-nome .nome span { font-size: 25px; }
}