/*
 * Visual "Dealer One" (demo do tema Motors, Stylemix) reimplementado pra
 * Adventuri Boats. Tokens (cor/fonte/raio/sombra) extraídos das variáveis
 * CSS do demo (--motors-* / --mvl-*) — é reimplementação, não cópia de
 * arquivo deles. Markup vem de header.php / front-page.php / footer.php /
 * woocommerce/content-product.php deste child theme.
 *
 * Convenção: prefixo .avt- = componente nosso. Overrides de Storefront /
 * WooCommerce ficam na última seção.
 */

/* =====================================================================
   1. Tokens
   ===================================================================== */
:root {
	--avt-primary: #cc6119;
	--avt-primary-dark: #cc6102;
	--avt-primary-hover: #b3540f;
	--avt-secondary: #6c98e0;
	--avt-secondary-dark: #5a7db6;

	--avt-graphite: #232628;
	--avt-slate: #35475a;
	--avt-petrol: #153e4d;

	--avt-bg: #ffffff;
	--avt-bg-shade: #f0f3f7;
	--avt-bg-input: #f6f7f9;
	--avt-bg-card: #ffffff;
	--avt-bg-card-hover: #f9f9f9;

	--avt-text: #010101;
	--avt-text-contrast: #ffffff;
	--avt-text-title: #111827;
	--avt-text-muted: #4e5562;
	--avt-text-faint: rgba(17, 24, 39, .4);

	--avt-border: rgba(1, 1, 1, .15);
	--avt-border-contrast: rgba(255, 255, 255, .15);
	--avt-border-filter: #cad0d9;
	--avt-border-card: rgba(17, 24, 39, .1);

	--avt-badge-special: #fab637;
	--avt-badge-sold: #fc4e4e;
	--avt-whatsapp: #25d366;
	--avt-whatsapp-dark: #1da851;

	--avt-font-heading: "Montserrat", Arial, sans-serif;
	--avt-font-body: "Open Sans", Arial, sans-serif;

	--avt-radius: 3px;
	--avt-shadow-card: 1px 1px 3px rgba(0, 0, 0, .2);
	--avt-shadow-elevated: 0 5px 10px rgba(0, 0, 0, .35);
	--avt-container: 1280px;
	--avt-nav-altura: 50px;
}

/* =====================================================================
   2. Base
   ===================================================================== */
body {
	font-family: var(--avt-font-body);
	font-size: 14px;
	line-height: 22px;
	color: var(--avt-text);
	background: var(--avt-bg);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--avt-font-heading);
	font-weight: 700;
	color: var(--avt-text-title);
}
.avt-container {
	width: 100%;
	max-width: var(--avt-container);
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
}
/* Título de seção: "NOSSA <span>VITRINE</span>" — palavra destacada em laranja */
.avt-titulo {
	font: 700 36px/42px var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-text-title);
	margin: 0 0 24px;
}
.avt-titulo span { color: var(--avt-primary); }
.avt-titulo--claro { color: var(--avt-text-contrast); }
.avt-secao { padding: 60px 0; }
.avt-secao--shade { background: var(--avt-bg-shade); }
.avt-secao--escura { background: var(--avt-slate); color: rgba(255, 255, 255, .8); }
.avt-secao__topo {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}
.avt-secao__topo .avt-titulo { margin-bottom: 0; }
.avt-link-mais {
	font: 700 12px/1 var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-primary-dark);
	text-decoration: none;
	letter-spacing: .02em;
}
.avt-link-mais:hover { color: var(--avt-primary-hover); text-decoration: underline; }

/* =====================================================================
   3. Botões (demo: Montserrat 14/700 uppercase, 16px 25px 15px, raio 3px)
   ===================================================================== */
.avt-btn,
.botao-whatsapp {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font: 700 14px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 16px 25px 15px;
	border-radius: var(--avt-radius);
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
	box-sizing: border-box;
}
.avt-btn--primario { background: var(--avt-primary); color: var(--avt-text-contrast) !important; }
.avt-btn--primario:hover { background: var(--avt-primary-hover); }
.avt-btn--secundario { background: var(--avt-secondary); color: var(--avt-text-contrast) !important; }
.avt-btn--secundario:hover { background: var(--avt-secondary-dark); }
.avt-btn--contorno { background: transparent; border-color: var(--avt-border); color: var(--avt-text) !important; }
.avt-btn--contorno:hover { border-color: var(--avt-text); }
.avt-btn--contorno-claro { background: transparent; border-color: rgba(255, 255, 255, .5); color: var(--avt-text-contrast) !important; }
.avt-btn--contorno-claro:hover { background: rgba(255, 255, 255, .12); }
.avt-btn--pequeno { padding: 11px 16px 10px; font-size: 12px; }
.botao-whatsapp { background: var(--avt-whatsapp); color: #fff !important; }
.botao-whatsapp:hover { background: var(--avt-whatsapp-dark); }
.botao-whatsapp::before {
	content: "";
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M17.5 14.4c-.3-.1-1.8-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.2-.3-.3-.6-.4zM12 2C6.5 2 2 6.5 2 12c0 1.8.5 3.5 1.3 5L2 22l5.2-1.4c1.4.8 3.1 1.2 4.8 1.2 5.5 0 10-4.5 10-10S17.5 2 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3.1.8.8-3-.2-.3C4 15.1 3.6 13.6 3.6 12c0-4.6 3.8-8.4 8.4-8.4s8.4 3.8 8.4 8.4-3.8 8.2-8.4 8.2z'/></svg>") center/contain no-repeat;
	flex: none;
}

/* =====================================================================
   4. Header: barra de topo escura (identidade do cliente: logo branca em
      fundo preto, como no site atual e na fachada) + nav grafite
   ===================================================================== */
.avt-topo {
	background: #141618;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.avt-topo__linha {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 78px;
	padding: 10px 16px;
}
.avt-logo { display: flex; align-items: center; text-decoration: none; }
.avt-logo img { max-height: 58px; width: auto; display: block; }
.avt-logo__texto {
	font: 800 24px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: -.02em;
	color: #fff;
}
.avt-logo__texto span { color: var(--avt-primary); }
.avt-contatos {
	display: flex;
	align-items: center;
	gap: 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.avt-contatos li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255, 255, 255, .6);
}
.avt-contatos .dashicons {
	width: 34px;
	height: 34px;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
	border-radius: 50%;
	background: var(--avt-primary);
	color: #fff;
	flex: none;
}
.avt-contatos b {
	display: block;
	font: 700 14px/18px var(--avt-font-heading);
	color: #fff;
}
.avt-contatos small {
	display: block;
	font: 700 10px/12px var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--avt-primary);
}
.avt-contatos a { color: inherit; text-decoration: none; }
.avt-contatos a:hover b { color: var(--avt-primary); }
.avt-contatos a.avt-contatos__mapa {
	font: 700 10px/12px var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-secondary);
}
.avt-rodape__logo img { max-height: 64px; margin-bottom: 14px; }

