/*
Theme Name: Artenza
Theme URI: https://artenza.com.br
Template: blocksy
Author: J1 Studio
Author URI: https://j1studio.com.br
Description: Tema filho do Blocksy para o site de Artenza. Estilo global vive no Blocksy e no kit de classes do Greenshift; este arquivo recebe só o que não cabe neles.
Version: 1.1.0
Text Domain: blocksy-child
*/

/*
 * CSS do site, migrado do CSS adicional do Customizer em 26/09/2026.
 * O functions.php imprime este arquivo no fim do <head> (wp_head, prioridade 100), depois do CSS
 * dinâmico do Blocksy, na mesma posição em que o Customizer imprimia. Por isso as regras vencem
 * empate de especificidade com o tema e os plugins sem !important.
 *
 * Regras da casa: medidas em múltiplos de 8 (4 só em detalhe fino); cor sempre pela paleta
 * (var(--theme-palette-color-N)); cada bloco com comentário de uma linha dizendo o que faz e a data.
 * CSS novo entra aqui, na seção certa, e não no Customizer.
 *
 *  1. Fontes
 *  2. Global
 *  3. Cabeçalho
 *  4. Home
 *  5. Listagem de produtos
 *  6. Página do produto
 *  7. Carrinho e checkout
 *  8. Componentes (FAQ, selos, diferenciais)
 */


/* =========================================================================
   1. Fontes
   ========================================================================= */

