/* Tema Quitanda (premium, 4a onda): hortifruti com entrega no dia, com cara de aplicativo de mercado - verde-folha,
   laranja e papel de feira, Baloo 2 nos titulos e Nunito no texto, cantos grandes. Topo da familia "lateral": no computador
   as categorias (corredores) ficam numa coluna fixa a esquerda e o alto tem so o logotipo, uma busca grande e o carrinho.
   Carregado depois do CSS do Vitrine e do premium.css. */

.tema-quitanda { --qt-folha: var(--loja, #2f7d32); --qt-escuro: var(--titulos, #1f4d22); --qt-laranja: #f28c28; --qt-papel: #f7f6f1; --qt-linha: #e6e3d6; --qt-menta: #e9f4e6; }
body.tema-quitanda { background: var(--qt-papel); }

/* ---------- topo: logotipo, busca grande e carrinho */
.qt-topo .vt-aviso { font-weight: 700; }
.qt-topo .vt-barra { border-bottom: 1px solid var(--qt-linha); }
.qt-topo .vt-marca img { width: auto; height: var(--logo-altura, 48px); max-width: 220px; border: 0; border-radius: 0; background: none; object-fit: contain; }
body.vitrine .qt-topo .vt-busca { max-width: 760px; }
body.vitrine .qt-topo .vt-busca input { height: 52px; padding-left: 22px; border: 2px solid var(--qt-linha); border-radius: 999px; background: var(--qt-papel); font-size: 15.5px; }
body.vitrine .qt-topo .vt-busca input:focus { border-color: var(--qt-folha); background: #fff; box-shadow: 0 0 0 4px var(--qt-menta); }
body.vitrine .qt-topo .vt-busca button { right: 6px; width: 42px !important; height: 42px; border-radius: 50% !important; background: var(--qt-folha) !important; color: #fff !important; }
.qt-topo .vt-sacola { padding: 8px 16px 8px 12px; border-radius: 999px; background: var(--qt-laranja); }
body.vitrine .qt-topo .vt-sacola .shop-bag i { color: #fff !important; }
.qt-topo .vt-sacola .counter { background: var(--qt-escuro); }

/* ---------- corredores: coluna fixa a esquerda no computador */
@media (min-width: 1200px) {
	body.tema-quitanda { padding-left: 232px; }
	body.vitrine .qt-topo .vt-menu { position: fixed !important; z-index: 900; top: 0; bottom: 0; left: 0; width: 232px; border: 0; border-right: 1px solid var(--qt-linha); background: #fff; overflow-y: auto; }
	.qt-topo .vt-menu .container { flex-direction: column; align-items: stretch; gap: 2px; width: auto; min-height: 100%; padding: 26px 14px; overflow: visible; }
	body.vitrine .qt-topo .vt-menu .container::before { content: "Corredores"; display: block; margin: 0 12px 12px; font-family: var(--fonte-titulos), sans-serif; font-size: 22px; font-weight: 800; color: var(--qt-escuro); }
	.qt-topo .vt-menu-dep { display: none; }
	.qt-topo .vt-menu a, .qt-topo .vt-menu .vt-menu-item { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 14px; font-size: 15px; font-weight: 700; color: #33402f !important; }
	.qt-topo .vt-menu > .container > a::before, .qt-topo .vt-menu-cat > a::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--qt-linha); transition: background .2s; }
	.qt-topo .vt-menu a:hover { background: var(--qt-menta); color: var(--qt-escuro) !important; }
	.qt-topo .vt-menu a:hover::before { background: var(--qt-folha); }
	.qt-topo .vt-menu a.vt-ofertas { margin-top: 10px; background: #fff3e6; color: #c25e0c !important; }
	.qt-topo .vt-menu a.vt-ofertas::before { background: var(--qt-laranja); }
	.qt-topo .vt-menu-cat-lista { left: 100%; top: 0; }
	.qt-topo .vt-barra .container { min-height: 84px; }
}

/* ---------- titulos de secao: fortes, com o "Ver todos" em pilula */
.tema-quitanda .vt-secao-cab h2 { font-size: 30px; font-weight: 800 !important; letter-spacing: -.01em; color: var(--qt-escuro); }
.tema-quitanda .vt-secao-cab a { padding: 7px 16px; border-radius: 999px; background: var(--qt-menta); color: var(--qt-escuro) !important; font-weight: 800; font-size: 13px; }

/* ---------- cartao de mercado: foto em fundo claro, produtor com folhinha, preco grande e botao "+ Adicionar" sempre a vista */
.tema-quitanda .vt-card { border: 1px solid var(--qt-linha); border-radius: 22px; background: #fff; box-shadow: none !important; overflow: hidden; }
.tema-quitanda .vt-card:hover { border-color: var(--qt-folha); box-shadow: 0 14px 30px -18px rgba(31, 77, 34, .5) !important; }
.tema-quitanda .vt-card-img { margin: 8px 8px 0; border-radius: 16px; background: #f1f0ea; }
.tema-quitanda .vt-card-info { padding: 12px 16px 6px; }
.tema-quitanda .ppc-marca { display: inline-flex; align-items: center; gap: 5px; color: var(--qt-folha); font-weight: 800; font-size: 11.5px; letter-spacing: .02em; text-transform: none; }
.tema-quitanda .ppc-marca::before { content: ""; width: 10px; height: 10px; border-radius: 0 10px 0 10px; background: var(--qt-folha); }
.tema-quitanda .vt-card-nome { font-size: 15px; font-weight: 700; color: #26321f; }
.tema-quitanda .vt-card-preco strong { font-family: var(--fonte-titulos), sans-serif; font-size: 24px; font-weight: 800; color: var(--qt-escuro); }
.tema-quitanda .vt-card-botao { display: flex !important; align-items: center; justify-content: center; gap: 6px; margin: 4px 14px 14px; padding: 10px; border-radius: 999px; background: var(--qt-menta); color: var(--qt-escuro); font-weight: 800; opacity: 1 !important; transform: none !important; position: static !important; }
.tema-quitanda .vt-card-botao::before { content: "+"; font-size: 18px; line-height: 1; }
.tema-quitanda .vt-card:hover .vt-card-botao { background: var(--qt-folha); color: #fff; }
.tema-quitanda .ppc .ppc-ver { display: none; }
.tema-quitanda .vt-selo { border-radius: 999px; background: var(--qt-laranja); font-weight: 800; }

/* ---------- faixa de abertura curta, corredores em cartoes e abas em pilulas */
body.vitrine.tema-quitanda .hdl-hero { border-radius: 28px; overflow: hidden; }
body.vitrine.tema-quitanda .hdl-hero-img::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(247, 246, 241, .97) 0, rgba(247, 246, 241, .88) 36%, rgba(247, 246, 241, 0) 62%); pointer-events: none; }
body.vitrine.tema-quitanda .hdl-hero-in { position: relative; z-index: 2; }
body.vitrine.tema-quitanda .hdl-hero h2 { font-size: clamp(30px, 3.6vw, 46px); font-weight: 800; color: var(--qt-escuro) !important; text-shadow: none; }
body.vitrine.tema-quitanda .hdl-hero p { color: #33402f !important; text-shadow: none; font-size: 17px; }
body.vitrine.tema-quitanda .hdl-hero a { border-radius: 999px !important; background: var(--qt-laranja) !important; color: #fff !important; }
.tema-quitanda .hdl-cats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.tema-quitanda .hdl-cats a { place-items: center; padding: 20px 12px; border-radius: 22px; text-align: center; }
.tema-quitanda .hdl-cats a:nth-child(6n+1) { background: #fde9e4; } .tema-quitanda .hdl-cats a:nth-child(6n+2) { background: #e6f3e0; }
.tema-quitanda .hdl-cats a:nth-child(6n+3) { background: #fff1db; } .tema-quitanda .hdl-cats a:nth-child(6n+4) { background: #eef6d9; }
.tema-quitanda .hdl-cats a:nth-child(6n+5) { background: #fbf3d8; } .tema-quitanda .hdl-cats a:nth-child(6n) { background: #f0e9f7; }
.tema-quitanda .hdl-cats a { border: 0; }
.tema-quitanda .hdl-cats b { font-family: var(--fonte-titulos), sans-serif; font-size: 17px; color: var(--qt-escuro); }
body.vitrine.tema-quitanda .hdl-abas-bts { gap: 8px; border: 0; }
body.vitrine.tema-quitanda .hdl-abas-bts button { padding: 10px 20px; border: 2px solid var(--qt-linha); border-radius: 999px; background: #fff !important; color: #33402f !important; font-weight: 800; }
body.vitrine.tema-quitanda .hdl-abas-bts button[aria-selected="true"] { border-color: var(--qt-folha); background: var(--qt-folha) !important; color: #fff !important; }

/* ---------- ofertas do dia: faixa laranja com o relogio em fichas */
.tema-quitanda .hdl-relampago { padding: 28px; border-radius: 28px; background: #fff3e6; border: 0; }
.tema-quitanda .hdl-rel-selo { border-radius: 999px; background: var(--qt-laranja); color: #fff; }
body.vitrine.tema-quitanda .hdl-relampago h2 { font-size: 34px; font-weight: 800; color: #8a3e05; }
.tema-quitanda .hdl-rel-relogio span { border-radius: 16px; background: #fff; color: #8a3e05; box-shadow: 0 6px 14px -10px rgba(138, 62, 5, .6); }

/* ---------- lousa da cesta da semana (bloco Destaques) */
.qt-lousa { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 40px; align-items: center; padding: 46px 50px; border: 12px solid #a77b4f; border-radius: 22px; background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .06), transparent 60%), #233026; color: #f1efe6; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .25), 0 20px 40px -26px rgba(0, 0, 0, .6); }
.qt-lousa-cab { display: grid; gap: 10px; }
.qt-lousa-cab small { color: #f6c26b; font-family: var(--fonte-titulos), sans-serif; font-size: 18px; font-weight: 700; }
body.vitrine .qt-lousa-cab h2 { margin: 0; font-family: var(--fonte-titulos), sans-serif; font-size: 40px; font-weight: 800; line-height: 1.05; color: #fff; }
.qt-lousa-cab p { margin: 0; color: #c9d1c3; font-size: 15.5px; }
.qt-preco { justify-self: start; display: inline-grid; place-items: center; margin-top: 6px; padding: 14px 22px; border: 2px dashed #f6c26b; border-radius: 16px; color: #f6c26b; font-family: var(--fonte-titulos), sans-serif; font-size: 15px; font-weight: 700; line-height: 1.1; text-align: center; transform: rotate(-3deg); }
.qt-preco::first-line { font-size: 30px; color: #fff; }
.qt-lista { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 26px; margin: 0; padding: 0; list-style: none; }
.qt-lista li { display: flex; align-items: baseline; gap: 10px; padding: 10px 0; border-bottom: 1px dashed rgba(241, 239, 230, .25); font-family: var(--fonte-titulos), sans-serif; font-size: 19px; }
.qt-lista b { min-width: 58px; color: #f6c26b; font-weight: 800; }
.qt-lousa-botao { justify-self: start; display: inline-flex; padding: 14px 28px; border-radius: 999px; background: var(--qt-laranja); color: #fff !important; font-weight: 800; text-decoration: none !important; }
.qt-lousa-botao:hover { background: #fff; color: var(--qt-escuro) !important; }

/* ---------- vantagens e perguntas */
.tema-quitanda .hdl-faq details, .tema-quitanda .hdl-faq > div { border-radius: 18px; }

/* ---------- carrinho: o cesto que vai se enchendo de frutas */
.qt-frete { display: flex; align-items: center; gap: 18px; padding: 14px 20px; border-radius: 22px; background: var(--qt-menta); }
.qt-frete p { margin: 0; font-weight: 700; color: var(--qt-escuro); }
.qt-cesto { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 1px; width: 78px; height: 48px; padding: 0 10px 18px; }
.qt-cesto b { position: absolute; left: 4px; right: 4px; bottom: 0; height: 24px; border-radius: 4px 4px 18px 18px; background: repeating-linear-gradient(90deg, #a77b4f 0 6px, #8c6239 6px 8px); }
.qt-cesto i { width: 14px; height: 14px; border-radius: 50%; background: transparent; transform: translateY(14px) scale(.4); transition: transform .4s, background .4s; }
.qt-cesto i.on { transform: none; }
.qt-cesto i.on:nth-child(1) { background: #e53935; } .qt-cesto i.on:nth-child(2) { background: #f28c28; } .qt-cesto i.on:nth-child(3) { background: #7cb342; }
.qt-cesto i.on:nth-child(4) { background: #fdd835; } .qt-cesto i.on:nth-child(5) { background: #8e24aa; }
.qt-frete-ok .qt-cesto i { transform: none; }

/* ---------- rodape: faixa de entrega em cartoes */
.qt-entrega { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; padding-top: 40px; padding-bottom: 10px; }
.qt-entrega-card { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 22px; background: #fff; color: inherit !important; text-decoration: none !important; }
.qt-entrega-card i { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--qt-menta); color: var(--qt-folha); font-size: 22px; }
.qt-entrega-card small { display: block; font-size: 12px; font-weight: 700; color: #7b8a75; }
.qt-entrega-card b { display: block; font-size: 15px; color: var(--qt-escuro); }
.qt-rodape .vt-rodape-grade h3 { font-family: var(--fonte-titulos), sans-serif; font-size: 18px; text-transform: none; letter-spacing: 0; color: var(--qt-escuro); }

@media (max-width: 991px) {
	body.vitrine.tema-quitanda .hdl-hero-img::after { background: linear-gradient(180deg, rgba(247, 246, 241, .95) 0, rgba(247, 246, 241, .85) 55%, rgba(247, 246, 241, .2) 100%); }
	.tema-quitanda .hdl-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
	.qt-lousa { grid-template-columns: 1fr; gap: 24px; padding: 30px 22px; border-width: 8px; }
	.qt-lista { grid-template-columns: 1fr; }
	body.vitrine .qt-lousa-cab h2 { font-size: 30px; }
	.qt-topo .vt-sacola { padding: 8px; }
}