.avt-nav {
	background: var(--avt-graphite);
	position: sticky;
	top: 0;
	z-index: 200;
	transition: box-shadow .25s ease;
}
.avt-nav.rolou { box-shadow: 0 2px 12px rgba(0, 0, 0, .35); }
/* O Storefront põe overflow-x:hidden em #page.site — isso faz o #page virar o
   "scrollport" dos filhos e mata todo position:sticky lá dentro (nav, filtro,
   abas do produto). O body já tem overflow-x:hidden (propaga pro viewport),
   então o #page pode voltar a visible sem ganhar rolagem horizontal. */
#page.site { overflow: visible; }
/* logado, a barra do WP ocupa o topo */
.admin-bar .avt-nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .avt-nav { top: 46px; } }
.avt-nav__linha {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: var(--avt-nav-altura);
}
.avt-nav ul.avt-menu {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	/* navigation.js do Storefront acha o 1º <ul> dentro de #site-navigation,
	   põe class="nav-menu" + aria-expanded, e o CSS dele faz
	   .nav-menu { max-height:0; overflow:hidden } (menu mobile recolhido).
	   Sem isto o menu nasce invisível no desktop. */
	max-height: none !important;
	overflow: visible !important;
	transition: none !important;
}
.avt-nav ul.avt-menu li { position: relative; margin: 0; }
.avt-nav ul.avt-menu > li > a {
	display: block;
	padding: 0 18px;
	line-height: var(--avt-nav-altura);
	font: 700 12px/var(--avt-nav-altura) var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-text-contrast);
	text-decoration: none;
	transition: background .15s ease;
}
.avt-nav ul.avt-menu > li > a:hover,
.avt-nav ul.avt-menu > li.current-menu-item > a,
.avt-nav ul.avt-menu > li.current_page_item > a {
	background: var(--avt-primary);
}
/* submenu (se o cliente aninhar itens no menu) */
.avt-nav ul.avt-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	background: var(--avt-bg);
	box-shadow: var(--avt-shadow-elevated);
	border-radius: 0 0 var(--avt-radius) var(--avt-radius);
	z-index: 10;
}
.avt-nav ul.avt-menu li:hover > ul.sub-menu { display: block; }
.avt-nav ul.avt-menu ul.sub-menu a {
	display: block;
	padding: 9px 18px;
	font: 700 12px/18px var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-text-title);
	text-decoration: none;
}
.avt-nav ul.avt-menu ul.sub-menu a:hover { color: var(--avt-primary); background: var(--avt-bg-shade); }
.avt-nav__acoes { display: flex; align-items: center; gap: 8px; }
.avt-nav__acoes .avt-btn { padding-top: 10px; padding-bottom: 9px; font-size: 12px; }
button.avt-nav__toggle {
	display: none;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	width: 44px;
	height: var(--avt-nav-altura);
	color: #fff;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}
.avt-nav__toggle .dashicons { font-size: 26px; width: 26px; height: 26px; }

/* =====================================================================
   5. Hero (slider: crossfade + Ken Burns, refeito sem Revolution Slider)
   ===================================================================== */
.hero-catalogo,
.hero-slider {
	position: relative;
	min-height: 520px;
	background: var(--avt-slate);
	color: var(--avt-text-contrast);
	overflow: hidden;
}
.hero-catalogo {
	display: flex;
	align-items: center;
	background: linear-gradient(135deg, var(--avt-slate), var(--avt-petrol));
}
.hero-slider__slides { position: absolute; inset: 0; }
.hero-slide {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, var(--avt-slate), var(--avt-petrol)); /* slide sem foto */
	background-size: cover;
	background-position: center;
	opacity: 0;
	z-index: 0;
	transition: opacity 1s ease;
	display: flex;
	align-items: center;
}
.hero-slide--ativo { opacity: 1; z-index: 1; animation: heroKenBurns 7s ease-out both; }
@keyframes heroKenBurns { from { transform: scale(1); } to { transform: scale(1.07); } }
.hero-slide__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(35, 38, 40, .85) 0%, rgba(35, 38, 40, .45) 55%, rgba(35, 38, 40, .15) 100%);
}
.hero-slide__conteudo,
.hero-catalogo__conteudo {
	position: relative;
	z-index: 1;
	max-width: 560px;
	padding-top: 64px;
	padding-bottom: 64px;
}
.hero-slider .avt-container,
.hero-catalogo .avt-container { position: relative; z-index: 1; }
.hero-eyebrow {
	display: inline-block;
	font: 700 12px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--avt-primary);
	background: rgba(255, 255, 255, .95);
	padding: 8px 12px;
	border-radius: var(--avt-radius);
	margin-bottom: 18px;
}
.hero-slide__conteudo h1,
.hero-catalogo__conteudo h1 {
	font: 700 50px/1.1 var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-text-contrast);
	margin: 0 0 14px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}
