/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme — estilo Vokee (streetwear escuro, títulos condensados, destaque laranja neon)
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ===== Base ===== */
:root {
	--vk-preto: #0a0a0a;
	--vk-grafite: #141414;
	--vk-cinza: #f2f2f2;
	--vk-acc: #ff5a1f;          /* destaque Vokee (laranja neon) */
	--vk-acc-brilho: rgba(255, 90, 31, .45);
	--vk-titulo: 'Anton', Impact, 'Arial Narrow', sans-serif;
	--vk-texto: 'Montserrat', Arial, sans-serif;
	--wd-primary-color: var(--vk-acc);
	--wd-text-font: var(--vk-texto);
	--wd-title-font: var(--vk-titulo);
	--wd-entities-title-font: var(--vk-texto);
	--wd-header-el-font: var(--vk-texto);
	--wd-brd-radius: 0px;
}
body { font-family: var(--vk-texto); color: #2a2a2a; }
h1, h2, h3, .title, .wd-page-title .title, .wd-el-title, .element-title, .wd-title-text, .title-text {
	font-family: var(--vk-titulo) !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: .5px;
}
.wd-page-title .title { font-size: clamp(36px, 5vw, 64px); }
.website-wrapper, .wd-page-content, .main-page-wrapper { background: #fff; }

/* ===== Faixa de avisos do topo ===== */
.vk-topo { background: var(--vk-preto); color: #fff; overflow: hidden; white-space: nowrap; font: 700 11.5px/34px var(--vk-texto); letter-spacing: 1.6px; text-transform: uppercase; border-bottom: 1px solid #1d1d1d; }
.vk-trilha { display: inline-flex; gap: 22px; padding-left: 22px; animation: vk-correr 60s linear infinite; }
.vk-trilha i { color: var(--vk-acc); font-style: normal; font-size: 8px; }
.vk-reverso { animation-direction: reverse; }
@keyframes vk-correr { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .vk-trilha { animation: none; } }

/* ===== Cabeçalho ===== */
.whb-header, .whb-main-header, .whb-general-header, .whb-header-bottom, .whb-sticked .whb-general-header { background-color: var(--vk-preto) !important; border-bottom: 0 !important; }
.whb-general-header { border-bottom: 1px solid #1d1d1d !important; }
.whb-main-header .wd-nav-main > li > a, .whb-main-header .wd-header-text, .whb-main-header .wd-tools-element > a, .whb-main-header .wd-tools-text,
.whb-main-header .wd-header-my-account a, .whb-main-header a { color: #fff !important; }
.whb-main-header .wd-nav-main > li > a { font: 700 13px var(--vk-texto) !important; letter-spacing: 1px; text-transform: uppercase; }
.whb-main-header .wd-nav-main > li > a:hover, .whb-main-header .wd-nav-main > li.current-menu-item > a { color: var(--vk-acc) !important; }
.whb-main-header .wd-nav-main > li:not(:last-child) > a:after, .whb-main-header .wd-nav.wd-style-separated > li:not(:last-child):after { opacity: .2; }
.whb-main-header .wd-tools-icon:before, .whb-main-header .wd-icon:before, .whb-main-header [class*="wd-icon"] { color: #fff !important; }
.whb-main-header .wd-cart-number, .whb-main-header .wd-tools-count { background: var(--vk-acc) !important; color: #0a0a0a !important; }
.whb-main-header .searchform input[type="text"], .whb-main-header .wd-search-form input { background: #1a1a1a !important; border-color: #2a2a2a !important; color: #fff !important; border-radius: 40px !important; }
.whb-main-header .wd-header-mobile-nav .wd-tools-icon:before, .whb-main-header .wd-burger-icon:before { color: #fff !important; }
.whb-header-bottom, .whb-row.whb-header-bottom { background: #111 !important; }

/* ===== Botões ===== */
.btn, .button, button.button, .wd-add-btn > a, .single_add_to_cart_button, .checkout-button, a.added_to_cart, .wd-btn, input[type="submit"], .elementor-button {
	border-radius: 40px !important; font-family: var(--vk-texto) !important; font-weight: 800 !important; letter-spacing: 1px; text-transform: uppercase;
}
.single_add_to_cart_button, .checkout-button, #place_order, .wd-add-btn-replace .add-to-cart-loop, .btn-color-primary, .elementor-button {
	background: var(--vk-acc) !important; color: #0a0a0a !important; box-shadow: 0 0 22px var(--vk-acc-brilho);
}
.single_add_to_cart_button:hover, .checkout-button:hover, #place_order:hover, .elementor-button:hover { filter: brightness(1.08); box-shadow: 0 0 32px var(--vk-acc-brilho); }

/* ===== Cartões de produto ===== */
.wd-product .wd-product-thumb, .product-grid-item .product-element-top { background: var(--vk-cinza); border-radius: 0 !important; }
.wd-product .wd-entities-title, .product-grid-item .wd-entities-title { font: 700 14px/1.35 var(--vk-texto) !important; text-transform: none; color: #0a0a0a; }
.wd-product .wd-product-cats, .wd-product .wd-product-cats a { font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; color: #8a8a8a; }
.wd-product .price { font: 700 15px var(--vk-texto); color: #0a0a0a; }
.wd-product .price del { color: #9a9a9a; font-weight: 500; }
.wd-product .price ins { color: #0a0a0a; }
.product-labels .product-label, .onsale, .product-label.onsale { background: var(--vk-preto) !important; color: #fff !important; border-radius: 40px !important; font: 800 11px var(--vk-texto) !important; padding: 4px 10px !important; letter-spacing: .8px; }
.wd-product .wd-add-btn > a { background: var(--vk-preto) !important; color: #fff !important; }
.wd-product .wd-add-btn > a:hover { background: var(--vk-acc) !important; color: #0a0a0a !important; }
.wd-products-element .title, .wd-products-element .element-title { font-size: clamp(32px, 4vw, 52px) !important; text-align: left; margin-bottom: 24px; }

/* ===== Seções da home (widgets do Elementor com classes vk-*) ===== */
/* etiqueta em pílula com ponto laranja */
.vk-tag .elementor-heading-title { display: inline-flex; align-items: center; gap: 8px; background: #151515; border: 1px solid #262626; color: #fff !important; border-radius: 40px; padding: 7px 16px; font: 800 11px var(--vk-texto) !important; letter-spacing: 1.6px; text-transform: uppercase; }
.vk-tag .elementor-heading-title:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--vk-acc); box-shadow: 0 0 10px var(--vk-acc); }
/* títulos grandes com palavra em destaque (<em>) */
.vk-titulo .elementor-heading-title { font-family: var(--vk-titulo) !important; font-weight: 400 !important; color: #fff !important; text-transform: uppercase; line-height: .95 !important; margin: 18px 0 16px !important; }
.vk-titulo .elementor-heading-title em { font-style: normal; color: var(--vk-acc); }
.vk-titulo-hero .elementor-heading-title { font-size: clamp(54px, 8vw, 118px) !important; }
.vk-titulo-div .elementor-heading-title { font-size: clamp(42px, 5vw, 76px) !important; }
.vk-texto, .vk-texto p { color: #bdbdbd !important; font-size: 16px; max-width: 470px; }
/* botões */
.vk-btn .elementor-button { display: inline-flex; align-items: center; gap: 10px; background: var(--vk-acc) !important; color: #0a0a0a !important; border-radius: 40px !important; padding: 15px 28px !important; font: 800 13px var(--vk-texto) !important; letter-spacing: 1.2px; text-transform: uppercase; box-shadow: 0 0 26px var(--vk-acc-brilho); transition: .2s; }
.vk-btn .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 0 36px var(--vk-acc-brilho); }
.vk-btn-linha .elementor-button { background: transparent !important; color: #fff !important; border: 2px solid #3a3a3a !important; box-shadow: none; }
.vk-btn-linha .elementor-button:hover { border-color: var(--vk-acc) !important; box-shadow: none; }
.vk-botoes { gap: 12px !important; margin-top: 14px; }

/* slider/banner */
.vk-slider-el, .vk-slider-el > .e-con-inner { padding: 0 !important; }
.vk-slider .wd-slide, .vk-slider .wd-slide-bg { background-color: var(--vk-preto); }
.vk-hero-el { position: relative; overflow: hidden; min-height: 640px; background: radial-gradient(circle at 70% 45%, rgba(255, 90, 31, .28), transparent 42%), var(--vk-preto); padding: 70px max(24px, calc(50vw - 620px)) 0 !important; align-items: flex-end !important; }
.vk-hero-txt { width: 55% !important; align-self: center; padding-bottom: 60px !important; position: relative; z-index: 2; align-items: flex-start !important; }
.vk-hero-img { width: 45% !important; position: relative; z-index: 2; }
.vk-hero-img img { display: block; width: 100%; max-width: 520px !important; margin-left: auto; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .6)); }
.vk-fita.elementor-widget { position: absolute !important; left: -10%; width: 120% !important; max-width: none !important; z-index: 1; overflow: hidden; margin: 0 !important; }
.vk-fita .elementor-heading-title { white-space: nowrap; font: 400 22px/44px var(--vk-titulo) !important; letter-spacing: 2px; text-transform: uppercase; overflow: hidden; }
.vk-fita-a { top: 46px; transform: rotate(-4deg); background: var(--vk-acc); }
.vk-fita-a .elementor-heading-title, .vk-fita-a .vk-trilha i { color: #0a0a0a !important; }
.vk-fita-b { bottom: 70px; transform: rotate(5deg); background: #1b1b1b; }
.vk-fita-b .elementor-heading-title { color: #5d5d5d !important; }
.vk-fita .vk-trilha { animation-duration: 45s; }

/* benefícios (caixas de ícone) */
.vk-benef-el { background: var(--vk-preto); padding: 26px max(24px, calc(50vw - 620px)) !important; }
.vk-benef-item { flex: 1 1 0; padding: 6px 18px; border-left: 1px solid #222; }
.vk-benef-item:first-child { border-left: 0; }
.vk-benef-item .elementor-icon-box-wrapper { display: flex; align-items: center; gap: 14px; text-align: left; }
.vk-benef-item .elementor-icon { font-size: 28px; color: var(--vk-acc) !important; fill: var(--vk-acc) !important; }
.vk-benef-item .elementor-icon svg { width: 30px; height: 30px; fill: var(--vk-acc); }
.vk-benef-item .elementor-icon-box-icon { margin: 0 !important; }
.vk-benef-item .elementor-icon-box-title, .vk-benef-item .elementor-icon-box-title * { color: #fff !important; font: 800 13px var(--vk-texto) !important; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 2px !important; }
.vk-benef-item .elementor-icon-box-description { color: #9a9a9a !important; font-size: 12.5px; margin: 0; }

/* título da vitrine */
.vk-vitrine-el { padding-top: 60px !important; }
.vk-vitrine-tit-el { margin-bottom: 24px; }
.vk-vitrine-h .elementor-heading-title { margin: 0; font-size: clamp(34px, 4.5vw, 58px) !important; line-height: 1 !important; color: #0a0a0a !important; }
.vk-link-todos .elementor-button { background: none !important; padding: 0 0 3px !important; border-radius: 0 !important; border-bottom: 2px solid var(--vk-acc) !important; color: #0a0a0a !important; font: 800 12px var(--vk-texto) !important; letter-spacing: 1.4px; box-shadow: none !important; }

/* banner dividido */
.vk-div-el { margin-top: 70px !important; min-height: 460px; background: var(--vk-preto); }
.vk-div-txt { width: 50% !important; padding: 70px 60px 70px max(24px, calc(50vw - 620px)) !important; justify-content: center; align-items: flex-start !important; }
.vk-div-img { width: 50% !important; min-height: 360px; }

/* ===== Rodapé ===== */
.footer-container, .wd-prefooter, .main-footer, footer.footer-container { background: var(--vk-preto) !important; color: #bdbdbd; }
.footer-container a, .footer-container .wd-title-text, .footer-container h3, .footer-container .title { color: #fff !important; }
.footer-container a:hover { color: var(--vk-acc) !important; }
.copyrights-wrapper { background: #050505 !important; border-top: 1px solid #1d1d1d; }

/* ===== Página do produto ===== */
.single-product .product_title { font-family: var(--vk-titulo) !important; font-weight: 400 !important; text-transform: uppercase; font-size: clamp(34px, 3.6vw, 52px) !important; line-height: 1 !important; }
.single-product .summary .price { font: 800 26px var(--vk-texto) !important; color: #0a0a0a; }
.wd-swatch, .wd-swatches-product .wd-swatch { border-radius: 40px !important; }

/* ===== Celular ===== */
@media (max-width: 1024px) {
	.vk-hero-el { flex-direction: column !important; padding-top: 110px !important; min-height: 0; align-items: stretch !important; }
	.vk-hero-txt, .vk-hero-img { width: 100% !important; }
	.vk-hero-txt { padding-bottom: 10px !important; }
	.vk-hero-img img { margin: 0 auto; max-width: 380px !important; }
	.vk-benef-el { flex-wrap: wrap !important; row-gap: 16px; }
	.vk-benef-item { flex: 1 1 45%; }
	.vk-benef-item:nth-child(3) { border-left: 0; }
	.vk-div-el { flex-direction: column !important; }
	.vk-div-txt, .vk-div-img { width: 100% !important; }
	.vk-div-txt { padding: 50px 24px !important; }
}
@media (max-width: 600px) {
	.vk-benef-item { flex: 1 1 100%; border-left: 0; }
	.vk-fita .elementor-heading-title { font-size: 16px !important; line-height: 34px !important; }
	.vk-fita-b { bottom: 40px; }
	.vk-vitrine-el { padding-top: 40px !important; }
}

/* ===== Ajustes ===== */
.home .wd-content-layout { padding-top: 0 !important; }
.main-page-wrapper { background: #fff !important; }
/* fotos dos produtos sempre em 2:3, como nas fotos originais */
.wd-product .wd-product-thumb .product-image-link img, .wd-product .wd-product-thumb .hover-img img { aspect-ratio: 2 / 3; width: 100%; height: auto; object-fit: cover; }
.wd-product .wd-product-thumb { overflow: hidden; }

/* ===== Rodapé escuro (bloco "Footer T-shirts" do Elementor) ===== */
.footer-container > .e-con, .footer-container .wd-section-stretch, .footer-container .elementor > .e-con { background-color: var(--vk-preto) !important; border-radius: 0 !important; }
.footer-container .wd-text-block, .footer-container .wd-text-block p, .footer-container .elementor-widget-text-editor { color: #a9a9a9 !important; }
.footer-container .wd-text-block strong, .footer-container .wd-text-block em { color: #fff !important; }
.footer-container .elementor-widget-divider .elementor-divider-separator, .footer-container [class*="divider"] { border-color: #222 !important; }
.footer-container .e-con { border-color: #222 !important; }
/* faixa de contato vira destaque laranja */
.footer-container .e-con:has(> .elementor-element img[src*="ps-questions"]) { background: var(--vk-acc) !important; background-image: none !important; border-radius: 0 !important; box-shadow: 0 0 40px var(--vk-acc-brilho); }
.footer-container .e-con:has(> .elementor-element img[src*="ps-questions"]) .wd-el-title, .footer-container .e-con:has(> .elementor-element img[src*="ps-questions"]) .title, .footer-container .e-con:has(> .elementor-element img[src*="ps-questions"]) h4, .footer-container .e-con:has(> .elementor-element img[src*="ps-questions"]) h3 { color: #0a0a0a !important; }
.footer-container .e-con:has(> .elementor-element img[src*="ps-questions"]) .elementor-button { background: #0a0a0a !important; color: #fff !important; box-shadow: none; }
.footer-container img[src*="vk_fav_icon"] { outline: 1px solid #262626; }
.footer-container .wd-nav a, .footer-container .wd-mega-menu a { color: #fff !important; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }

/* ===== Aviso de cookies ===== */
.vk-cookies { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 99999; max-width: 760px; margin: 0 auto; display: flex; align-items: center; gap: 18px; background: #0a0a0a; color: #cfcfcf; border: 1px solid #262626; border-radius: 14px; padding: 14px 18px; box-shadow: 0 10px 40px rgba(0,0,0,.4); font: 500 13px/1.5 var(--vk-texto); }
.vk-cookies p { margin: 0; }
.vk-cookies a { color: #fff; text-decoration: underline; }
.vk-cookies button { flex: none; background: var(--vk-acc); color: #0a0a0a; border: 0; border-radius: 40px; padding: 10px 20px; font: 800 12px var(--vk-texto); text-transform: uppercase; letter-spacing: 1px; cursor: pointer; }
@media (max-width: 600px) { .vk-cookies { flex-direction: column; align-items: stretch; text-align: center; bottom: 70px; } }

.vk-cookies[hidden] { display: none !important; }

/* faixa do topo (Bloco HTML "Faixa de avisos do topo") */
.vk-topo .e-con, .vk-topo .elementor, .vk-topo .elementor-element { background: transparent !important; padding: 0 !important; margin: 0 !important; }
.vk-topo .elementor-icon-list-text { color: #fff !important; }

/* submenu "Minha conta" e demais menus suspensos do cabeçalho: texto escuro sobre o fundo branco */
.whb-main-header .wd-dropdown, .whb-main-header .wd-dropdown * { color: #1a1a1a !important; }
.whb-main-header .wd-dropdown a:hover { color: var(--vk-acc) !important; }
.whb-main-header .wd-dropdown .button, .whb-main-header .wd-dropdown button { color: #fff !important; background: #0a0a0a !important; }
.whb-main-header .wd-dropdown input { color: #1a1a1a !important; background: #fff !important; }

/* slider ocupando a largura toda da tela */
.vk-slider-el, .vk-benef-el, .vk-div-el { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
.vk-slider .wd-slider, .vk-slider .wd-carousel-inner, .vk-slider .wd-slide { border-radius: 0 !important; }
.vk-slider .wd-slide-container { max-width: none !important; width: 100% !important; padding: 0 !important; }
.vk-vitrine-tit-el { width: 100% !important; justify-content: space-between !important; align-items: flex-end !important; flex-direction: row !important; }
.vk-vitrine-tit-el > .elementor-element { width: auto !important; }
.whb-main-header .wd-header-my-account .wd-dropdown a, .whb-main-header .wd-header-my-account .wd-dropdown a.create-account-link { color: #1a1a1a !important; }
.whb-main-header .wd-header-my-account .wd-dropdown a.create-account-link { color: var(--vk-acc) !important; font-weight: 700; }