/* O kit do Greenshift grava a família pelo nome (Parkinsans, Inter) e o Custom Fonts do Blocksy registra como ct_font_*: alias para os mesmos arquivos (25/09/2026) */
@font-face { font-family: 'Parkinsans'; src: url(https://artenza.com.br/wp-content/uploads/2026/09/W_7XJXvQyPb1QfpBpRrfkQLfr8nfiI.woff2) format('woff2'); font-weight: 300 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url(https://artenza.com.br/wp-content/uploads/2026/09/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url(https://artenza.com.br/wp-content/uploads/2026/09/UcC53FwrK3iLTcvneQg7Ca725JhhKnNqk6L5UUMbndwV.woff2) format('woff2'); font-weight: 100 900; font-style: italic; font-display: swap; }


/* =========================================================================
   2. Global
   ========================================================================= */

/* Títulos em peso 500 no site todo (26/09/2026). O :not(#j1) dá peso de id ao seletor para vencer as classes globais do Greenshift (font-weight 600) sem !important */
:is(h1,h2,h3,h4,h5,h6):not(#j1) { font-weight: 500; }

/* Seções do Greenshift na mesma largura do container do Blocksy (cabeçalho, hero, rodapé), sem o recuo de 20px da coluna (25/09/2026) */
.entry-content > .gspb_row > .gspb_row__content { width: var(--theme-container-width); max-width: var(--theme-normal-container-max-width); }
.entry-content > .gspb_row > .gspb_row__content > .gspb_row__col--12 { padding-left: 0; padding-right: 0; }

/* Cor de destaque do módulo checkout-j1: a cor 13 aqui é a borda cinza de campo, então o destaque aponta para o azul da marca (cor 1) */
:root { --j1-loja-destaque: var(--theme-palette-color-1); }

/* Ícones de linha (25/09/2026). Provisórios (Lucide, ISC) até a troca pelos do Myicons: trocar só os arquivos da mídia */
:root { --j1-ic-montagem: url(https://artenza.com.br/wp-content/uploads/2026/09/artenza-icone-montagem.svg); --j1-ic-entrega: url(https://artenza.com.br/wp-content/uploads/2026/09/artenza-icone-entrega.svg); --j1-ic-garantia: url(https://artenza.com.br/wp-content/uploads/2026/09/artenza-icone-garantia.svg); --j1-ic-showroom: url(https://artenza.com.br/wp-content/uploads/2026/09/artenza-icone-showroom.svg); }
.j1-ic { display: inline-block; flex: 0 0 24px; width: 24px; height: 24px; background-color: var(--theme-palette-color-1); -webkit-mask: var(--j1-ic) center / contain no-repeat; mask: var(--j1-ic) center / contain no-repeat; }
.j1-ic--montagem { --j1-ic: var(--j1-ic-montagem); }
.j1-ic--entrega { --j1-ic: var(--j1-ic-entrega); }
.j1-ic--garantia { --j1-ic: var(--j1-ic-garantia); }
.j1-ic--showroom { --j1-ic: var(--j1-ic-showroom); }


/* =========================================================================
   3. Cabeçalho
   ========================================================================= */

/* Barra superior (26/09/2026): avisos em elemento do Greenshift (.j1-avisos). Desktop lado a lado com ponto separador; celular um por vez com fade, 4 s cada.
   j1-corte: animação escrita para 2, 3 e 4 avisos; com 5 ou mais, acrescentar a regra (o Greenshift põe <style> entre os textos: usar ~ e nth-of-type) */
@media (max-width: 767.98px) { .j1-aviso-extra { display: none; } }
.j1-avisos .j1-aviso ~ .j1-aviso::before { content: "\2022"; margin-right: 24px; opacity: .6; }
@media (max-width: 689.98px) {
	[data-id="widget-area-1"]:has(.j1-avisos) { width: 100%; min-width: 0; } /* a área de widget é item flex centralizado e, com os avisos em absolute, encolhia a 0 de largura (26/09/2026) */
	.j1-avisos { position: relative; display: block !important; height: 20px; width: 100%; }
	.j1-avisos .j1-aviso { position: absolute; inset: 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; animation: j1aviso3 12s infinite; }
	.j1-avisos .j1-aviso ~ .j1-aviso::before { content: none; }
	.j1-avisos .j1-aviso:nth-of-type(2) { animation-delay: 4s; }
	.j1-avisos .j1-aviso:nth-of-type(3) { animation-delay: 8s; }
	.j1-avisos .j1-aviso:nth-of-type(4) { animation-delay: 12s; }
	.j1-avisos:has(> .j1-aviso:nth-of-type(2):last-of-type) .j1-aviso { animation-name: j1aviso2; animation-duration: 8s; }
	.j1-avisos:has(> .j1-aviso:nth-of-type(4):last-of-type) .j1-aviso { animation-name: j1aviso4; animation-duration: 16s; }
	.j1-avisos:has(> .j1-aviso:only-of-type) .j1-aviso { animation: none; opacity: 1; }
}
@keyframes j1aviso2 { 0% { opacity: 0 } 6% { opacity: 1 } 50% { opacity: 1 } 56% { opacity: 0 } 100% { opacity: 0 } }
@keyframes j1aviso3 { 0% { opacity: 0 } 4% { opacity: 1 } 33% { opacity: 1 } 37% { opacity: 0 } 100% { opacity: 0 } }
@keyframes j1aviso4 { 0% { opacity: 0 } 3% { opacity: 1 } 25% { opacity: 1 } 28% { opacity: 0 } 100% { opacity: 0 } }
@media (prefers-reduced-motion: reduce) { .j1-avisos .j1-aviso { animation-duration: 0s !important; } .j1-avisos .j1-aviso:first-of-type { opacity: 1; } }

/* Minha conta (26/09/2026): ícone de linha 1,5 (desenho do user-round da Lucide, ISC, no estilo do Myicons) no lugar do ícone do Blocksy, e rótulo "Minha conta" 12px só no desktop.
   j1-corte: trocar pelo ícone do Myicons quando o Figma liberar a exportação */
.ct-header-account .ct-account-item { display: inline-flex; align-items: center; gap: 8px; }
.ct-header-account .ct-account-item > .ct-icon { display: none; }
.ct-header-account .ct-account-item::before { content: ""; width: 26px; height: 26px; flex: 0 0 26px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E") center/contain no-repeat; }
.ct-header-account .ct-label { order: 2; font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: 0; font-family: var(--theme-font-family, inherit); }

/* Busca: sem o espaçamento do campo (ajuste do Jofran no Customizer, 26/09/2026) */
.ct-search-box { margin: 0 !important; }

/* Painel modal (menu do celular): respiro lateral nas ações (ajuste do Jofran no Customizer, 26/09/2026) */
.ct-panel-actions { padding-right: 20px; padding-left: 20px; }

/* Cabeçalho da página branco com linha fina na largura do container: arquivo, busca, carrinho e checkout (25/09/2026) */
body:is(.archive, .search, .woocommerce-cart, .woocommerce-checkout) .hero-section[data-type="type-2"] { background-color: var(--theme-palette-color-8); }
body:is(.archive, .search, .woocommerce-cart, .woocommerce-checkout) .hero-section[data-type="type-2"] > .ct-container { border-bottom: 1px solid var(--theme-palette-color-5); }
.tax-product_cat .hero-section .page-description { max-width: 800px; }


/* =========================================================================
   4. Home
   ========================================================================= */

/* Núcleo do Swiper (swiper-bundle.min.css do Greenshift, só horizontal): o bloco swiper montado por API não enfileira o CSS da lib, que vem na folha do editor */
:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-horizontal{touch-action:pan-y}.swiper .swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-lock{display:none}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,10px);left:0;width:100%;line-height:0}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-lock{display:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}

/* Slider de banners (26/09/2026): largura total, um slider para desktop e tablet e outro para celular, texto por cima no canto inferior esquerdo alinhado ao container */
.j1-hero.gspb_row { padding: 0; }
.j1-hero.gspb_row > .gspb_row__content { width: 100% !important; max-width: none !important; }
.j1-hero div[id^=gspb_col-id] { padding: 0 !important; }
.j1-hero .j1-hero-m { display: none; }
@media (max-width: 689.98px) { .j1-hero .j1-hero-d { display: none; } .j1-hero .j1-hero-m { display: block; } }
.j1-hero .gs-swiper { padding-bottom: 0; }
.j1-banner { position: relative; padding: 0 max(24px, calc((100% - 1216px) / 2)) 72px; }
.j1-banner .gspb_text { text-transform: uppercase; letter-spacing: .08em; }
.j1-banner h2 a { color: inherit; text-decoration: none; }
.j1-banner h2 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.j1-banner h2 a:focus-visible { outline: none; }
.j1-banner:has(a:focus-visible) { outline: 2px solid #fff; outline-offset: -8px; }
.j1-hero .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 32px !important; text-align: center; z-index: 2; }
.j1-hero .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 4px !important; background: #fff; opacity: .5; border-radius: 12px; transition: width .3s; }
.j1-hero .swiper-pagination-bullet-active { opacity: 1; width: 32px; }
.j1-hero .swiper-button-prev, .j1-hero .swiper-button-next { width: 48px; height: 48px; margin-top: -24px; border-radius: 50%; background: rgba(255,255,255,.9); color: var(--theme-palette-color-1); z-index: 3; }
.j1-hero .swiper-button-prev { left: 32px; }
.j1-hero .swiper-button-next { right: 32px; }
.j1-hero .swiper-button-prev::after, .j1-hero .swiper-button-next::after { content: ""; width: 10px; height: 10px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; font-size: 0; }
.j1-hero .swiper-button-prev::after { transform: rotate(-135deg); margin-left: 4px; }
.j1-hero .swiper-button-next::after { transform: rotate(45deg); margin-right: 4px; }
@media (max-width: 689.98px) { .j1-banner { padding: 0 24px 64px; } .j1-hero .swiper-button-prev, .j1-hero .swiper-button-next { display: none; } .j1-hero .swiper-pagination { bottom: 24px !important; } }
/* Setas só com o mouse sobre o banner (ou com foco pelo teclado); dots clicáveis (26/09/2026) */
.j1-hero .swiper-button-prev, .j1-hero .swiper-button-next { opacity: 0; transition: opacity .3s; }
.j1-hero-d:hover .swiper-button-prev, .j1-hero-d:hover .swiper-button-next, .j1-hero-d:focus-within .swiper-button-prev, .j1-hero-d:focus-within .swiper-button-next { opacity: 1; }
.j1-hero .swiper-pagination-bullet { cursor: pointer; }

/* Cards de categoria com foto: zoom de 8% no hover e card inteiro clicável (25/09/2026).
   j1-corte: seletor pelos ids gsbp dos cards antigos; card novo usa a classe .j1-card-foto */
:is(.gsbp-e565072,.gsbp-5cee06b,.gsbp-160fe13,.gsbp-828989d,.gsbp-6fd2f03,.j1-card-foto) { position: relative; overflow: hidden; isolation: isolate; }
:is(.gsbp-e565072,.gsbp-5cee06b,.gsbp-160fe13,.gsbp-828989d,.gsbp-6fd2f03,.j1-card-foto)::before { content: ""; position: absolute; inset: 0; z-index: -1; background: inherit; transition: transform .6s ease; }
:is(.gsbp-e565072,.gsbp-5cee06b,.gsbp-160fe13,.gsbp-828989d,.gsbp-6fd2f03,.j1-card-foto):hover::before { transform: scale(1.08); }
:is(.gsbp-e565072,.gsbp-5cee06b,.gsbp-160fe13,.gsbp-828989d,.gsbp-6fd2f03,.j1-card-foto) a::after { content: ""; position: absolute; inset: 0; }
@media (prefers-reduced-motion: reduce) { :is(.gsbp-e565072,.gsbp-5cee06b,.gsbp-160fe13,.gsbp-828989d,.gsbp-6fd2f03,.j1-card-foto)::before { transition: none; } }
/* O link "Ver produtos" fica invisível e cobre o card inteiro (card clicável e acessível pelo teclado), 25/09/2026 */
:is(.gsbp-e565072,.gsbp-5cee06b,.gsbp-160fe13,.gsbp-828989d,.gsbp-6fd2f03,.j1-card-foto) p:has(> a) { position: absolute; inset: 0; margin: 0 !important; opacity: 0; }
:is(.gsbp-e565072,.gsbp-5cee06b,.gsbp-160fe13,.gsbp-828989d,.gsbp-6fd2f03,.j1-card-foto):has(a:focus-visible) { outline: 2px solid var(--theme-palette-color-8); outline-offset: -8px; }

/* Faixa de ambientes: rolagem lateral com encaixe no celular (25/09/2026); sem barra de rolagem e com fade na borda direita indicando que há mais cards (26/09/2026) */
@media (max-width: 689.98px) { .j1-ambientes { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 8px; } .j1-ambientes .j1-card-foto { scroll-snap-align: start; } }
.j1-ambientes { scrollbar-width: none; -ms-overflow-style: none; }
.j1-ambientes::-webkit-scrollbar { display: none; }
@media (max-width: 689.98px) {
	.j1-ambientes { -webkit-mask-image: linear-gradient(90deg, #000 80%, transparent); mask-image: linear-gradient(90deg, #000 80%, transparent); }
	.j1-ambientes > div { padding-right: 72px; }
}


/* =========================================================================
   5. Listagem de produtos
   ========================================================================= */

/* Preço no card: promoção em duas linhas (riscado em cima, atual embaixo), 16px, empurrado para a base do card (25 e 26/09/2026) */
[data-products] .product .price { font-size: 16px; }
[data-products] .product .price .sale-price { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
[data-products] .product .price del, [data-products] .product .price ins { font-size: 16px; }
[data-products] .product .price del { font-weight: 400; opacity: .7; }
[data-products] .product .price .sale-price del { order: 1; }
[data-products] .product .price .sale-price ins { order: 2; }
[data-products] .product .price { margin-top: auto; }

/* Parcelamento no card: 12px peso 400 em todos os tamanhos (26/09/2026). O !important vence o estilo inline do plugin Darven */
[data-products] .darven-epi-installments-price-statement, [data-products] .darven-epi-installments-price-statement * { font-size: 12px !important; font-weight: 400 !important; }

/* Celular: título 14px e 16px entre colunas (26/09/2026) */
@media (max-width: 689.98px) {
	[data-products] { --grid-columns-gap: 16px; column-gap: 16px; }
	[data-products] .woocommerce-loop-product__title { font-size: 14px; }
}


/* =========================================================================
   6. Página do produto
   ========================================================================= */

/* Categoria fora do bloco de metadados (a trilha de navegação já mostra) */
.single-product .product_meta .posted_in { display: none !important; }

/* Preço promocional em duas linhas */
.entry-summary .price .sale-price { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.entry-summary .price del { font-size: 16px; font-weight: 400; opacity: .7; }
.entry-summary .price .sale-price del { order: 1; }
.entry-summary .price .sale-price ins { order: 2; }

/* Parcelamento: 32px abaixo no desktop, 24px no celular (25/09/2026). Escopo no resumo, porque os relacionados usam a mesma classe */
.entry-summary .installments-epi-single-product { margin-bottom: 32px; }
@media (max-width: 689.98px) { .entry-summary .installments-epi-single-product { margin-bottom: 24px; } }

/* Caixa "Por que comprar na Artenza" (.ct-product-additional-info): ícones de linha da seção 2 no lugar dos SVG do Blocksy (25/09/2026) */
.ct-product-additional-info li { display: flex; align-items: center; gap: 12px; }
.ct-product-additional-info li svg { display: none; }
.ct-product-additional-info li::before { content: ""; flex: 0 0 24px; width: 24px; height: 24px; background-color: var(--theme-palette-color-1); -webkit-mask: var(--j1-ic) center / contain no-repeat; mask: var(--j1-ic) center / contain no-repeat; }
.ct-product-additional-info li:nth-child(1) { --j1-ic: var(--j1-ic-montagem); }
.ct-product-additional-info li:nth-child(2) { --j1-ic: var(--j1-ic-entrega); }
.ct-product-additional-info li:nth-child(3) { --j1-ic: var(--j1-ic-garantia); }
.ct-product-additional-info li:nth-child(4) { --j1-ic: var(--j1-ic-showroom); }
/* Fundo cor 6 da paleta, texto 14px, cantos de 16px, 2 colunas no desktop (26/09/2026) */
.entry-summary .ct-product-additional-info { background: var(--theme-palette-color-6); border-radius: 16px; padding: 32px; }
.entry-summary .ct-product-additional-info ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 32px; margin: 0; }
.entry-summary .ct-product-additional-info li, .entry-summary .ct-product-additional-info li .ct-label { margin: 0; font-size: 14px; }
@media (max-width: 689.98px) { .entry-summary .ct-product-additional-info { padding: 24px; } .entry-summary .ct-product-additional-info ul { grid-template-columns: minmax(0, 1fr); } }

/* Produto composto (WPC Composite, .wooco_wrap): linhas enxutas, miniatura 72px com cantos de 8px, preço em 120px (26/09/2026) */
.wooco_wrap .wooco-products .wooco-product { padding: 8px 0; align-items: center; }
.wooco_wrap .wooco-products .wooco-product .wooco-thumb { width: 80px; flex: 0 0 80px; }
.wooco_wrap .wooco-products .wooco-product .wooco-thumb img { width: 72px; height: 72px; max-width: 72px; object-fit: cover; border-radius: 8px; }
.wooco_wrap .wooco-products .wooco-product .wooco-price { width: 120px; flex: 0 0 120px; }
.wooco_wrap .wooco-price .darven-epi-installments-price-statement { font-size: 12px; line-height: 1.5; }


/* =========================================================================
   7. Carrinho e checkout
   ========================================================================= */

/* Trilha de navegação sem caixa alta */
body:is(.woocommerce-cart, .woocommerce-checkout) .hero-section .ct-breadcrumbs { text-transform: none; font-size: 14px; font-weight: 500; }

/* Respiro abaixo do endereço de entrega (25/09/2026) */
.woocommerce-checkout .shipping_address { margin-bottom: 40px; }

/* Caixa do resumo do pedido: cantos de 8px, 32px de respiro no desktop e 24px no celular (25/09/2026) */
.woocommerce-checkout .ct-order-review { border-radius: 8px; padding: 32px; }
@media (max-width: 689.98px) { .woocommerce-checkout .ct-order-review { padding: 24px; } }


/* =========================================================================
   8. Componentes
   ========================================================================= */

/* Faixa de diferenciais antes do rodapé no carrinho e no checkout (bloco de conteúdo 2700, 25/09/2026) */
.j1-dif { background: var(--theme-palette-color-6); }
.j1-dif__lista { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin: 0 auto; padding: 40px 0; list-style: none; border-top: 1px solid var(--theme-palette-color-5); border-bottom: 1px solid var(--theme-palette-color-5); }
.j1-dif__item { display: flex; align-items: flex-start; gap: 16px; margin: 0; }
.j1-dif .j1-ic { width: 32px; height: 32px; flex-basis: 32px; }
.j1-dif__txt { display: flex; flex-direction: column; gap: 4px; line-height: 1.4; }
.j1-dif__txt strong { font-family: ct_font_parkinsans, sans-serif; font-size: 15px; font-weight: 600; color: var(--theme-palette-color-1); }
.j1-dif__txt small { font-size: 14px; color: var(--theme-palette-color-3); }
@media (max-width: 999.98px) { .j1-dif__lista { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 689.98px) { .j1-dif__lista { grid-template-columns: 1fr; gap: 24px; padding: 32px 0; } }

/* FAQ em itens com borda, como no site anterior (25/09/2026) */
.gs-accordion { display: flex; flex-direction: column; gap: 12px; }
.gs-accordion .gs-accordion-item { background: var(--theme-palette-color-8); border: 1px solid var(--theme-palette-color-5); border-radius: 8px; }
.gs-accordion .gs-accordion-item__title { padding: 20px 24px; }
.gs-accordion .gs-accordion-item__heading { font-size: 16px; font-weight: 500; color: var(--theme-palette-color-1); }
.gs-accordion .gs-accordion-item__text { padding: 0 24px 20px; color: var(--theme-palette-color-3); }

/* Selos de segurança no rodapé */
.j1-selos { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 40px; margin: 0; padding: 0; list-style: none; }
.j1-selo { display: flex; align-items: center; gap: 8px; margin: 0; }
.j1-selo svg { flex-shrink: 0; width: 22px; height: 22px; color: var(--theme-palette-color-3); opacity: .6; }
.j1-selo span { display: flex; flex-direction: column; line-height: 1.3; }
.j1-selo strong { font-size: 13px; font-weight: 500; color: var(--theme-palette-color-4); }
.j1-selo small { font-size: 11px; color: var(--theme-palette-color-3); opacity: .75; }
@media (max-width: 689.98px) { .j1-selos { display: grid; grid-template-columns: repeat(2, auto); justify-content: center; gap: 16px 24px; } }

/* Checkout: pergunta do andar (inc/frete-artenza.php), Sim e Não na mesma linha. 28/09/2026 */
#j1_andar_field{display:none} /* o JS mostra com entrega fora do ES, na metade direita da linha do Estado */
#j1_andar_field > label{white-space:nowrap} /* o texto passa 7px da meia coluna; quebrado, desalinha as opções do select ao lado */
#j1_andar_field .woocommerce-input-wrapper{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;min-height:40px} /* 40px = altura dos campos */
#j1_andar_field input.input-radio{margin:0}
#j1_andar_field label.radio{display:inline;margin:0 24px 0 0}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display:flow-root} /* contém Estado e andar lado a lado (floats) */
#billing_state_field,#shipping_state_field,#j1_andar_field{margin-bottom:0} /* última linha do bloco: 40px até "Entregar em um endereço diferente", com ou sem a pergunta */
@media (max-width: 689.98px) { #billing_state_field.form-row-first, #shipping_state_field.form-row-first { margin-bottom: 16px; } } /* no celular as meias colunas empilham */
#j1_andar_field .optional{display:none} /* o WooCommerce marca "(opcional)"; a obrigatoriedade é validada no servidor */

/* Checkout: título "Formas de envio" com 16px até a caixa (era 8px do Blocksy). 28/09/2026 */
#shipping-method-wrapper .ct-shipping-heading{margin-bottom:16px}
#j1_andar_field #j1_andar_sim{margin-top:8px;margin-bottom:0} /* pedido do Jofran, 28/09/2026 */

/* =============================================================================
 * Simulador de frete na página do produto (Shipping Simulator for WooCommerce, Link Nacional).
 * Abaixo do box "Por que comprar na Artenza" (posição personalizada .ct-product-additional-info
 * nas opções do plugin). O CSS do plugin usa !important em quase tudo; aqui só se sobrescreve
 * o necessário para seguir o site: campo 48px com borda da cor 13, botão igual ao de compra.
 * 29/09/2026
 * ========================================================================== */
.single-product .wc-shipping-simulator-parent-container { width: 100%; max-width: none; margin-top: 32px; font-family: ct_font_inter, sans-serif; color: var(--theme-palette-color-1); }
.single-product .wc-shipping-simulator-parent-container .wc-shipping-simulator-inherit-family { font-family: inherit !important; }
.single-product .wc-shipping-simulator-container-current-style { margin-bottom: 0; gap: 8px; }
.single-product .wc-shipping-simulator-input-button-group-current-style { flex-wrap: nowrap; gap: 8px; }
.single-product .wc-shipping-simulator-input-wrapper-current-style { flex: 1; max-width: none; height: 48px !important; }
.single-product .wc-shipping-simulator-input-current-style { width: 100% !important; height: 48px !important; padding: 0 16px !important; font-size: 16px !important; }
.single-product .wc-shipping-simulator-input-current-style:focus { outline: none; border-color: var(--theme-palette-color-1) !important; }
.single-product .wc-shipping-simulator-icon-current-style { display: none !important; }
.single-product .wc-shipping-simulator-parent-container .wc-shipping-simulator-button-current-style { width: auto !important; height: 48px !important; padding: 0 24px !important; font-family: ct_font_parkinsans, sans-serif !important; font-size: 14px !important; font-weight: 600; letter-spacing: 0.7px; text-transform: uppercase; transition: background-color .2s; }
.single-product .wc-shipping-simulator-button-current-style:hover { background-color: var(--theme-palette-color-2) !important; }
.single-product .wc-shipping-simulator-link-current-style,
.single-product .wc-shipping-simulator-change-postcode-button { color: var(--theme-palette-color-1) !important; font-size: 14px !important; margin-top: 0 !important; }
.single-product .wc-shipping-simulator-link-current-style:hover,
.single-product .wc-shipping-simulator-change-postcode-button:hover { color: var(--theme-palette-color-2) !important; }
.single-product .wc-shipping-simulator-info-block { width: 100%; margin: 0 !important; border: 0 !important; border-radius: 16px !important; background: #fff; }
.single-product .wc-shipping-simulator-current-postcode-block { min-width: 0; padding: 16px 24px !important; border: 1px solid var(--theme-palette-color-5) !important; border-radius: 16px 16px 0 0 !important; background: var(--theme-palette-color-6) !important; }
/* Resultado em coluna: margens do plugin zeradas, espaço só pelo gap */
.single-product .wc-shipping-simulator-content-block.expanded { display: flex !important; flex-direction: column; gap: 16px; margin: 0 !important; padding: 24px !important; border: 1px solid var(--theme-palette-color-5) !important; border-top: 0 !important; border-radius: 0 0 16px 16px !important; }
.single-product .wc-shipping-simulator-content-block > *, .single-product .wc-shipping-simulator-shipping-methods > *, .single-product .wc-shipping-simulator-shipping-list li { margin: 0 !important; }
.single-product .wc-shipping-simulator-shipping-methods { display: flex; flex-direction: column; gap: 8px; }
.single-product .wc-shipping-simulator-separator { border-top: 1px solid var(--theme-palette-color-5) !important; }
.single-product .wc-shipping-simulator-update-section { padding: 0 !important; gap: 16px; }
.single-product .wc-shipping-simulator-toggle-button, .single-product .wc-shipping-simulator-toggle-icon { width: 24px !important; height: 24px !important; }
.single-product .wc-shipping-simulator-info-block .wc-shipping-simulator-icon { opacity: .6; }
.single-product .wc-shipping-simulator-shipping-list li { font-size: 14px; }
@media (max-width: 689.98px) { .single-product .wc-shipping-simulator-button-current-style { padding: 0 16px !important; } }

/* =============================================================================
 * Mega menu "Todas as categorias" (extensão Mega Menu do Blocksy, item 2817 do menu 51,
 * bloco de conteúdo 2816 com os ambientes e as categorias). Mesmo formato da Politintas:
 * colunas corridas, título do ambiente e lista de categorias. 29/09/2026
 * ========================================================================== */
.section-menu-categorias { padding: 32px; background: #fff; }
.j1-mega-categorias > .sub-menu { padding: 0 !important; background: #fff !important; }
.section-menu-categorias .categoria-boxes-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; }
.section-menu-categorias .categoria-box { display: flex; flex-direction: column; }
.section-menu-categorias .categoria-pai-titulo { margin: 0 0 8px; font-size: 16px; line-height: 1.5; }
.section-menu-categorias .categorias-filhas-lista { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.section-menu-categorias .categorias-filhas-lista li { margin: 0; font-size: 14px; line-height: 1.4; }
.section-menu-categorias a { color: var(--theme-palette-color-1); text-decoration: none; }
.section-menu-categorias a:hover { text-decoration: underline; }
@media (max-width: 999.98px) { .section-menu-categorias { padding: 16px 0; background: transparent; } .section-menu-categorias .categoria-boxes-container { grid-template-columns: 1fr; gap: 24px; } }
/* Menu de categorias alinhado às bordas do container: sem margem no nav e sem recuo no primeiro e no último link. 29/09/2026 */
#header [data-items] > #header-menu-2 { margin-left: 0; margin-right: 0; }
#header-menu-2 > ul > li:first-child > a { padding-left: 0; }
#header-menu-2 > ul > li:last-child > a { padding-right: 0; }