.hero-slide__conteudo p,
.hero-catalogo__conteudo p {
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, .9);
	margin: 0 0 26px;
}
.hero-slide__acoes { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-slider__seta {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 44px;
	height: 44px;
	padding: 0;   /* Storefront dá padding grande em button — sem zerar vira elipse */
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .15);
	border: 0;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	transition: background .2s ease;
}
.hero-slider__seta:hover { background: var(--avt-primary); }
.hero-slider__seta--prev { left: 16px; }
.hero-slider__seta--next { right: 16px; }
.hero-slider__pontos {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	gap: 8px;
}
.hero-slider__ponto {
	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .4);
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}
.hero-slider__ponto--ativo,
.hero-slider__ponto:hover { background: var(--avt-primary); transform: scale(1.2); }

/* =====================================================================
   6. Vitrine: abas por categoria + grade + busca (demo: New/Used/Search)
   ===================================================================== */
.avt-vitrine__cabecalho {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 18px;
}
.avt-vitrine__cabecalho .avt-titulo { margin: 0; }
.avt-disponiveis {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	text-transform: uppercase;
	color: var(--avt-text-muted);
	font-family: var(--avt-font-heading);
}
.avt-disponiveis .dashicons { color: var(--avt-primary); font-size: 22px; width: 22px; height: 22px; }
.avt-disponiveis b { color: var(--avt-secondary-dark); font-weight: 700; }
.avt-abas {
	display: flex;
	flex-wrap: wrap;
	gap: 0 28px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid var(--avt-border-card);
}
.avt-abas li { margin: 0; }
button.avt-aba {
	background: transparent;
	border: 0;
	border-bottom: 2px solid transparent;
	margin: 0 0 -1px;
	padding: 0 0 12px;
	font: 700 12px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .02em;
	color: var(--avt-text);
	cursor: pointer;
	border-radius: 0;
	transition: color .15s ease, border-color .15s ease;
}
button.avt-aba:hover { color: var(--avt-primary); }
button.avt-aba[aria-selected="true"] { color: var(--avt-primary); border-bottom-color: var(--avt-primary); }
.avt-painel[hidden] { display: none; }
.avt-painel__rodape { text-align: center; margin-top: 8px; }

/* Busca (aba "Buscar") — inputs do demo: fundo #f6f7f9, borda #cad0d9, raio 3px */
.avt-busca {
	background: var(--avt-bg-shade);
	border: 1px solid var(--avt-border-card);
	border-radius: var(--avt-radius);
	padding: 28px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	align-items: end;
}
.avt-busca label {
	display: block;
	font: 700 11px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--avt-text-muted);
	margin-bottom: 8px;
}
.avt-busca select,
.avt-busca input[type="number"],
.avt-busca input[type="search"],
.avt-busca input[type="text"] {
	width: 100%;
	height: 46px;
	padding: 0 14px;
	background: var(--avt-bg-input);
	border: 1px solid var(--avt-border-filter);
	border-radius: var(--avt-radius);
	font: 400 14px/1 var(--avt-font-body);
	color: var(--avt-text);
	box-sizing: border-box;
	box-shadow: none;
}
.avt-busca select:focus,
.avt-busca input:focus { outline: 0; border-color: var(--avt-secondary); box-shadow: 0 0 0 3px rgba(108, 152, 224, .2); }
.avt-busca .avt-btn { width: 100%; height: 46px; padding-top: 0; padding-bottom: 0; }
.avt-busca__ajuda {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 4px;
	font-size: 13px;
	color: var(--avt-text-muted);
}
.avt-busca__ajuda b { font: 700 18px/1 var(--avt-font-heading); color: var(--avt-text-title); }
.avt-busca__ajuda .dashicons { color: var(--avt-primary); font-size: 26px; width: 26px; height: 26px; }

/* =====================================================================
   7. Card de produto (woocommerce/content-product.php)
   ===================================================================== */
ul.products,
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin: 0 0 8px !important;
	padding: 0;
	list-style: none;
}
/* WooCommerce (woocommerce-layout.css) e Storefront põem um clearfix
   (::before/::after com display:table) no ul.products. Num container grid
   esses pseudo-elementos viram ITENS da grade: o ::before ocupa a 1ª célula
   (card 1 vai pra 2ª coluna) e o ::after cria uma linha fantasma no fim. */
ul.products::before,
ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after { content: none !important; display: none !important; }
ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
ul.products li.product,
.woocommerce ul.products li.product {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0;
	clear: none !important;
	text-align: left;
}
.avt-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--avt-bg-card);
	border: 1px solid var(--avt-border-card);
	border-radius: var(--avt-radius);
	box-shadow: var(--avt-shadow-card);
	overflow: hidden;
	transition: box-shadow .25s ease, transform .25s ease, background .25s ease;
}
.avt-card:hover { box-shadow: var(--avt-shadow-elevated); transform: translateY(-3px); background: var(--avt-bg-card-hover); }
.avt-card__imagem {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--avt-bg-shade);
}
.avt-card__imagem img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	margin: 0 !important;
	transition: transform .45s ease;
}
.avt-card:hover .avt-card__imagem img { transform: scale(1.06); }
/* fita diagonal — "Special" do demo */
.avt-fita {
	position: absolute;
	top: 16px;
	left: -38px;
	z-index: 2;
	width: 150px;
	transform: rotate(-45deg);
	text-align: center;
	font: 700 10px/26px var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .08em;
	color: #fff;
	background: var(--avt-secondary);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}
.avt-fita--oferta { background: var(--avt-badge-special); }
.avt-fita--vendido { background: var(--avt-badge-sold); }
.avt-card__fotos {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	border-radius: var(--avt-radius);
	background: rgba(35, 38, 40, .75);
	color: #fff;
	font: 700 10px/14px var(--avt-font-heading);
	text-transform: uppercase;
}
.avt-card__fotos .dashicons { font-size: 14px; width: 14px; height: 14px; }
.avt-card__corpo { padding: 14px 16px 6px; flex: 1; }
.avt-card__titulo,
ul.products li.product .avt-card__titulo,
ul.products li.product .woocommerce-loop-product__title {
	margin: 0 0 6px;
	padding: 0;
	font: 700 14px/19px var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-text-title);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color .2s ease;
}
.avt-card__titulo a { color: inherit; text-decoration: none; }
.avt-card:hover .avt-card__titulo { color: var(--avt-primary); }
.avt-card__categoria {
	font-size: 12px;
	color: var(--avt-text-muted);
	margin: 0 0 8px;
}
.avt-card__categoria a { color: inherit; text-decoration: none; }
.avt-card .ficha-tecnica {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	list-style: none;
	margin: 0 0 8px;
	padding: 10px 0 0;
	border-top: 1px solid var(--avt-border-card);
}
.ficha-tecnica li {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	line-height: 16px;
	color: var(--avt-text-muted);
	margin: 0;
}
.ficha-tecnica .dashicons { font-size: 15px; width: 15px; height: 15px; color: var(--avt-secondary); }
.avt-card .price,
ul.products li.product .avt-card .price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 8px;
	font: 700 18px/1 var(--avt-font-heading);
	color: var(--avt-primary);
}
.avt-card .price del { color: var(--avt-text-faint); font-size: 13px; font-weight: 400; opacity: 1; }
.avt-card .price del .amount { color: inherit; }
.avt-card .price ins { text-decoration: none; font-weight: 700; color: var(--avt-primary); }
.avt-card .price .amount { color: inherit; font-weight: inherit; }
.avt-card__rodape {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 6px 16px 16px;
}
.avt-card__rodape .botao-whatsapp,
.avt-card__rodape .button,
.avt-card__rodape .avt-btn {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 11px;
	font-size: 12px;
	margin: 0;
}
.avt-card__rodape .added_to_cart { display: none; }

/* Contorno de foco: o Storefront desenha um anel em volta de link/botão/logo
   ao clicar. Some no clique do mouse e fica só na navegação por teclado
   (:focus-visible), que é o que importa pra acessibilidade. */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.avt-aba:focus:not(:focus-visible),
.custom-logo-link:focus:not(:focus-visible),
.main-navigation a:focus:not(:focus-visible),
[role="tab"]:focus:not(:focus-visible) { outline: 0 !important; box-shadow: none !important; }
a:focus-visible,
button:focus-visible,
[role="tab"]:focus-visible { outline: 2px solid var(--avt-secondary); outline-offset: 3px; }

/* =====================================================================
   8. CTAs duplos (demo: "Are you looking for a car?" / "Do you want to sell?")
   ===================================================================== */
.avt-ctas {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.avt-cta {
	position: relative;
	padding: 36px 36px 36px 100px;
	background: var(--avt-bg);
	border: 1px solid var(--avt-border-card);
	border-radius: var(--avt-radius);
	box-shadow: var(--avt-shadow-card);
}
.avt-cta .dashicons {
	position: absolute;
	left: 32px;
	top: 38px;
	width: 48px;
	height: 48px;
	font-size: 30px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	background: rgba(108, 152, 224, .12);
	color: var(--avt-secondary-dark);
}
.avt-cta h3 { font-size: 20px; line-height: 26px; margin: 0 0 8px; }
.avt-cta p { color: var(--avt-text-muted); margin: 0 0 18px; font-size: 14px; }

/* =====================================================================
   9. "Por que a Adventuri" (demo: Why choose us — 4 ícones)
   ===================================================================== */
.avt-porque {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.avt-porque__item { text-align: center; padding: 0 8px; }
.avt-porque__item .dashicons {
	width: 72px;
	height: 72px;
	font-size: 34px;
	line-height: 72px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	border: 2px solid rgba(255, 255, 255, .18);
	color: var(--avt-primary);
	margin-bottom: 16px;
}
.avt-porque__item h3 {
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	color: var(--avt-text-contrast);
	margin: 0 0 8px;
}
.avt-porque__item p { margin: 0; font-size: 13px; line-height: 20px; color: rgba(255, 255, 255, .7); }

/* =====================================================================
   10. Sobre + categorias (demo: "Car dealership" + galeria)
   ===================================================================== */
.avt-sobre { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.avt-sobre p { font-size: 16px; line-height: 26px; color: var(--avt-text-muted); }
.avt-sobre p:last-of-type { margin-bottom: 24px; }
.avt-categorias { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.avt-categoria {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--avt-radius);
	background: var(--avt-slate);
	text-decoration: none;
}
.avt-categoria img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; opacity: .9; }
.avt-categoria:hover img { transform: scale(1.06); }
.avt-categoria span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 28px 16px 14px;
	background: linear-gradient(transparent, rgba(35, 38, 40, .85));
	font: 700 14px/18px var(--avt-font-heading);
	text-transform: uppercase;
	color: #fff;
}
.avt-categoria span small { display: block; font: 400 11px/14px var(--avt-font-body); opacity: .8; text-transform: none; }

/* =====================================================================
   11. Footer (demo: 4 colunas + barra de copyright)
   ===================================================================== */
.avt-rodape {
	background: var(--avt-slate);
	color: rgba(255, 255, 255, .7);
	font-size: 13px;
	line-height: 22px;
}
.avt-rodape__colunas {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr 1fr;
	gap: 32px;
	padding: 56px 16px 40px;
}
.avt-rodape h4 {
	font: 700 14px/18px var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-text-contrast);
	margin: 0 0 16px;
	padding-bottom: 12px;
	position: relative;
}
.avt-rodape h4::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 2px;
	background: var(--avt-primary);
}
.avt-rodape p { margin: 0 0 10px; }
.avt-rodape ul { list-style: none; margin: 0; padding: 0; }
.avt-rodape li { margin: 0 0 6px; }
.avt-rodape a { color: rgba(255, 255, 255, .85); text-decoration: none; }
.avt-rodape a:hover { color: var(--avt-primary); }
.avt-rodape .avt-logo__texto { color: #fff; margin-bottom: 14px; display: inline-block; }
.avt-rodape__horario li { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px dashed var(--avt-border-contrast); padding-bottom: 6px; }
.avt-rodape__horario li b { color: #fff; font-weight: 600; }
.avt-sociais { display: flex; gap: 8px; margin-top: 14px; }
.avt-sociais a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	transition: background .15s ease;
}
.avt-sociais a:hover { background: var(--avt-primary); color: #fff; }
.avt-sociais .dashicons { font-size: 18px; width: 18px; height: 18px; }
.avt-rodape__base {
	border-top: 1px solid var(--avt-border-contrast);
	background: var(--avt-graphite);
}
.avt-rodape__base .avt-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 12px;
	color: rgba(255, 255, 255, .6);
}
.avt-rodape__base a { color: rgba(255, 255, 255, .85); }

/* botão flutuante do WhatsApp */
.avt-whats-flutuante {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 300;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--avt-whatsapp);
	box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .2s ease;
}
.avt-whats-flutuante:hover { transform: scale(1.08); }
.avt-whats-flutuante::before {
	content: "";
	width: 30px;
	height: 30px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M17.5 14.4c-.3-.1-1.8-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.2-.3-.3-.6-.4zM12 2C6.5 2 2 6.5 2 12c0 1.8.5 3.5 1.3 5L2 22l5.2-1.4c1.4.8 3.1 1.2 4.8 1.2 5.5 0 10-4.5 10-10S17.5 2 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3.1.8.8-3-.2-.3C4 15.1 3.6 13.6 3.6 12c0-4.6 3.8-8.4 8.4-8.4s8.4 3.8 8.4 8.4-3.8 8.2-8.4 8.2z'/></svg>") center/contain no-repeat;
}

/* =====================================================================
   12. Entrada ao rolar (fadeInUp, como o Elementor do demo)
   ===================================================================== */
@keyframes fadeInUp {
	from { opacity: 0; transform: translate3d(0, 24px, 0); }
	to { opacity: 1; transform: none; }
}
.ac-revela { opacity: 0; }
.ac-revela.ac-revela--ativo { animation: fadeInUp .6s ease both; }
@media (prefers-reduced-motion: reduce) {
	.ac-revela { opacity: 1; animation: none !important; }
	.hero-slide--ativo { animation: none; }
}

/* =====================================================================
   13. Overrides Storefront / WooCommerce (páginas internas: loja,
       categoria, produto) — mantém o resto do site no mesmo visual
   ===================================================================== */
#content.site-content { padding-top: 0; }
#content .col-full { max-width: var(--avt-container); padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
.avt-pagina-interna #content { padding-top: 32px; }

/* botões globais do Storefront → laranja (o Customizer do Storefront injeta
   cinza via inline style no storefront-style; este arquivo carrega depois) */
.button, a.button, button.button, input[type="submit"], input[type="button"],
.added_to_cart, .widget a.button, .wc-block-components-button,
.single_add_to_cart_button.button.alt, .button.alt {
	font-family: var(--avt-font-heading);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	background-color: var(--avt-primary);
	border-color: var(--avt-primary);
	color: #fff;
	border-radius: var(--avt-radius);
	transition: background-color .15s ease;
}
.button:hover, a.button:hover, button.button:hover, input[type="submit"]:hover,
.single_add_to_cart_button.button.alt:hover, .button.alt:hover {
	background-color: var(--avt-primary-hover);
	border-color: var(--avt-primary-hover);
	color: #fff;
}
.single-product .botao-whatsapp--produto { margin: 12px 0 20px; }

/* breadcrumb do Storefront (sai antes do #content) alinhado ao container */
.storefront-breadcrumb { padding: 14px 0 0; margin: 0; }
.storefront-breadcrumb .col-full { max-width: var(--avt-container); margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.woocommerce-breadcrumb { font: 400 12px/18px var(--avt-font-body); color: var(--avt-text-muted); margin: 0; }
.woocommerce-breadcrumb a { color: var(--avt-secondary-dark); text-decoration: none; }
.woocommerce-breadcrumb a:hover { color: var(--avt-primary); }

/* títulos de arquivo/produto */
.woocommerce-products-header .page-title,
.entry-title {
	font-family: var(--avt-font-heading);
	text-transform: uppercase;
	font-weight: 700;
}
.woocommerce-products-header .page-title { font-size: 28px; }
.storefront-breadcrumb { font-size: 12px; color: var(--avt-text-muted); }
.woocommerce-breadcrumb a { color: var(--avt-secondary-dark); }
.product_meta, .woocommerce-tabs ul.tabs li a { font-family: var(--avt-font-heading); font-size: 12px; text-transform: uppercase; }
.single-product div.product p.price,
.single-product div.product span.price {
	font: 700 28px/1 var(--avt-font-heading);
	color: var(--avt-primary);
}
.single-product div.product p.price del { font-size: 16px; color: var(--avt-text-faint); font-weight: 400; }
.single-product div.product p.price ins { text-decoration: none; color: var(--avt-primary); }
.single-product .ficha-tecnica { margin: 12px 0 16px; padding: 12px 0; border-top: 1px solid var(--avt-border-card); border-bottom: 1px solid var(--avt-border-card); display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; }
.single-product .ficha-tecnica li { font-size: 13px; }
.single-product .ficha-tecnica .dashicons { font-size: 16px; width: 16px; height: 16px; }
.single-product .onsale, .woocommerce span.onsale {
	background: var(--avt-badge-special);
	color: #fff;
	font: 700 11px/1 var(--avt-font-heading);
	text-transform: uppercase;
	border-radius: var(--avt-radius);
	padding: 6px 10px;
	min-height: 0;
	min-width: 0;
	line-height: 1;
}
/* o card já tem a fita de oferta — esconde o "Sale!" do WooCommerce na grade */
ul.products li.product .onsale { display: none; }
/* ordenação/contagem de resultados */
.woocommerce-result-count { font-size: 12px; text-transform: uppercase; font-family: var(--avt-font-heading); color: var(--avt-text-muted); }
.woocommerce-ordering select { background: var(--avt-bg-input); border: 1px solid var(--avt-border-filter); border-radius: var(--avt-radius); padding: 8px 12px; font-size: 13px; }
/* widgets da sidebar */
.widget-area .widget { font-size: 13px; }
.widget-area .widget .widget-title { font: 700 13px/18px var(--avt-font-heading); text-transform: uppercase; color: var(--avt-text-title); border-bottom: 2px solid var(--avt-primary); padding-bottom: 8px; }
.widget-area .widget a { color: var(--avt-text); }
.widget-area .widget a:hover { color: var(--avt-primary); }
/* paginação */
.woocommerce-pagination .page-numbers li .page-numbers { font-family: var(--avt-font-heading); font-weight: 700; }
.woocommerce-pagination .page-numbers li .page-numbers.current { background: var(--avt-primary); color: #fff; }

/* =====================================================================
   15. Inventário (loja / categoria) — layout do demo /inventory/:
       sidebar 285px + lista 851px, card horizontal "modern skin",
       barra de ordenação, chips de filtro ativo, paginação 34x35
   ===================================================================== */
.avt-inventario__cabecalho { padding: 8px 0 20px; }
.avt-eyebrow {
	display: inline-block;
	font: 700 11px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--avt-primary);
	margin-bottom: 8px;
}
.avt-inventario__cabecalho .avt-titulo { margin-bottom: 4px; font-size: 30px; line-height: 36px; }
.avt-inventario__cabecalho .term-description,
.avt-inventario__cabecalho .page-description { color: var(--avt-text-muted); max-width: 720px; }
.avt-inventario__cabecalho .term-description p:last-child { margin-bottom: 0; }

.avt-inventario {
	display: grid;
	grid-template-columns: 285px minmax(0, 1fr);
	gap: 30px;
	align-items: start;
	padding-bottom: 60px;
}

/* --- Sidebar de filtros (demo: "Search Options") --- */
.avt-filtro {
	background: var(--avt-bg-shade);
	border-radius: 8px;
	overflow: hidden;
	position: sticky;
	top: calc(var(--avt-nav-altura) + 16px);
}
.avt-filtro__cabecalho {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 20px;
	background: var(--avt-slate);
	color: var(--avt-text-contrast);
	font: 700 15px/1 var(--avt-font-heading);
}
.avt-filtro__cabecalho .dashicons { font-size: 26px; width: 26px; height: 26px; color: var(--avt-primary); }
button.avt-filtro__toggle {
	display: none;
	margin-left: auto;
	background: transparent;
	border: 0;
	padding: 0;
	color: #fff;
	cursor: pointer;
}
.avt-filtro__toggle .dashicons { color: #fff; font-size: 22px; width: 22px; height: 22px; }
.avt-filtro__corpo { padding: 20px; display: grid; gap: 10px; }
.avt-filtro__rotulo {
	font: 700 11px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--avt-text-muted);
	margin: 8px 0 -4px;
}
.avt-filtro__corpo > .avt-filtro__rotulo:first-child { margin-top: 0; }
.avt-filtro select,
.avt-filtro input[type="search"],
.avt-filtro input[type="text"],
.avt-filtro input[type="number"] {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	background: var(--avt-bg);
	border: 1px solid var(--avt-border-filter);
	border-radius: var(--avt-radius);
	font: 400 14px/1 var(--avt-font-body);
	color: var(--avt-text);
	box-sizing: border-box;
	box-shadow: none;
}
.avt-filtro select:focus,
.avt-filtro input:focus { outline: 0; border-color: var(--avt-secondary); box-shadow: 0 0 0 3px rgba(108, 152, 224, .2); }
.avt-filtro__preco { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.avt-filtro__check {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--avt-text);
	margin: 4px 0 0;
	cursor: pointer;
}
.avt-filtro__check input { width: 16px; height: 16px; margin: 0; accent-color: var(--avt-primary); }
.avt-filtro__acoes { display: grid; gap: 8px; margin-top: 8px; }
.avt-filtro__acoes .avt-btn { width: 100%; padding-top: 12px; padding-bottom: 11px; font-size: 13px; }

/* grupos-acordeão (demo: "Exterior color" etc.) */
.avt-filtro__grupo { border-top: 1px solid var(--avt-border-card); }
.avt-filtro__grupo-titulo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 15px 20px 15px 25px;
	margin: 0;
	background: var(--avt-bg-shade);
	border: 0;
	border-top: 4px solid var(--avt-secondary);
	font: 700 13px/18px var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-text-title);
	text-align: left;
	cursor: pointer;
}
.avt-filtro__grupo-titulo::after {
	content: "";
	width: 14px;
	height: 3px;
	background: var(--avt-border-filter);
	border-radius: 2px;
	transition: transform .2s ease;
}
.avt-filtro__grupo--fechado .avt-filtro__grupo-titulo::after { transform: rotate(90deg); }
.avt-filtro__grupo--fechado .avt-filtro__lista { display: none; }
.avt-filtro__lista { list-style: none; margin: 0; padding: 5px 20px 17px 25px; }
.avt-filtro__lista li { margin: 0 0 8px; font-size: 13px; line-height: 18px; }
.avt-filtro__lista a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--avt-graphite);
	text-decoration: none;
}
.avt-filtro__lista a::before {
	content: "›";
	flex: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--avt-primary);
	color: #fff;
	font: 700 13px/15px var(--avt-font-heading);
	text-align: center;
}
.avt-filtro__lista a:hover { color: var(--avt-primary); }
.avt-filtro__lista a span { color: #888; margin-left: auto; font-size: 12px; }
.avt-filtro__lista li.ativo a { color: var(--avt-primary); font-weight: 700; }

/* --- Barra de ordenação + contagem + chips --- */
.avt-ordenacao {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.avt-ordenacao__esq { display: flex; align-items: center; gap: 10px; }
.avt-ordenacao__rotulo {
	font: 700 11px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #888;
}
.avt-ordenacao .woocommerce-ordering { margin: 0; float: none; }
.avt-ordenacao .woocommerce-ordering select {
	height: 32px;
	padding: 0 32px 0 12px;
	background: var(--avt-bg-shade);
	border: 1px solid var(--avt-border-card);
	border-radius: var(--avt-radius);
	font: 400 13px/1 var(--avt-font-body);
	color: var(--avt-text);
}
.avt-vistas { display: flex; gap: 4px; }
button.avt-vistas__btn {
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: var(--avt-radius);
	background: transparent;
	color: #9aa3ad;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.avt-vistas__btn .dashicons { font-size: 20px; width: 20px; height: 20px; }
.avt-vistas__btn:hover { color: var(--avt-text); }
.avt-vistas__btn[aria-pressed="true"] { color: var(--avt-primary); background: rgba(204, 97, 25, .1); }
.avt-resultados {
	margin: 0 0 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--avt-border-card);
	font: 600 18px/22px var(--avt-font-heading);
	color: var(--avt-secondary-dark);
}
.avt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.avt-chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	background: var(--avt-bg-shade);
	border-radius: var(--avt-radius);
	font-size: 13px;
	line-height: 16px;
	color: var(--avt-text);
}
.avt-chip small { display: block; font-size: 11px; color: var(--avt-text-muted); }
.avt-chip a {
	color: var(--avt-text-muted);
	text-decoration: none;
	font-size: 16px;
	line-height: 1;
}
.avt-chip a:hover { color: var(--avt-badge-sold); }

/* --- Vista grade dentro do inventário (3 colunas por causa da sidebar) --- */
.avt-inventario__lista ul.products,
.avt-inventario__lista .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* --- Vista lista: card horizontal (demo "modern skin") --- */
.avt-inventario__lista[data-vista="lista"] ul.products { grid-template-columns: 1fr; gap: 16px; }
[data-vista="lista"] .avt-card {
	display: grid;
	grid-template-columns: 380px minmax(0, 1fr);
	grid-template-rows: 1fr auto;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
}
[data-vista="lista"] .avt-card:hover { transform: none; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background: var(--avt-bg-card); }
[data-vista="lista"] .avt-card__imagem {
	grid-row: 1 / 3;
	aspect-ratio: auto;
	min-height: 240px;
	height: 100%;
}
[data-vista="lista"] .avt-fita {
	top: 12px;
	left: 12px;
	width: auto;
	transform: none;
	padding: 0 10px;
	border-radius: 4px;
	font-size: 10px;
	line-height: 24px;
	letter-spacing: .06em;
}
[data-vista="lista"] .avt-card__fotos { left: 16px; right: auto; bottom: 16px; background: rgba(82, 82, 92, .6); border-radius: 4px; }
[data-vista="lista"] .avt-card__corpo {
	display: flex;
	flex-direction: column;
	padding: 16px 20px 0;
}
[data-vista="lista"] .avt-card__titulo,
[data-vista="lista"] ul.products li.product .avt-card__titulo {
	font: 600 18px/22px var(--avt-font-heading);
	text-transform: none;
	margin-bottom: 4px;
}
[data-vista="lista"] .avt-card__categoria { margin-bottom: 8px; }
[data-vista="lista"] .avt-card .price,
[data-vista="lista"] ul.products li.product .avt-card .price { font-size: 20px; margin: 0 0 12px; }
[data-vista="lista"] .avt-card .price del { font-size: 16px; font-weight: 300; }
[data-vista="lista"] .avt-card .ficha-tecnica {
	margin: auto 0 0;
	padding: 14px 0 0;
	border-top: 1px solid var(--avt-border-card);
	border-bottom: 0;
	gap: 4px;
}
[data-vista="lista"] .ficha-tecnica li {
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	font-size: 13px;
	color: var(--avt-text-muted);
}
[data-vista="lista"] .ficha-tecnica .dashicons { font-size: 18px; width: 18px; height: 18px; color: var(--avt-text-muted); }
[data-vista="lista"] .avt-card__rodape {
	flex-direction: row;
	gap: 8px;
	padding: 14px 20px 16px;
}
[data-vista="lista"] .avt-card__rodape .botao-whatsapp,
[data-vista="lista"] .avt-card__rodape .avt-btn,
[data-vista="lista"] .avt-card__rodape .button {
	flex: 1 1 0;
	width: auto;
	padding: 10px 12px;
	border: 0;
	border-radius: 8px;
	font: 500 14px/20px var(--avt-font-body);
	text-transform: none;
	transition: background .15s ease, color .15s ease;
}
[data-vista="lista"] .avt-card__rodape .avt-btn--contorno,
[data-vista="lista"] .avt-card__rodape .button {
	background: rgba(204, 97, 2, .12);
	color: var(--avt-primary-dark) !important;
}
[data-vista="lista"] .avt-card__rodape .avt-btn--contorno:hover,
[data-vista="lista"] .avt-card__rodape .button:hover { background: var(--avt-primary); color: #fff !important; }
[data-vista="lista"] .avt-card__rodape .botao-whatsapp {
	background: rgba(37, 211, 102, .15);
	color: #128c43 !important;
}
[data-vista="lista"] .avt-card__rodape .botao-whatsapp::before { filter: invert(36%) sepia(70%) saturate(600%) hue-rotate(100deg) brightness(90%); }
[data-vista="lista"] .avt-card__rodape .botao-whatsapp:hover { background: var(--avt-whatsapp); color: #fff !important; }
[data-vista="lista"] .avt-card__rodape .botao-whatsapp:hover::before { filter: none; }

/* --- Paginação (demo: caixas 34x35, raio 3) --- */
.avt-inventario .woocommerce-pagination { padding: 30px 0 0; text-align: center; }
.avt-inventario .woocommerce-pagination ul.page-numbers {
	display: inline-flex;
	gap: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
.avt-inventario .woocommerce-pagination ul.page-numbers li { margin: 0; border: 0; }
.avt-inventario .woocommerce-pagination .page-numbers li .page-numbers {
	display: block;
	min-width: 34px;
	height: 35px;
	padding: 0 8px;
	border-radius: var(--avt-radius);
	background: var(--avt-secondary);
	color: #fff;
	font: 700 13px/35px var(--avt-font-heading);
	text-decoration: none;
	transition: background .15s ease;
}
.avt-inventario .woocommerce-pagination .page-numbers li .page-numbers:hover { background: var(--avt-secondary-dark); }
.avt-inventario .woocommerce-pagination .page-numbers li .page-numbers.current { background: var(--avt-primary); }
.avt-inventario .woocommerce-pagination .page-numbers li .prev,
.avt-inventario .woocommerce-pagination .page-numbers li .next { min-width: 54px; font-size: 18px; }

/* nada encontrado */
.avt-inventario .woocommerce-info,
.avt-inventario .woocommerce-no-products-found .woocommerce-info {
	background: var(--avt-bg-shade);
	border-top-color: var(--avt-secondary);
	color: var(--avt-text);
}

/* =====================================================================
   14. Responsivo
   ===================================================================== */
@media (max-width: 1100px) {
	.avt-contatos { gap: 18px; }
	.avt-contatos li:nth-child(3) { display: none; }
	ul.products, .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.avt-porque { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
	.avt-rodape__colunas { grid-template-columns: 1fr 1fr; }
	.avt-busca { grid-template-columns: repeat(2, 1fr); }
	.avt-inventario { grid-template-columns: 250px minmax(0, 1fr); gap: 20px; }
	.avt-inventario__lista ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	[data-vista="lista"] .avt-card { grid-template-columns: 300px minmax(0, 1fr); }
	[data-vista="lista"] .ficha-tecnica li { font-size: 12px; }
}
@media (max-width: 860px) {
	.avt-contatos { display: none; }
	.avt-topo__linha { min-height: 64px; }
	.avt-nav ul.avt-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		flex-direction: column;
		align-items: stretch;
		background: var(--avt-graphite);
		border-top: 1px solid var(--avt-border-contrast);
		box-shadow: var(--avt-shadow-elevated);
	}
	.avt-nav--aberto ul.avt-menu { display: flex; }
	.avt-nav ul.avt-menu > li > a { line-height: 48px; border-bottom: 1px solid var(--avt-border-contrast); }
	.avt-nav ul.avt-menu ul.sub-menu { position: static; display: block; box-shadow: none; background: rgba(0, 0, 0, .2); border-radius: 0; }
	.avt-nav ul.avt-menu ul.sub-menu a { color: rgba(255, 255, 255, .85); padding-left: 32px; }
	button.avt-nav__toggle { display: flex; }
	.avt-nav__acoes .avt-btn { display: none; }
	.avt-nav__acoes .avt-nav__whats { display: inline-flex; }
	.hero-catalogo, .hero-slider { min-height: 440px; }
	.hero-slide__conteudo h1, .hero-catalogo__conteudo h1 { font-size: 34px; }
	.hero-slider__seta { display: none; }
	.avt-titulo { font-size: 26px; line-height: 32px; }
	.avt-secao { padding: 44px 0; }
	ul.products, .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
	.avt-ctas { grid-template-columns: 1fr; }
	.avt-sobre { grid-template-columns: 1fr; gap: 28px; }
	.avt-abas { gap: 0 18px; }

	/* inventário: sidebar vira painel recolhível em cima da lista */
	.avt-inventario { grid-template-columns: 1fr; gap: 20px; }
	.avt-filtro { position: static; }
	button.avt-filtro__toggle { display: flex; }
	.avt-filtro__corpo, .avt-filtro__grupo { display: none; }
	.avt-filtro--aberto .avt-filtro__corpo { display: grid; }
	.avt-filtro--aberto .avt-filtro__grupo { display: block; }
	.avt-inventario__lista ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	[data-vista="lista"] .avt-card { grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
	[data-vista="lista"] .avt-card__imagem { grid-row: auto; aspect-ratio: 4 / 3; min-height: 0; height: auto; }
	[data-vista="lista"] .ficha-tecnica li { flex: 1 1 30%; }
}
@media (max-width: 520px) {
	ul.products, .woocommerce ul.products { grid-template-columns: 1fr; }
	.avt-porque { grid-template-columns: 1fr; }
	.avt-rodape__colunas { grid-template-columns: 1fr; padding-top: 40px; }
	.avt-busca { grid-template-columns: 1fr; padding: 20px; }
	.avt-cta { padding: 28px 20px 28px 20px; }
	.avt-cta .dashicons { position: static; margin-bottom: 12px; }
	.avt-categorias { grid-template-columns: 1fr 1fr; }
	.hero-slide__conteudo h1, .hero-catalogo__conteudo h1 { font-size: 28px; }
	.avt-abas li { flex: 1 1 auto; }
	.avt-inventario__lista ul.products { grid-template-columns: 1fr; }
	.avt-vistas { display: none; }
	.avt-inventario__cabecalho .avt-titulo { font-size: 24px; line-height: 30px; }
}