/*==================================================
PLATAFORMA AHAI - FOLHA DE ESTILO PRINCIPAL
Arquivo principal organizado por assunto.
====================================================*/
/*==================================================
01 - VARIÁVEIS GLOBAIS
====================================================*/
:root{
--ahai-verde:#99cc00;
--ahai-verde-escuro:#657000;
--ahai-preto:#15191d;
--ahai-texto:#20242a;
--ahai-cinza:#666;
--ahai-borda:#e8e8e8;
--ahai-fundo:#fff;
--ahai-radius:14px;
--ahai-container:1200px;
--ahai-fonte-site:Inter,Roboto,Arial,Helvetica,sans-serif;
--ahai-fonte-menu-cabecalho:Inter,Roboto,Arial,Helvetica,sans-serif;
--ahai-fonte-menu-rodape:Inter,Roboto,Arial,Helvetica,sans-serif;
--ahai-fonte-textos-rodape:Inter,Roboto,Arial,Helvetica,sans-serif;
--ahai-input-height:30px;
--ahai-button-height:30px;
--ahai-logo-width:200px;
--ahai-topbar-height:22px;
--ahai-single-media-desktop-max-height:800px;
--ahai-single-media-desktop-min-height:480px;
--ahai-single-media-viewport-offset:155px;
--ahai-single-media-mobile-image-min-height:230px;
--ahai-single-media-mobile-image-max-height:330px;
--ahai-single-media-gallery-padding:10px;
--ahai-single-media-gap:10px;
--ahai-single-media-slide-padding:12px;
--ahai-single-media-thumbnail-gap:8px;
--ahai-single-media-thumbnail-padding:5px;
--ahai-single-media-radius:14px;
--ahai-single-media-thumbnail-desktop-width:78px;
--ahai-single-media-thumbnail-mobile-height:64px;
--ahai-single-media-object-fit:contain;
--ahai-single-media-mobile-video-ratio:9 / 16;
--ahai-single-media-video-bg:#000;
--ahai-cabecalho-linha-flexivel-fundo:transparent;
--ahai-cabecalho-linha-flexivel-borda:#e8e8e8;
--ahai-cabecalho-linha-flexivel-espaco-y:6px;
--ahai-cabecalho-linha-flexivel-espaco-colunas:10px;
--ahai-cabecalho-linha-flexivel-fonte:12px;
--ahai-cabecalho-linha-flexivel-cor-texto:#4f5d00;
--ahai-cabecalho-linha-flexivel-cor-icone:#657000;
--ahai-footer-logo-width:200px;
--ahai-footer-bg:#111;
--ahai-footer-company-font-size:12px;
--ahai-footer-company-label-size:10px;
--ahai-footer-company-icon-size:15px;
--ahai-footer-company-text-color:#e6e6e6;
--ahai-footer-company-label-color:#ffffff;
--ahai-footer-company-icon-color:#99cc00;
--ahai-footer-company-bg:rgba(255,255,255,.04);
--ahai-footer-company-border-color:rgba(255,255,255,.12);
--ahai-footer-company-border-width:1px;
--ahai-footer-company-radius:11px;
--ahai-footer-company-padding-y:8px;
--ahai-footer-company-padding-x:12px;
--ahai-footer-company-gap:10px;
--ahai-footer-company-max-width:1100px;
--ahai-menu-bg:#ffffff;
--ahai-menu-height:44px;
--ahai-menu-border-top-color:#e8e8e8;
--ahai-menu-border-top-width:1px;
--ahai-menu-border-bottom-color:#e8e8e8;
--ahai-menu-border-bottom-width:0px;
--ahai-home-confidence-icon-color:#657000;
--ahai-home-confidence-bg:#ffffff;
--ahai-home-confidence-border-color:#e8e8e8;
--ahai-home-confidence-text-color:#555555;
--ahai-home-confidence-title-color:#657000;
--ahai-home-confidence-radius:14px;
--ahai-home-confidence-padding-y:12px;
--ahai-home-confidence-padding-x:18px;
--ahai-footer-seals-bg:#ffffff;
--ahai-footer-seals-border-color:rgba(153,204,0,.35);
--ahai-footer-seals-card-bg:#ffffff;
--ahai-footer-seals-card-border:#657000;
--ahai-footer-seals-text-color:#444444;
--ahai-footer-seals-icon-bg:#99cc00;
--ahai-footer-seals-icon-color:#111111;
--ahai-footer-seals-radius:14px;
--ahai-footer-seals-padding:25px;
--ahai-footer-seals-gap:25px;
--ahai-footer-selos-faixa-bg:#111111;
--ahai-footer-selos-faixa-border-color:transparent;
--ahai-footer-selos-faixa-border-top-width:0px;
--ahai-footer-selos-faixa-border-bottom-width:0px;
--ahai-footer-selos-faixa-radius:0px;
--ahai-footer-selos-faixa-min-height:0px;
--ahai-footer-selos-faixa-padding-top:0px;
--ahai-footer-selos-faixa-padding-bottom:0px;
--ahai-footer-selos-container-bg:transparent;
--ahai-footer-selos-container-border-color:transparent;
--ahai-footer-selos-container-border-width:0px;
--ahai-footer-selos-container-radius:0px;
--ahai-footer-selos-container-max-width:1200px;
--ahai-footer-selos-container-min-height:0px;
--ahai-footer-selos-container-padding-y:0px;
--ahai-footer-selos-container-padding-x:15px;
}
/*==================================================
02 - BASE GERAL
====================================================*/
*{
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
margin:0;
color:var(--ahai-texto);
font-family:var(--ahai-fonte-site);
background:#fff;
font-size:14px;
line-height:1.45;
}
a{
color:inherit;
}
/*==================================================
03 - TIPOGRAFIA
====================================================*/
h1,
h2,
h3,
h4,
h5,
h6{
font-family:var(--ahai-fonte-site);
color:var(--ahai-preto);
line-height:1.2;
margin:0 0 12px;
font-weight:800;
}
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:15px;}
h6{font-size:14px;}
/*==================================================
04 - ÁREA CENTRAL / ESTRUTURA
====================================================*/
.ahai-container{
width:min(var(--ahai-container),calc(100% - 32px));
margin:0 auto;
}
.ahai-main{
min-height:52vh;
}
.ahai-content,
.ahai-shop-wrap{
padding:26px 0;
}
/*==================================================
05 - BARRA SUPERIOR
====================================================*/
.ahai-topbar{
background:#111;
color:#fff;
text-align:center;
padding:0 10px;
min-height:var(--ahai-topbar-height);
display:flex;
align-items:center;
font-size:12px;
font-weight:700;
line-height:1.2;
}
/*==================================================
06 - CABEÇALHO / LOGOTIPO / AÇÕES
====================================================*/
.ahai-header{
background:#fff;
position:relative;
z-index:50;
border-bottom:1px solid var(--ahai-borda);
}
.ahai-header-inner{
display:grid;
grid-template-columns:230px minmax(260px,1fr) auto auto;
align-items:center;
gap:20px;
padding:16px 0 13px;
}
.ahai-logo{
display:flex;
align-items:center;
}
.ahai-logo img{
max-width:var(--ahai-logo-width);
max-height:62px;
width:auto;
height:auto;
display:block;
}
.ahai-logo-text,
.ahai-footer-logo a{
font-size:30px;
font-weight:900;
color:var(--ahai-verde-escuro);
text-decoration:none;
letter-spacing:.5px;
}
.ahai-actions{
display:flex;
gap:8px;
align-items:center;
white-space:nowrap;
}
.ahai-header-banner-area{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
}
.ahai-actions a{
height:var(--ahai-button-height);
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 13px;
border-radius:11px;
text-decoration:none;
color:#111;
font-size:13px;
font-weight:800;
}
.ahai-actions a:hover{
background:#f3f3f3;
}
.ahai-cart{
background:var(--ahai-verde)!important;
color:#111!important;
}
.ahai-cart:hover{
background:#8fc000!important;
}
/*==================================================
07 - BUSCA AJAX
====================================================*/
.ahai-search{
position:relative;
display:flex;
align-items:center;
width:100%;
border:1px solid var(--ahai-verde);
border-radius:11px;
background:#fff;
overflow:visible;
}
.ahai-search input[type=search]{
width:100%;
height:var(--ahai-input-height);
border:0;
border-radius:11px 0 0 11px;
padding:0 14px;
background:#fff;
font-size:13px;
outline:none;
color:#333;
line-height:var(--ahai-input-height);
}
.ahai-search button{
height:var(--ahai-button-height);
border:0;
background:var(--ahai-verde-escuro);
color:#fff;
border-radius:0 11px 11px 0;
padding:0 20px;
cursor:pointer;
font-size:12px;
font-weight:800;
min-width:86px;
}
.ahai-search button:hover{
background:#4f5d00;
}
.ahai-search-results{
display:none;
position:absolute;
top:36px;
left:0;
right:0;
background:#fff;
border:1px solid var(--ahai-borda);
border-radius:14px;
box-shadow:0 14px 34px rgba(0,0,0,.14);
z-index:99;
overflow:hidden;
}
.ahai-search-results.active{
display:block;
}
.ahai-search-results a{
display:flex;
gap:10px;
align-items:center;
padding:9px 10px;
text-decoration:none;
color:#222;
border-bottom:1px solid #f1f1f1;
}
.ahai-search-results a:hover{
background:#fafafa;
}
.ahai-search-results img{
width:44px;
height:44px;
object-fit:contain;
border-radius:8px;
background:#f8f8f8;
}
.ahai-search-results strong{
font-size:13px;
}
.ahai-search-results small{
display:block;
color:var(--ahai-verde-escuro);
font-weight:800;
margin-top:2px;
font-size:12px;
}
.ahai-no-result{
padding:13px;
font-size:13px;
}
/*==================================================
07.5 - ÁREAS LIVRES DO CABEÇALHO / MENU
====================================================*/
.ahai-header-free{
display:flex;
align-items:center;
min-width:0;
flex:0 1 auto;
}
.ahai-header-free > a,
.ahai-header-free > span{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--ahai-header-free-gap);
max-width:var(--ahai-header-free-max-width);
min-height:var(--ahai-button-height);
padding:var(--ahai-header-free-padding-y) var(--ahai-header-free-padding-x);
border:var(--ahai-header-free-border-width) solid var(--ahai-header-free-border-color);
border-radius:var(--ahai-header-free-radius);
background:var(--ahai-header-free-bg);
color:var(--ahai-header-free-text-color);
font-size:var(--ahai-header-free-font-size);
font-weight:var(--ahai-header-free-font-weight);
line-height:1.15;
text-decoration:none;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
transition:.22s ease;
}
.ahai-header-free i{
color:var(--ahai-header-free-icon-color);
font-size:1.08em;
line-height:1;
flex:0 0 auto;
}
.ahai-header-free em,
.ahai-header-free-html{
font-style:normal;
overflow:hidden;
text-overflow:ellipsis;
}
.ahai-header-free-html a{
color:inherit;
text-decoration:underline;
}
.ahai-header-free-html img{
max-height:1.6em;
width:auto;
vertical-align:middle;
}
.ahai-header-free > a:hover{
border-color:var(--ahai-verde);
box-shadow:0 5px 14px rgba(153,204,0,.16);
transform:translateY(-1px);
}
/*==================================================
07.6 - LINHA FLEXÍVEL DO CABEÇALHO
====================================================*/
.ahai-cabecalho-linha-flexivel-area{
display:block;
background:var(--ahai-cabecalho-linha-flexivel-fundo);
border-top:1px solid var(--ahai-cabecalho-linha-flexivel-borda);
color:var(--ahai-cabecalho-linha-flexivel-cor-texto);
}
.ahai-cabecalho-linha-flexivel-grade{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--ahai-cabecalho-linha-flexivel-espaco-colunas);
align-items:center;
padding:var(--ahai-cabecalho-linha-flexivel-espaco-y) 0;
}
.ahai-cabecalho-linha-flexivel-item{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
min-width:0;
font-size:var(--ahai-cabecalho-linha-flexivel-fonte);
font-weight:800;
line-height:1.25;
color:var(--ahai-cabecalho-linha-flexivel-cor-texto);
text-decoration:none;
text-align:center;
}
.ahai-cabecalho-linha-flexivel-item i{
color:var(--ahai-cabecalho-linha-flexivel-cor-icone);
flex:0 0 auto;
}
.ahai-cabecalho-linha-flexivel-item span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
}
.ahai-cabecalho-linha-flexivel-html a{
color:inherit;
text-decoration:underline;
}
.ahai-cabecalho-linha-flexivel-html img{
max-height:1.6em;
width:auto;
vertical-align:middle;
}
.ahai-cabecalho-linha-flexivel-item:hover{
color:var(--ahai-verde-escuro);
}
@media(max-width:900px){
.ahai-cabecalho-linha-flexivel-grade{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:520px){
.ahai-cabecalho-linha-flexivel-grade{
grid-template-columns:1fr;
}
}
/*==================================================
08 - MENU PRINCIPAL / DROPDOWN
====================================================*/
.ahai-nav{
background:var(--ahai-menu-bg);
border-top:var(--ahai-menu-border-top-width) solid var(--ahai-menu-border-top-color);
border-bottom:var(--ahai-menu-border-bottom-width) solid var(--ahai-menu-border-bottom-color);
min-height:var(--ahai-menu-height);
font-family:var(--ahai-fonte-menu-cabecalho);
}
.ahai-nav-wrap{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.ahai-menu-area{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
flex:1 1 auto;
}
.ahai-menu-toggle{
display:none;
height:30px;
border:1px solid var(--ahai-borda);
border-radius:11px;
background:#fff;
font-size:13px;
font-weight:800;
padding:0 14px;
cursor:pointer;
}
.ahai-nav ul{
list-style:none;
margin:0;
padding:0;
display:flex;
align-items:center;
justify-content:center;
gap:2px;
flex-wrap:wrap;
}
.ahai-nav li{
position:relative;
}
.ahai-nav a{
font-family:var(--ahai-fonte-menu-cabecalho);
display:flex;
align-items:center;
min-height:calc(var(--ahai-menu-height,44px) - 10px);
padding:0 14px;
text-decoration:none;
color:#111;
font-weight:800;
font-size:13px;
border-radius:11px;
white-space:nowrap;
}
.ahai-nav a:hover,
.ahai-nav li:hover>a{
background:rgba(153,204,0,.16);
color:#4f5d00;
}
.ahai-nav .sub-menu{
position:absolute;
top:100%;
left:0;
display:block;
min-width:230px;
background:#fff;
border:1px solid var(--ahai-borda);
border-radius:14px;
padding:8px;
box-shadow:0 18px 40px rgba(0,0,0,.12);
opacity:0;
visibility:hidden;
transform:translateY(8px);
transition:.18s ease;
z-index:80;
}
.ahai-nav li:hover>.sub-menu{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.ahai-nav .sub-menu a{
justify-content:flex-start;
border-radius:10px;
min-height:var(--ahai-button-height);
font-size:13px;
}
.ahai-nav .sub-menu .sub-menu{
top:0;
left:100%;
margin-left:8px;
}
/*==================================================
09 - HOME / SLIDER
====================================================*/
.ahai-hero-slider{
padding-top:var(--ahai-slider-padding-top,20px);
padding-bottom:var(--ahai-slider-padding-bottom,20px);
}
.ahai-slider{
position:relative;
overflow:hidden;
border-radius:var(--ahai-slider-radius,var(--ahai-radius));
box-shadow:0 8px 24px rgba(0,0,0,.08);
background:#fff;
}
.ahai-slider-track{
display:flex;
transition:transform .45s ease;
will-change:transform;
}
.ahai-slide{
min-width:100%;
display:block;
}
.ahai-slide img{
display:block;
width:100%;
height:var(--ahai-slider-height,300px);
object-fit:var(--ahai-slider-object-fit,contain);
background:var(--ahai-slider-bg,#fff);
}
.ahai-slider-prev,
.ahai-slider-next{
position:absolute;
top:50%;
transform:translateY(-50%);
width:30px;
height:30px;
border:0;
border-radius:11px;
background:var(--ahai-slider-arrow-bg,rgba(255,255,255,.92));
font-size:24px;
line-height:28px;
cursor:pointer;
box-shadow:0 4px 12px rgba(0,0,0,.14);
color:var(--ahai-slider-arrow-color,#111);
}
.ahai-slider-prev{
left:12px;
}
.ahai-slider-next{
right:12px;
}
.ahai-slider-prev:hover,
.ahai-slider-next:hover{
background:var(--ahai-slider-arrow-hover-bg,var(--ahai-verde));
}
/*==================================================
09.5 - MENSAGEM DE CONFIANÇA ABAIXO DO CARROSSEL
====================================================*/
.ahai-home-confidence-strip{
margin:8px auto 18px;
}
.ahai-home-confidence-card{
display:flex;
align-items:center;
gap:14px;
width:100%;
min-height:58px;
padding:var(--ahai-home-confidence-padding-y) var(--ahai-home-confidence-padding-x);
border:1px solid var(--ahai-home-confidence-border-color);
border-radius:var(--ahai-home-confidence-radius);
background:var(--ahai-home-confidence-bg);
color:var(--ahai-home-confidence-text-color);
box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.ahai-home-confidence-icon{
width:32px;
height:32px;
flex:0 0 32px;
color:var(--ahai-home-confidence-icon-color);
}
.ahai-home-confidence-icon svg{
width:100%;
height:100%;
display:block;
fill:currentColor;
}
.ahai-home-confidence-texto{
min-width:0;
line-height:1.25;
}
.ahai-home-confidence-texto strong{
display:block;
color:var(--ahai-home-confidence-title-color);
font-size:15px;
font-weight:900;
margin-bottom:2px;
}
.ahai-home-confidence-texto span{
display:block;
color:var(--ahai-home-confidence-text-color);
font-size:13px;
}
/*==================================================
10 - TÍTULOS DAS SEÇÕES
====================================================*/
.ahai-section-head{
display:flex;
justify-content:space-between;
align-items:center;
margin:24px 0 14px;
}
.ahai-section-head h2{
font-size:22px;
margin:0;
}
.ahai-section-head a{
color:var(--ahai-verde-escuro);
font-weight:900;
text-decoration:none;
font-size:13px;
}
/*==================================================
11 - CARTÕES DE PRODUTOS
====================================================*/
.ahai-products-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}
.ahai-card-product{
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
overflow:hidden;
background:#fff;
display:flex;
flex-direction:column;
transition:.2s;
}
.ahai-card-product:hover{
transform:translateY(-3px);
box-shadow:0 10px 24px rgba(0,0,0,.08);
border-color:var(--ahai-verde);
}
.ahai-card-img{
height:210px;
display:flex;
align-items:center;
justify-content:center;
background:#fafafa;
padding:16px;
}
.ahai-card-img img{
max-height:180px;
max-width:100%;
width:auto;
object-fit:contain;
}
.ahai-card-body{
padding:14px;
display:flex;
flex-direction:column;
gap:9px;
flex:1;
}
.ahai-card-title{
font-weight:800;
text-decoration:none;
color:#222;
min-height:38px;
font-size:13px;
line-height:1.35;
}
.ahai-price{
font-size:17px;
font-weight:900;
}
.ahai-btn{
margin-top:auto;
text-align:center;
border-radius:11px;
background:var(--ahai-verde-escuro);
color:#fff;
text-decoration:none;
padding:7px 12px;
min-height:var(--ahai-button-height);
font-size:13px;
font-weight:800;
display:flex;
align-items:center;
justify-content:center;
}
.ahai-btn:hover{
background:#4f5d00;
color:#fff;
}
/*==================================================
12 - CATEGORIAS DA HOME
====================================================*/
.ahai-home-cats{
padding:24px 0;
}
.ahai-cats-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:14px;
}
.ahai-cat-card{
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
padding:15px;
display:flex;
gap:7px;
flex-direction:column;
text-decoration:none;
color:#222;
background:#fff;
transition:.2s;
}
.ahai-cat-card:hover{
border-color:var(--ahai-verde);
box-shadow:0 8px 20px rgba(0,0,0,.07);
transform:translateY(-2px);
}
.ahai-cat-card span{
font-size:24px;
}
.ahai-cat-card strong{
font-size:16px;
}
.ahai-cat-card small{
color:var(--ahai-verde-escuro);
font-weight:800;
font-size:12px;
}
/*==================================================
13 - SEÇÃO DE CONFIANÇA DA HOME
====================================================*/
.ahai-trust{
padding:10px 0 34px;
}
.ahai-trust-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
padding:16px;
background:#fff;
}
.ahai-trust-grid div{
display:flex;
flex-direction:column;
gap:3px;
}
.ahai-trust-grid strong{
font-size:14px;
}
.ahai-trust-grid span{
font-size:12px;
color:var(--ahai-cinza);
}
/*==================================================
14 - FORMULÁRIOS / INPUTS / BOTÕES GERAIS
====================================================*/
/*
Padrão neutro para campos comuns do site.
A regra usa :where() para ter baixa especificidade: qualquer campo que
já tenha configuração própria no painel ou em CSS específico continua
mandando sobre estes valores.
*/
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]), select, textarea){
border:1px solid #eee;
border-radius:10px;
background:#fff;
}
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]), select){
min-height:var(--ahai-input-height)!important;
}
:where(textarea){
border-radius:10px;
}
button,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
border-radius:11px;
}
/*==================================================
15 - WOOCOMMERCE
====================================================*/
.woocommerce .quantity .qty{
height:var(--ahai-input-height)!important;
border:1px solid #eee!important;
border-radius:10px!important;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
min-height:var(--ahai-input-height)!important;
padding:7px 14px!important;
font-size:13px!important;
background:var(--ahai-verde-escuro);
color:#fff;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
background:#4f5d00;
color:#fff;
}
/*==================================================
16 - FOOTER BASE
====================================================*/
.ahai-footer{
background:var(--ahai-footer-bg);
color:#d8d8d8;
margin-top:30px;
font-size:12px;
font-family:var(--ahai-fonte-textos-rodape);
}
.ahai-footer-inner{
padding:24px 0 16px;
text-align:center;
}
.ahai-footer-logo{
display:flex;
justify-content:center;
margin-bottom:14px;
}
.ahai-footer-logo img{
max-width:var(--ahai-footer-logo-width);
max-height:76px;
width:auto;
height:auto;
}
.ahai-footer-desc{
max-width:720px;
margin:0 auto 16px;
color:#c9c9c9;
font-size:12px;
}
.ahai-footer-menu{
font-family:var(--ahai-fonte-menu-rodape);
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:0;
margin:10px auto 14px;
}
.ahai-footer-menu ul,
.ahai-footer-menu-list{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:0;
list-style:none;
margin:0;
padding:0;
}
.ahai-footer-menu li{
display:inline-flex;
align-items:center;
position:relative;
margin:0;
padding:0;
}
.ahai-footer-menu a{
font-family:var(--ahai-fonte-menu-rodape);
color:var(--ahai-footer-link-color, #e6e6e6);
text-decoration:none;
font-size:var(--ahai-footer-font-size, 12px);
font-weight:700;
display:inline-flex;
align-items:center;
position:relative;
padding:0 10px;
}
.ahai-footer-menu a:hover{
color:var(--ahai-footer-link-hover, var(--ahai-verde));
}
.ahai-footer-menu li:not(:last-child)::after,
.ahai-footer-menu > a:not(:last-child)::after{
content:"|";
color:var(--ahai-footer-link-color, #e6e6e6);
opacity:.55;
font-weight:600;
margin:0 10px;
}
.ahai-footer-copy{
text-align:center;
border-top:1px solid #333;
padding:11px;
color:#aaa;
font-size:11px;
}
.ahai-footer-copy strong{
color:#fff;
font-weight:800;
}
/*==================================================
17 - FOOTER / SELOS DE CONFIANÇA
====================================================*/
.ahai-footer-selos-faixa{
width:100%;
min-height:var(--ahai-footer-selos-faixa-min-height);
padding-top:var(--ahai-footer-selos-faixa-padding-top);
padding-bottom:var(--ahai-footer-selos-faixa-padding-bottom);
background:var(--ahai-footer-selos-faixa-bg);
border-top:var(--ahai-footer-selos-faixa-border-top-width) solid var(--ahai-footer-selos-faixa-border-color);
border-bottom:var(--ahai-footer-selos-faixa-border-bottom-width) solid var(--ahai-footer-selos-faixa-border-color);
border-radius:var(--ahai-footer-selos-faixa-radius);
box-sizing:border-box;
}
.ahai-footer-selos-container{
width:100%;
max-width:var(--ahai-footer-selos-container-max-width);
min-height:var(--ahai-footer-selos-container-min-height);
margin-left:auto;
margin-right:auto;
padding:var(--ahai-footer-selos-container-padding-y) var(--ahai-footer-selos-container-padding-x);
background:var(--ahai-footer-selos-container-bg);
border:var(--ahai-footer-selos-container-border-width) solid var(--ahai-footer-selos-container-border-color);
border-radius:var(--ahai-footer-selos-container-radius);
box-sizing:border-box;
}
.ahai-footer-seals{
width:100%;
padding:28px 0 8px;
background:transparent;
box-sizing:border-box;
}
.ahai-footer .ahai-seals-grid{
display:flex!important;
justify-content:space-evenly!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:var(--ahai-footer-seals-gap)!important;
padding:var(--ahai-footer-seals-padding)!important;
background:var(--ahai-footer-seals-bg)!important;
border:1px solid var(--ahai-footer-seals-border-color)!important;
border-radius:var(--ahai-footer-seals-radius)!important;
box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
.ahai-footer .ahai-seal{
display:flex!important;
justify-content:center!important;
align-items:center!important;
min-width:220px!important;
min-height:90px!important;
text-align:center!important;
flex:0 1 240px!important;
}
.ahai-footer .ahai-seal>div{
display:flex;
justify-content:center;
align-items:center;
width:100%;
}
.ahai-footer .ahai-seal img{
max-width:180px!important;
height:auto!important;
display:block!important;
margin:0 auto!important;
}
.ahai-footer .ahai-safe-card{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
padding:10px 16px!important;
border:1px solid var(--ahai-footer-seals-card-border)!important;
border-radius:20px!important;
background:var(--ahai-footer-seals-card-bg)!important;
text-decoration:none!important;
font-family:Inter,Roboto,sans-serif!important;
box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
min-height:66px!important;
}
.ahai-footer .ahai-google-card{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:10px 16px!important;
border:1px solid var(--ahai-footer-seals-card-border)!important;
border-radius:20px!important;
background:var(--ahai-footer-seals-card-bg)!important;
text-decoration:none!important;
box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
width:100%!important;
max-width:220px!important;
min-height:66px!important;
overflow:hidden!important;
}
.ahai-footer .ahai-safe-card:hover,
.ahai-footer .ahai-google-card:hover{
border-color:var(--ahai-verde)!important;
box-shadow:0 5px 14px rgba(153,204,0,.18)!important;
transform:translateY(-1px)!important;
}
.ahai-footer .ahai-google-icon{
width:150px!important;
max-width:150px!important;
height:auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 150px!important;
overflow:hidden!important;
}
.ahai-footer .ahai-google-icon img{
width:150px!important;
max-width:150px!important;
height:auto!important;
display:block!important;
margin:0 auto!important;
}
.ahai-footer .ahai-safe-icon{
width:45px!important;
height:45px!important;
border-radius:50%!important;
background:var(--ahai-footer-seals-icon-bg)!important;
color:var(--ahai-footer-seals-icon-color)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:22px!important;
font-weight:900!important;
flex:0 0 45px!important;
}
.ahai-footer .ahai-safe-text{
display:flex!important;
flex-direction:column!important;
text-align:left!important;
line-height:1.2!important;
}
.ahai-footer .ahai-safe-title{
font-size:15px!important;
font-weight:900!important;
color:var(--ahai-footer-seals-text-color)!important;
white-space:nowrap!important;
}
.ahai-footer .ahai-safe-subtitle{
font-size:12px!important;
color:var(--ahai-footer-seals-text-color)!important;
white-space:nowrap!important;
}
/*==================================================
18 - RESPONSIVO / TABLET
====================================================*/
@media(max-width:900px){
.ahai-header-free{justify-content:center;width:100%;}
.ahai-header-free > a,.ahai-header-free > span{max-width:100%;}
.ahai-menu-area{width:100%;flex-direction:column;}
.ahai-header-inner{
grid-template-columns:1fr;
gap:12px;
text-align:center;
}
.ahai-logo{
justify-content:center;
}
.ahai-actions,
.ahai-header-banner-area{
justify-content:center;
}
.ahai-nav-wrap{
padding:8px 0;
display:block;
}
.ahai-menu-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
}
.ahai-nav ul{
display:none;
align-items:stretch;
justify-content:flex-start;
flex-direction:column;
margin-top:8px;
background:#fff;
border:1px solid var(--ahai-borda);
border-radius:14px;
padding:8px;
}
.ahai-nav.is-open ul{
display:flex;
}
.ahai-nav a{
justify-content:space-between;
border-radius:10px;
}
.ahai-nav .sub-menu{
position:static;
display:none;
box-shadow:none;
border:0;
border-radius:10px;
background:#f8f8f8;
padding:6px;
margin:2px 0 6px 12px;
opacity:1;
visibility:visible;
transform:none;
min-width:0;
}
.ahai-nav li:hover>.sub-menu{
display:block;
}
.ahai-products-grid{
grid-template-columns:repeat(2,1fr);
}
.ahai-cats-grid,
.ahai-trust-grid{
grid-template-columns:repeat(2,1fr);
}
.ahai-slide img{
height:auto;
}
.ahai-footer-menu{
gap:8px 14px;
}
}
/*==================================================
19 - RESPONSIVO / CELULAR
====================================================*/
@media(max-width:520px){
.ahai-container{
width:min(100% - 22px,1200px);
}
.ahai-products-grid,
.ahai-cats-grid,
.ahai-trust-grid{
grid-template-columns:1fr;
}
.ahai-card-img{
height:200px;
}
.ahai-search button{
min-width:72px;
padding:0 12px;
}
.ahai-actions a{
font-size:12px;
padding:0 10px;
}
.ahai-footer-logo img{
max-width:170px;
}
}
/*==================================================
20 - RESPONSIVO / SELOS
====================================================*/
@media(max-width:768px){
.ahai-footer .ahai-seals-grid{
flex-direction:column!important;
gap:18px!important;
}
.ahai-footer .ahai-seal{
width:100%!important;
min-width:0!important;
flex:0 1 auto!important;
}
}
/*==================================================
20 - AJUSTES HOME V9 / ÍCONES / HEADER
====================================================*/
/* Menu alinhado pelo Personalizar da Plataforma AHAI. */
/* Botões de ação no padrão arredondado da marca */
.ahai-actions a.ahai-account,
.ahai-actions a.ahai-cart{
gap:6px;
height:var(--ahai-button-height);
border-radius:11px;
background:var(--ahai-verde)!important;
color:#111!important;
padding:0 12px;
line-height:1;
box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.ahai-actions a.ahai-account:hover,
.ahai-actions a.ahai-cart:hover{
background:#8fc000!important;
color:#111!important;
transform:translateY(-1px);
}
.ahai-actions svg{
width:16px;
height:16px;
display:block;
fill:currentColor;
flex:0 0 16px;
}
.ahai-cart-count{
min-width:18px;
height:18px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:11px;
background:#111;
color:#fff;
font-size:11px;
font-weight:900;
padding:0 5px;
margin-left:1px;
}
/* Botão da busca somente com lupa */
.ahai-search button{
min-width:48px;
width:48px;
padding:0;
display:flex;
align-items:center;
justify-content:center;
}
.ahai-search-icon{
width:18px;
height:18px;
display:block;
fill:#fff;
}
/* Ícones bonitos da home */
.ahai-home-icon{
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 8px;
color:var(--ahai-verde-escuro);
}
.ahai-home-icon svg{
width:54px;
height:54px;
display:block;
fill:currentColor;
}
.ahai-cat-card{
align-items:center;
justify-content:center;
text-align:center;
min-height:150px;
padding:18px 14px;
}
.ahai-cat-card strong{
font-size:16px;
line-height:1.15;
}
.ahai-cat-card small{
max-width:180px;
font-size:12px;
line-height:1.35;
color:var(--ahai-cinza);
font-weight:600;
}
.ahai-cat-card:hover .ahai-home-icon,
.ahai-trust-card:hover .ahai-home-icon{
color:var(--ahai-verde);
transform:translateY(-2px);
}
/* Seção de confiança no mesmo padrão dos ícones */
.ahai-trust-grid{
border:0;
padding:0;
background:transparent;
}
.ahai-trust-card{
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
padding:20px 14px;
background:#fff;
align-items:center;
justify-content:center;
text-align:center;
min-height:160px;
box-shadow:0 4px 16px rgba(0,0,0,.04);
transition:.2s;
}
.ahai-trust-card:hover{
border-color:var(--ahai-verde);
box-shadow:0 8px 20px rgba(0,0,0,.07);
transform:translateY(-2px);
}
.ahai-trust-card strong{
font-size:16px;
line-height:1.15;
color:var(--ahai-preto);
}
.ahai-trust-card span:not(.ahai-home-icon){
max-width:190px;
font-size:12px;
line-height:1.35;
color:var(--ahai-cinza);
margin:0 auto;
}
@media(max-width:900px){
.ahai-nav-wrap{
justify-content:flex-start;
}
.ahai-nav ul{
justify-content:flex-start;
}
.ahai-actions{
flex-wrap:wrap;
}
}
@media(max-width:520px){
.ahai-actions a.ahai-account,
.ahai-actions a.ahai-cart{
padding:0 10px;
}
.ahai-actions svg{
width:15px;
height:15px;
}
}
/*==================================================
21 - AHAI CUSTOMIZER / CONTROLES VISUAIS V10
====================================================*/
body{
background:var(--ahai-fundo);
font-size:var(--ahai-site-font-size);
line-height:var(--ahai-site-line-height);
}
.ahai-topbar{
background:var(--ahai-topbar-bg);
color:var(--ahai-topbar-color);
font-size:var(--ahai-topbar-font-size);
min-height:var(--ahai-topbar-height);
}
.ahai-header-inner{
padding-top:var(--ahai-header-padding-top);
padding-bottom:var(--ahai-header-padding-bottom);
}
.ahai-nav a{
color:var(--ahai-menu-color);
font-size:var(--ahai-menu-font-size);
}
.ahai-nav a:hover,
.ahai-nav li:hover>a{
background:var(--ahai-menu-hover-bg);
color:var(--ahai-menu-hover-color);
}
.ahai-search{
border-color:var(--ahai-input-border-color);
}
.ahai-search input[type=search],
input:not([type=checkbox]):not([type=radio]),
select,
textarea{
font-size:var(--ahai-input-font-size);
}
.ahai-search button,
.ahai-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
background:var(--ahai-button-bg)!important;
color:var(--ahai-button-text)!important;
font-size:var(--ahai-button-font-size)!important;
}
.ahai-search button:hover,
.ahai-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
background:var(--ahai-button-hover-bg)!important;
color:var(--ahai-button-hover-text)!important;
}
.ahai-actions a.ahai-account,
.ahai-actions a.ahai-cart{
background:var(--ahai-header-button-bg)!important;
color:var(--ahai-header-button-text)!important;
}
.ahai-section-head h2{
color:var(--ahai-section-title-color);
font-size:var(--ahai-section-title-size);
}
.ahai-section-head a{
color:var(--ahai-section-link-color);
}
.ahai-home-icon{
width:var(--ahai-home-icon-size);
height:var(--ahai-home-icon-size);
color:var(--ahai-home-icon-color);
}
.ahai-home-icon svg{
width:var(--ahai-home-icon-size);
height:var(--ahai-home-icon-size);
}
.ahai-cat-card strong,
.ahai-trust-card strong{
font-size:var(--ahai-home-card-title-size);
}
.ahai-cat-card small,
.ahai-trust-card span:not(.ahai-home-icon){
font-size:var(--ahai-home-card-text-size);
}
.ahai-card-product{
border-color:var(--ahai-product-card-border);
border-radius:var(--ahai-product-card-radius);
background:var(--ahai-product-card-bg);
}
.ahai-card-img{
height:var(--ahai-product-card-image-height);
background:var(--ahai-product-card-image-bg);
}
.ahai-card-img img{
max-height:calc(var(--ahai-product-card-image-height) - 30px);
}
.ahai-card-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title{
color:var(--ahai-product-title-color);
font-size:var(--ahai-product-title-size);
font-weight:var(--ahai-product-title-weight);
}
.ahai-price,
.woocommerce .price{
color:var(--ahai-price-color)!important;
font-size:var(--ahai-price-size)!important;
font-weight:var(--ahai-price-weight)!important;
}
.ahai-price ins,
.woocommerce .price ins{
color:var(--ahai-price-sale-color)!important;
text-decoration:none;
}
.ahai-price del,
.woocommerce .price del{
color:var(--ahai-price-regular-color)!important;
opacity:1!important;
}
.woocommerce .woocommerce-products-header__title,
.woocommerce div.product .product_title,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3{
color:var(--ahai-woo-title-color);
}
.woocommerce .woocommerce-products-header__title,
.woocommerce div.product .product_title{
font-size:var(--ahai-woo-title-size);
}
.woocommerce,
.woocommerce p,
.woocommerce table,
.woocommerce form,
.woocommerce div.product{
font-size:var(--ahai-woo-text-size);
}
.woocommerce a{
color:var(--ahai-woo-link-color);
}
.ahai-footer{
color:var(--ahai-footer-text-color);
font-size:var(--ahai-footer-font-size);
}
.ahai-footer-desc{
color:var(--ahai-footer-text-color);
font-size:var(--ahai-footer-font-size);
}
.ahai-footer-menu a{
color:var(--ahai-footer-link-color);
font-size:var(--ahai-footer-font-size);
}
.ahai-footer-menu a:hover{
color:var(--ahai-footer-link-hover);
}
.ahai-footer-copy{
font-size:var(--ahai-footer-copy-size);
}
/*==================================================
20 - MENU DO GRUPO AHAI / MULTIMARCAS
====================================================*/
.ahai-topbar-inner{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
position:relative;
min-height:var(--ahai-topbar-height);
}
.ahai-group-switcher{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
z-index:100;
}
.ahai-group-button{
height:22px;
border:1px solid rgba(255,255,255,.22);
border-radius:11px;
background:rgba(255,255,255,.08);
color:#fff;
font-size:11px;
font-weight:800;
padding:0 10px;
cursor:pointer;
}
.ahai-group-button:after{
content:'▾';
margin-left:6px;
font-size:10px;
}
.ahai-group-dropdown{
position:absolute;
top:calc(100% + 7px);
right:0;
width:150px;
background:#fff;
border:1px solid var(--ahai-borda);
border-radius:12px;
box-shadow:0 12px 28px rgba(0,0,0,.18);
padding:6px;
opacity:0;
visibility:hidden;
transform:translateY(6px);
transition:.18s ease;
}
.ahai-group-switcher:hover .ahai-group-dropdown,
.ahai-group-switcher:focus-within .ahai-group-dropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.ahai-group-dropdown a{
display:block;
padding:7px 9px;
border-radius:9px;
color:#111;
text-decoration:none;
font-size:12px;
font-weight:800;
text-align:left;
}
.ahai-group-dropdown a:hover{
background:rgba(153,204,0,.16);
color:var(--ahai-verde-escuro);
}
@media(max-width:900px){
.ahai-topbar-inner{
flex-direction:column;
gap:5px;
}
.ahai-group-switcher{
position:relative;
right:auto;
top:auto;
transform:none;
}
}
/*==================================================
21 - LOJA / GRADE DE PRODUTOS WOOCOMMERCE
====================================================*/
.ahai-shop-wrap .woocommerce{
width:100%;
}
.woocommerce .woocommerce-result-count{
float:left!important;
margin:0 0 12px!important;
min-height:var(--ahai-input-height);
display:flex;
align-items:center;
color:var(--ahai-verde-escuro);
font-size:12px;
font-weight:700;
}
.woocommerce .woocommerce-ordering{
float:right!important;
margin:0 0 12px!important;
font-size:12px;
}
.woocommerce .woocommerce-ordering select{
width:260px;
max-width:100%;
height:var(--ahai-input-height);
min-height:var(--ahai-input-height);
border:1px solid #eee;
border-radius:10px;
padding:0 12px;
font-size:12px;
background:#fff;
}
.woocommerce ul.products,
.woocommerce-page ul.products{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:18px!important;
margin:0!important;
padding:0!important;
list-style:none!important;
clear:both!important;
}
.woocommerce ul.products:before,
.woocommerce ul.products:after{
display:none!important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
width:auto!important;
margin:0!important;
padding:0!important;
float:none!important;
clear:none!important;
display:flex!important;
flex-direction:column!important;
min-height:100%!important;
border:1px solid var(--ahai-product-card-border);
border-radius:var(--ahai-product-card-radius);
overflow:hidden;
background:var(--ahai-product-card-bg);
transition:.2s ease;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
transform:translateY(-3px);
box-shadow:0 10px 24px rgba(0,0,0,.08);
border-color:var(--ahai-verde);
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
display:flex!important;
flex-direction:column!important;
flex:1 1 auto!important;
text-decoration:none!important;
color:inherit!important;
}
.woocommerce ul.products li.product a img{
display:block!important;
width:100%!important;
height:var(--ahai-product-card-image-height)!important;
object-fit:contain!important;
background:var(--ahai-product-card-image-bg)!important;
padding:16px!important;
margin:0!important;
order:1;
}
.woocommerce ul.products li.product .price{
order:2;
display:block!important;
min-height:28px;
margin:14px 14px 6px!important;
color:var(--ahai-price-color)!important;
font-size:var(--ahai-price-size)!important;
font-weight:var(--ahai-price-weight)!important;
line-height:1.2!important;
}
.woocommerce ul.products li.product .price del{
color:var(--ahai-price-regular-color)!important;
opacity:1!important;
margin-right:4px;
}
.woocommerce ul.products li.product .price ins{
color:var(--ahai-price-sale-color)!important;
text-decoration:none!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
order:3;
min-height:54px!important;
margin:0 14px 10px!important;
padding:0!important;
color:var(--ahai-product-title-color)!important;
font-size:var(--ahai-product-title-size)!important;
font-weight:var(--ahai-product-title-weight)!important;
line-height:1.35!important;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .added_to_cart{
width:calc(100% - 28px)!important;
min-height:var(--ahai-button-height)!important;
margin:auto 14px 14px!important;
padding:7px 12px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:11px!important;
background:var(--ahai-button-bg)!important;
color:var(--ahai-button-text)!important;
font-size:var(--ahai-button-font-size)!important;
font-weight:800!important;
text-align:center!important;
text-decoration:none!important;
line-height:1.15!important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .added_to_cart:hover{
background:var(--ahai-button-hover-bg)!important;
color:var(--ahai-button-hover-text)!important;
}
.woocommerce nav.woocommerce-pagination{
margin:28px 0 0;
text-align:center;
}
.woocommerce nav.woocommerce-pagination ul{
border:0!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:6px!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
.woocommerce nav.woocommerce-pagination ul li{
border:0!important;
float:none!important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
min-width:30px;
height:30px;
border-radius:11px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 10px!important;
background:#fff!important;
border:1px solid var(--ahai-borda)!important;
color:#111!important;
font-size:12px!important;
font-weight:800!important;
text-decoration:none!important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
background:var(--ahai-verde)!important;
border-color:var(--ahai-verde)!important;
color:#111!important;
}
.ahai-carregar-mais-wrap{
display:flex;
justify-content:center;
margin:28px 0 0;
}
.ahai-carregar-mais{
min-height:var(--ahai-button-height);
border:0;
border-radius:11px;
background:var(--ahai-button-bg);
color:var(--ahai-button-text);
padding:0 24px;
font-size:var(--ahai-button-font-size);
font-weight:900;
cursor:pointer;
}
.ahai-carregar-mais:hover{
background:var(--ahai-button-hover-bg);
color:var(--ahai-button-hover-text);
}
.ahai-carregar-mais.is-loading{
opacity:.65;
pointer-events:none;
}
.ahai-carregar-mais.is-finished{
display:none;
}
@media(max-width:900px){
.woocommerce ul.products,
.woocommerce-page ul.products{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media(max-width:520px){
.woocommerce ul.products,
.woocommerce-page ul.products{
grid-template-columns:1fr!important;
}
}
/*==================================================
22 - LOJA / TEXTO SEO E CARTÕES DE CONFIANÇA
====================================================*/
.ahai-seo-category-text,
.ahai-seo-category-bottom{
padding:12px 18px!important;
margin:14px 0 10px!important;
border-radius:var(--ahai-radius)!important;
font-size:13px!important;
line-height:1.45!important;
}
.ahai-seo-category-text p,
.ahai-seo-category-bottom p{
margin:0!important;
}
.ahai-shop-confidence{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 18px;
}
.ahai-shop-confidence-card{
display:flex;
align-items:center;
gap:10px;
min-height:58px;
padding:9px 14px;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
box-shadow:0 4px 14px rgba(0,0,0,.035);
}
.ahai-shop-confidence-icon{
width:34px;
height:34px;
flex:0 0 34px;
display:flex;
align-items:center;
justify-content:center;
color:var(--ahai-verde-escuro);
}
.ahai-shop-confidence-icon svg{
width:34px;
height:34px;
fill:currentColor;
}
.ahai-shop-confidence-card strong{
display:block;
color:var(--ahai-preto);
font-size:14px;
line-height:1.15;
font-weight:900;
margin:0 0 2px;
}
.ahai-shop-confidence-card small{
display:block;
color:var(--ahai-cinza);
font-size:12px;
line-height:1.25;
font-weight:500;
}
@media(max-width:768px){
.ahai-shop-confidence{
grid-template-columns:1fr;
}
}
/*==================================================
23 - LOJA / CARTÃO DE PRODUTO PREMIUM
====================================================*/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
overflow:visible!important;
border:0!important;
background:transparent!important;
}
.woocommerce ul.products li.product .ahai-produto-cartao-interno,
.woocommerce-page ul.products li.product .ahai-produto-cartao-interno{
height:100%;
display:flex;
flex-direction:column;
overflow:hidden;
border:1px solid var(--ahai-product-card-border);
border-radius:var(--ahai-product-card-radius);
background:var(--ahai-product-card-bg);
transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.woocommerce ul.products li.product:hover .ahai-produto-cartao-interno,
.woocommerce-page ul.products li.product:hover .ahai-produto-cartao-interno{
transform:translateY(-5px);
box-shadow:0 14px 28px rgba(0,0,0,.10);
border-color:var(--ahai-verde);
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link.ahai-produto-link{
flex:1 1 auto!important;
}
.woocommerce ul.products li.product .ahai-produto-imagem{
display:flex;
align-items:center;
justify-content:center;
height:var(--ahai-product-card-image-height);
background:var(--ahai-product-card-image-bg);
overflow:hidden;
padding:16px;
}
.woocommerce ul.products li.product .ahai-produto-imagem img{
width:auto!important;
max-width:100%!important;
max-height:100%!important;
height:auto!important;
padding:0!important;
background:transparent!important;
transition:transform .25s ease;
}
.woocommerce ul.products li.product:hover .ahai-produto-imagem img{
transform:scale(1.055);
}
.woocommerce ul.products li.product .ahai-preco-produto,
.woocommerce ul.products li.product .price.ahai-preco-produto{
order:2;
min-height:28px;
margin:14px 14px 7px!important;
display:block!important;
}
.woocommerce ul.products li.product .ahai-titulo-produto,
.woocommerce ul.products li.product .woocommerce-loop-product__title.ahai-titulo-produto{
order:3;
min-height:54px!important;
margin:0 14px 12px!important;
display:-webkit-box!important;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.ahai-produto-acoes{
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:8px;
padding:0 14px 14px;
margin-top:auto;
}
.woocommerce ul.products li.product .ahai-produto-acoes a,
.woocommerce ul.products li.product .ahai-produto-acoes .button,
.woocommerce ul.products li.product .ahai-produto-acoes .added_to_cart{
width:100%!important;
min-height:var(--ahai-button-height)!important;
height:var(--ahai-button-height)!important;
margin:0!important;
padding:0 10px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
border-radius:11px!important;
text-decoration:none!important;
font-size:12px!important;
font-weight:900!important;
line-height:1!important;
transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
position:relative;
overflow:hidden;
}
.woocommerce ul.products li.product .ahai-loop-view{
background:#fff!important;
color:var(--ahai-verde-escuro)!important;
border:1px solid var(--ahai-verde)!important;
width:42px!important;
min-width:42px!important;
padding:0!important;
border-radius:50%!important;
}
.woocommerce ul.products li.product .ahai-loop-cart,
.woocommerce ul.products li.product .ahai-produto-acoes .added_to_cart{
background:var(--ahai-button-bg)!important;
color:var(--ahai-button-text)!important;
border:1px solid var(--ahai-button-bg)!important;
}
.woocommerce ul.products li.product .ahai-loop-view:hover{
background:rgba(153,204,0,.12)!important;
color:#111!important;
transform:translateY(-1px);
box-shadow:0 6px 14px rgba(153,204,0,.16);
}
.woocommerce ul.products li.product .ahai-loop-cart:hover,
.woocommerce ul.products li.product .ahai-produto-acoes .added_to_cart:hover{
background:var(--ahai-button-hover-bg)!important;
color:var(--ahai-button-hover-text)!important;
border-color:var(--ahai-button-hover-bg)!important;
transform:translateY(-1px);
box-shadow:0 6px 14px rgba(0,0,0,.16);
}
.ahai-icone-botao{
width:15px;
height:15px;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 15px;
transition:transform .18s ease;
}
.ahai-icone-botao svg{
width:15px;
height:15px;
fill:currentColor;
}
.woocommerce ul.products li.product .ahai-produto-acoes a:hover .ahai-icone-botao{
transform:translateX(2px) scale(1.06);
}
.woocommerce ul.products li.product .added_to_cart{
grid-column:1 / -1;
margin-top:8px!important;
}
@media(max-width:520px){
.ahai-produto-acoes{
grid-template-columns:1fr;
}
}
/* Texto apenas para leitores de tela */
.screen-reader-text{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
/* Loja: resultado e ordenação lado a lado no computador, compactos no celular */
@media(max-width:640px){
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{
float:none!important;
width:100%!important;
margin:0 0 8px!important;
}
.woocommerce .woocommerce-ordering select{
width:100%!important;
}
}
/*==================================================
24 - PÁGINA INDIVIDUAL DO PRODUTO
====================================================*/
.ahai-single-wrap{
padding:22px 0 34px;
}
.ahai-produto-individual{
width:100%;
}
.ahai-produto-topo{
display:grid;
grid-template-columns:minmax(280px, 0.95fr) minmax(320px, 1.05fr);
gap:22px;
align-items:stretch;
margin-bottom:20px;
}
.ahai-produto-galeria,
.ahai-produto-info-card{
background:var(--ahai-card-bg, #fff);
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
box-shadow:0 8px 24px rgba(0,0,0,.045);
}
.ahai-produto-galeria{
position:relative;
padding:var(--ahai-single-media-gallery-padding);
border-radius:var(--ahai-single-media-radius);
display:flex;
flex-direction:column;
min-height:var(--ahai-single-media-desktop-min-height);
}
.ahai-produto-info-card{
padding:18px;
min-height:var(--ahai-single-info-min-height, 430px);
display:flex;
flex-direction:column;
}
.ahai-produto-selo-oferta{
position:absolute;
top:12px;
left:12px;
z-index:4;
display:inline-flex;
align-items:center;
height:22px;
padding:0 9px;
border-radius:11px;
background:rgba(153,204,0,.16);
color:var(--ahai-verde-escuro);
font-size:11px;
font-weight:900;
}
.ahai-galeria-principal{
position:relative;
flex:1;
min-height:300px;
overflow:hidden;
border-radius:var(--ahai-single-media-radius);
background:#fafafa;
}
.ahai-galeria-trilho{
display:flex;
height:100%;
transition:transform .32s ease;
will-change:transform;
}
.ahai-galeria-slide{
min-width:100%;
margin:0;
display:flex;
align-items:center;
justify-content:center;
padding:var(--ahai-single-media-slide-padding);
}
.ahai-galeria-slide img{
display:block;
max-width:100%;
max-height:360px;
width:auto;
height:auto;
object-fit:var(--ahai-single-media-object-fit);
}
.ahai-galeria-seta,
.ahai-galeria-pausar,
.ahai-galeria-zoom{
position:absolute;
border:0;
cursor:pointer;
color:#111;
background:#fff;
box-shadow:0 4px 14px rgba(0,0,0,.12);
transition:.2s ease;
}
.ahai-galeria-seta{
top:50%;
transform:translateY(-50%);
width:30px;
height:30px;
border-radius:11px;
font-size:24px;
line-height:26px;
}
.ahai-galeria-anterior{left:10px;}
.ahai-galeria-proxima{right:10px;}
.ahai-galeria-pausar{
left:12px;
bottom:12px;
height:26px;
padding:0 10px;
border-radius:11px;
font-size:11px;
font-weight:800;
}
.ahai-galeria-zoom{
right:12px;
bottom:12px;
width:32px;
height:32px;
border-radius:11px;
display:flex;
align-items:center;
justify-content:center;
}
.ahai-galeria-zoom svg{
width:16px;
height:16px;
fill:currentColor;
}
.ahai-galeria-seta:hover,
.ahai-galeria-pausar:hover,
.ahai-galeria-zoom:hover{
background:var(--ahai-verde);
transform:translateY(-1px);
}
.ahai-galeria-seta:hover{
transform:translateY(-50%) scale(1.06);
}
.ahai-galeria-miniaturas{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:var(--ahai-single-media-thumbnail-gap);
margin-top:10px;
}
.ahai-galeria-miniatura{
height:72px;
padding:var(--ahai-single-media-thumbnail-padding);
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-single-media-radius);
background:#fff;
cursor:pointer;
transition:.2s ease;
}
.ahai-galeria-miniatura img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}
.ahai-galeria-miniatura:hover,
.ahai-galeria-miniatura.ativa{
border-color:var(--ahai-verde);
box-shadow:0 4px 12px rgba(153,204,0,.14);
}
.ahai-produto-titulo{
font-size:22px;
line-height:1.25;
margin:0 0 10px;
}
.ahai-produto-preco{
color:var(--ahai-price-color, #15191d);
font-size:22px;
font-weight:900;
margin:0 0 12px;
}
.ahai-produto-preco del{
color:var(--ahai-price-regular-color, #777);
font-size:16px;
opacity:.75;
}
.ahai-produto-preco ins{
color:var(--ahai-price-sale-color, #15191d);
text-decoration:none;
}
.ahai-produto-estoque{
display:inline-flex;
align-items:center;
align-self:flex-start;
min-height:24px;
padding:0 10px;
margin:0 0 12px;
border-radius:11px;
background:rgba(153,204,0,.14);
color:var(--ahai-verde-escuro);
font-size:12px;
font-weight:900;
}
.ahai-produto-estoque .stock{
margin:0;
}
.ahai-produto-estoque.esgotado,
.ahai-produto-estoque .out-of-stock{
background:#ffecec;
color:#a40000;
}
.ahai-produto-resumo{
font-size:13px;
color:var(--ahai-texto);
line-height:1.55;
margin-bottom:14px;
}
.ahai-produto-resumo p{
margin:0 0 8px;
}
.ahai-produto-compra{
margin-top:auto;
}
.ahai-produto-compra form.cart{
margin:0;
}
.ahai-produto-compra form.cart:not(.variations_form){
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.ahai-produto-compra .quantity{
position:relative;
display:inline-flex!important;
align-items:center;
height:34px;
border:1px solid var(--ahai-borda);
border-radius:11px;
overflow:hidden;
background:#fff;
}
.ahai-produto-compra .quantity .qty{
width:52px!important;
height:32px!important;
min-height:32px!important;
padding:0!important;
border:0!important;
text-align:center;
font-size:13px!important;
font-weight:800;
background:#fff;
appearance:textfield;
}
.ahai-produto-compra .quantity .qty::-webkit-inner-spin-button,
.ahai-produto-compra .quantity .qty::-webkit-outer-spin-button{
-webkit-appearance:none;
margin:0;
}
.ahai-qtd-btn{
width:30px;
height:32px;
border:0;
background:#fff;
color:var(--ahai-verde-escuro);
font-size:18px;
line-height:1;
font-weight:900;
cursor:pointer;
transition:.18s ease;
}
.ahai-qtd-btn:hover{
background:rgba(153,204,0,.14);
}
.ahai-produto-compra .single_add_to_cart_button,
.ahai-produto-compra .button{
min-height:34px!important;
height:34px!important;
padding:0 22px!important;
border-radius:11px!important;
background:var(--ahai-button-bg, var(--ahai-verde-escuro))!important;
color:var(--ahai-button-text, #fff)!important;
border:0!important;
font-size:13px!important;
font-weight:900!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 5px 13px rgba(101,112,0,.18);
transition:.22s ease!important;
}
.ahai-produto-compra .single_add_to_cart_button:hover,
.ahai-produto-compra .button:hover{
background:var(--ahai-button-hover-bg, #4f5d00)!important;
color:var(--ahai-button-hover-text, #fff)!important;
transform:translateY(-2px);
box-shadow:0 8px 18px rgba(101,112,0,.24);
}
.ahai-produto-compra .variations{
width:100%;
margin:0 0 12px;
}
.ahai-produto-compra .variations th,
.ahai-produto-compra .variations td{
display:block;
text-align:left;
padding:0 0 7px;
}
.ahai-produto-compra .variations select{
width:100%;
height:34px;
border:1px solid var(--ahai-borda);
padding:0 10px;
border-radius:11px;
}
.ahai-produto-compra .single_variation_wrap .woocommerce-variation-add-to-cart{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.ahai-produto-compra .woocommerce-variation-price{
margin:0 0 10px;
}
.ahai-produto-compra .reset_variations{
display:inline-block;
margin-top:6px;
font-size:12px;
color:var(--ahai-verde-escuro);
font-weight:800;
}
.ahai-produto-compra .frete,
.ahai-produto-compra .shipping-calculator-form,
.ahai-produto-compra [class*="frete"],
.ahai-produto-compra [id*="frete"],
.ahai-produto-compra [class*="shipping"],
.ahai-produto-compra [id*="shipping"]{
max-width:100%;
}
.ahai-produto-abas{
margin-top:16px;
background:#fff;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
padding:0 16px 16px;
}
.ahai-produto-abas .woocommerce-tabs ul.tabs{
display:flex;
gap:18px;
align-items:center;
padding:0!important;
margin:0 0 16px!important;
border-bottom:1px solid var(--ahai-borda);
list-style:none!important;
overflow-x:auto;
}
.ahai-produto-abas .woocommerce-tabs ul.tabs::before,
.ahai-produto-abas .woocommerce-tabs ul.tabs::after{
display:none!important;
}
.ahai-produto-abas .woocommerce-tabs ul.tabs li{
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
border-radius:0!important;
}
.ahai-produto-abas .woocommerce-tabs ul.tabs li::before,
.ahai-produto-abas .woocommerce-tabs ul.tabs li::after{
display:none!important;
}
.ahai-produto-abas .woocommerce-tabs ul.tabs li a{
display:flex!important;
align-items:center;
min-height:42px;
padding:0!important;
color:#333!important;
font-size:13px;
font-weight:900;
text-decoration:none;
border-bottom:3px solid transparent;
}
.ahai-produto-abas .woocommerce-tabs ul.tabs li.active a,
.ahai-produto-abas .woocommerce-tabs ul.tabs li a:hover{
color:var(--ahai-verde-escuro)!important;
border-bottom-color:var(--ahai-verde);
}
.ahai-produto-abas .woocommerce-Tabs-panel{
margin:0!important;
padding:0 0 4px!important;
text-align:left;
font-size:13px;
line-height:1.6;
}
.ahai-produto-abas .woocommerce-Tabs-panel h2{
font-size:18px;
margin:0 0 10px;
}
body.ahai-abas-boxed .ahai-produto-abas .woocommerce-tabs ul.tabs{
border-bottom:0;
gap:8px;
padding-top:12px!important;
}
body.ahai-abas-boxed .ahai-produto-abas .woocommerce-tabs ul.tabs li a{
min-height:32px;
padding:0 13px!important;
border:1px solid var(--ahai-borda);
border-radius:11px;
}
body.ahai-abas-boxed .ahai-produto-abas .woocommerce-tabs ul.tabs li.active a,
body.ahai-abas-boxed .ahai-produto-abas .woocommerce-tabs ul.tabs li a:hover{
background:rgba(153,204,0,.14);
border-color:var(--ahai-verde);
}
.ahai-lightbox-aberto{
overflow:hidden;
}
.ahai-zoom-modal{
position:fixed;
inset:0;
z-index:99999;
display:flex;
align-items:center;
justify-content:center;
padding:24px var(--ahai-product-photo-padding, 72px);
background:rgba(0,0,0,0);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity var(--ahai-product-photo-duration, 320ms) ease, background var(--ahai-product-photo-duration, 320ms) ease, visibility 0s linear var(--ahai-product-photo-duration, 320ms);
}
.ahai-zoom-modal.ativo{
background:var(--ahai-product-photo-overlay-bg, rgba(0,0,0,.86));
opacity:1;
visibility:visible;
pointer-events:auto;
transition:opacity var(--ahai-product-photo-duration, 320ms) ease, background var(--ahai-product-photo-duration, 320ms) ease, visibility 0s;
}
.ahai-zoom-modal.fechando{
background:rgba(0,0,0,0);
opacity:0;
}
.ahai-zoom-conteudo{
position:relative;
margin:0;
max-width:100%;
max-height:100%;
display:flex;
align-items:center;
justify-content:center;
transform:scale(.94) translateY(10px);
opacity:0;
transition:transform var(--ahai-product-photo-duration, 320ms) cubic-bezier(.2,.8,.2,1), opacity var(--ahai-product-photo-duration, 320ms) ease;
}
.ahai-zoom-modal.ativo .ahai-zoom-conteudo{
transform:scale(1) translateY(0);
opacity:1;
}
.ahai-zoom-modal.fechando .ahai-zoom-conteudo{
transform:scale(.96) translateY(8px);
opacity:0;
}
.ahai-zoom-modal.trocando .ahai-zoom-conteudo{
transform:scale(.985);
opacity:.45;
transition:transform var(--ahai-product-photo-change-duration, 180ms) ease, opacity var(--ahai-product-photo-change-duration, 180ms) ease;
}
.ahai-zoom-modal.efeito-fade .ahai-zoom-conteudo{
transform:none;
}
.ahai-zoom-modal.efeito-slide-up .ahai-zoom-conteudo{
transform:translateY(36px);
}
.ahai-zoom-modal.efeito-slide-up.ativo .ahai-zoom-conteudo{
transform:translateY(0);
}
.ahai-zoom-modal.efeito-slide-up.fechando .ahai-zoom-conteudo{
transform:translateY(28px);
}
.ahai-zoom-modal.efeito-slide-down .ahai-zoom-conteudo{
transform:translateY(-36px);
}
.ahai-zoom-modal.efeito-slide-down.ativo .ahai-zoom-conteudo{
transform:translateY(0);
}
.ahai-zoom-modal.efeito-slide-down.fechando .ahai-zoom-conteudo{
transform:translateY(-28px);
}
.ahai-zoom-modal.efeito-none,
.ahai-zoom-modal.efeito-none .ahai-zoom-conteudo,
.ahai-zoom-modal.efeito-none .ahai-zoom-fechar,
.ahai-zoom-modal.efeito-none .ahai-zoom-nav,
.ahai-zoom-modal.efeito-none .ahai-zoom-contador{
transition:none!important;
}
.ahai-zoom-modal.efeito-none .ahai-zoom-conteudo{
transform:none!important;
}
.ahai-zoom-modal img{
display:block;
max-width:var(--ahai-product-photo-max-width, 92vw);
max-height:var(--ahai-product-photo-max-height, 88vh);
width:auto;
height:auto;
background:var(--ahai-product-photo-window-bg, #fff);
border-radius:var(--ahai-product-photo-radius, 12px);
box-shadow:var(--ahai-product-photo-shadow, 0 20px 60px rgba(0,0,0,.35));
}
.ahai-zoom-fechar,
.ahai-zoom-nav{
position:absolute;
z-index:2;
border:0;
background:var(--ahai-product-photo-nav-bg, #fff);
color:var(--ahai-product-photo-nav-color, #111);
cursor:pointer;
box-shadow:0 8px 22px rgba(0,0,0,.24);
opacity:0;
transform:translateY(6px);
transition:background .2s ease, color .2s ease, opacity var(--ahai-product-photo-duration, 320ms) ease .08s, transform var(--ahai-product-photo-duration, 320ms) ease .08s;
}
.ahai-zoom-modal.ativo .ahai-zoom-fechar{
opacity:1;
transform:translateY(0);
}
.ahai-zoom-modal.ativo .ahai-zoom-nav{
opacity:1;
transform:translateY(-50%);
}
.ahai-zoom-fechar{
top:18px;
right:18px;
width:38px;
height:38px;
border-radius:12px;
font-size:25px;
line-height:1;
background:var(--ahai-product-photo-close-bg, #fff);
color:var(--ahai-product-photo-close-color, #111);
}
.ahai-zoom-nav{
top:50%;
transform:translateY(calc(-50% + 6px));
width:44px;
height:54px;
border-radius:14px;
font-size:38px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
}
.ahai-zoom-anterior{left:18px;}
.ahai-zoom-proxima{right:18px;}
.ahai-zoom-fechar:hover,
.ahai-zoom-nav:hover{
background:var(--ahai-product-photo-nav-hover-bg, var(--ahai-verde));
color:#111;
}
.ahai-zoom-contador{
position:absolute;
left:50%;
bottom:12px;
transform:translateX(-50%);
min-height:24px;
padding:4px 10px;
border-radius:999px;
background:var(--ahai-product-photo-counter-bg, rgba(0,0,0,.68));
color:var(--ahai-product-photo-counter-color, #fff);
font-size:12px;
font-weight:900;
line-height:1.2;
opacity:0;
transition:opacity var(--ahai-product-photo-duration, 320ms) ease .12s;
}
.ahai-zoom-modal.ativo .ahai-zoom-contador{
opacity:1;
}
@media (prefers-reduced-motion: reduce){
.ahai-zoom-modal,
.ahai-zoom-conteudo,
.ahai-zoom-fechar,
.ahai-zoom-nav,
.ahai-zoom-contador{
transition:none !important;
}
}
@media(max-width:900px){
.ahai-produto-topo{
grid-template-columns:1fr;
}
.ahai-produto-info-card,
.ahai-produto-galeria{
min-height:0;
}
}
@media(max-width:520px){
.ahai-produto-info-card{
padding:14px;
}
.ahai-produto-titulo{
font-size:18px;
}
.ahai-produto-preco{
font-size:19px;
}
.ahai-produto-compra form.cart:not(.variations_form),
.ahai-produto-compra .single_variation_wrap .woocommerce-variation-add-to-cart{
align-items:stretch;
}
.ahai-produto-compra .single_add_to_cart_button{
flex:1;
}
}
/*==================================================
AJUSTES V21 - FRETE E COMPRA DO PRODUTO
====================================================*/
.ahai-produto-frete{
margin-top:14px;
padding-top:12px;
border-top:1px solid var(--ahai-borda);
width:100%;
font-size:12px;
color:var(--ahai-texto);
}
.ahai-produto-frete > *{
max-width:100%!important;
}
.ahai-produto-frete form,
.ahai-produto-frete .frete,
.ahai-produto-frete [class*="frete"],
.ahai-produto-frete [id*="frete"],
.ahai-produto-frete [class*="shipping"],
.ahai-produto-frete [id*="shipping"]{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin:0!important;
}
.ahai-produto-frete input[type="text"],
.ahai-produto-frete input[type="tel"],
.ahai-produto-frete input[type="number"],
.ahai-produto-frete input[type="search"],
.ahai-produto-frete select{
height:30px!important;
min-height:30px!important;
border:1px solid var(--ahai-borda)!important;
border-radius:11px!important;
padding:0 12px!important;
font-size:12px!important;
outline:none!important;
max-width:170px;
}
.ahai-produto-frete button,
.ahai-produto-frete input[type="button"],
.ahai-produto-frete input[type="submit"],
.ahai-produto-frete .button{
height:30px!important;
min-height:30px!important;
border:0!important;
border-radius:11px!important;
background:var(--ahai-button-bg, var(--ahai-verde-escuro))!important;
color:var(--ahai-button-text, #fff)!important;
padding:0 14px!important;
font-size:12px!important;
font-weight:900!important;
cursor:pointer;
transition:.2s ease!important;
}
.ahai-produto-frete button:hover,
.ahai-produto-frete input[type="button"]:hover,
.ahai-produto-frete input[type="submit"]:hover,
.ahai-produto-frete .button:hover{
background:var(--ahai-button-hover-bg, #4f5d00)!important;
color:var(--ahai-button-hover-text, #fff)!important;
transform:translateY(-1px);
}
.ahai-produto-compra form.cart:not(.variations_form){
width:100%;
}
.ahai-produto-compra .single_add_to_cart_button{
flex:1 1 160px!important;
min-width:160px!important;
}
.ahai-produto-compra .single_add_to_cart_button::before{
content:"";
width:16px;
height:16px;
margin-right:7px;
background:currentColor;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
display:inline-block;
transition:.2s ease;
}
.ahai-produto-compra .single_add_to_cart_button:hover::before{
transform:translateX(2px) scale(1.05);
}
/*==================================================
PÁGINA DO PRODUTO - META CONTROLADA PELO PAINEL
==================================================*/
.ahai-produto-meta{
display:grid;
gap:6px;
margin:12px 0 14px;
padding:10px 12px;
border:1px solid var(--ahai-borda);
border-radius:12px;
background:#fff;
font-size:12px;
}
.ahai-produto-meta-linha{
display:grid;
grid-template-columns:90px 1fr;
gap:8px;
align-items:start;
}
.ahai-produto-meta-linha span{
color:var(--ahai-cinza);
font-weight:700;
}
.ahai-produto-meta-linha strong,
.ahai-produto-meta-linha a{
color:var(--ahai-verde-escuro);
font-weight:800;
text-decoration:none;
}
.ahai-produto-meta-linha a:hover{
text-decoration:underline;
}
@media(max-width:520px){
.ahai-produto-meta-linha{
grid-template-columns:1fr;
gap:2px;
}
}
/*==================================================
31 - AJUSTES PLATAFORMA AHAI V23
Cabeçalho fixo, produto individual, confiança
na página inicial e dados da empresa no rodapé.
====================================================*/
/* Cabeçalho fixo: logo, busca e menu sempre visíveis */
.ahai-header{
position:sticky;
top:0;
z-index:999;
box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.admin-bar .ahai-header{
top:32px;
}
/* Mensagem de confiança logo abaixo do carrossel da página inicial */
.front-page .ahai-trust,
.home .ahai-trust{
padding:6px 0 18px;
}
.front-page .ahai-trust-grid,
.home .ahai-trust-grid{
padding:12px;
}
.front-page .ahai-trust-card,
.home .ahai-trust-card{
align-items:center;
text-align:center;
}
/* Produto individual: imagem e informações com cartões equivalentes */
.ahai-produto-topo{
align-items:stretch!important;
}
.ahai-produto-galeria,
.ahai-produto-info-card{
height:100%;
}
.ahai-produto-galeria{
gap:0;
}
.ahai-galeria-area{
display:grid;
grid-template-columns:1fr;
gap:var(--ahai-single-media-gap);
flex:1;
min-height:0;
height:100%;
}
.ahai-galeria-area.tem-miniaturas{
grid-template-columns:var(--ahai-single-media-thumbnail-desktop-width) minmax(0, 1fr);
}
.ahai-galeria-area.sem-miniaturas{
grid-template-columns:1fr;
}
.ahai-galeria-area .ahai-galeria-miniaturas{
display:grid;
grid-template-columns:1fr;
grid-template-rows:repeat(4, minmax(58px, 1fr));
gap:var(--ahai-single-media-thumbnail-gap);
margin:0;
height:100%;
min-height:0;
}
.ahai-galeria-area .ahai-galeria-miniatura{
height:auto;
min-height:58px;
}
.ahai-galeria-area .ahai-galeria-principal{
min-height:0;
height:100%;
width:100%;
}
.ahai-galeria-area.sem-miniaturas .ahai-galeria-principal{
grid-column:1 / -1;
}
.ahai-galeria-slide{
padding:var(--ahai-single-media-slide-padding);
}
.ahai-galeria-slide img{
width:100%;
height:100%;
max-width:100%;
max-height:none;
object-fit:var(--ahai-single-media-object-fit);
}
/* Linha de compra: quantidade + comprar + continuar + finalizar */
.ahai-produto-compra{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin-top:auto;
}
.ahai-produto-compra form.cart:not(.variations_form),
.ahai-produto-compra .single_variation_wrap .woocommerce-variation-add-to-cart{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex-wrap:wrap!important;
margin:0!important;
}
.ahai-produto-atalhos{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.ahai-produto-atalho{
min-height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 16px;
border-radius:11px;
border:1px solid var(--ahai-borda);
background:#fff;
color:var(--ahai-verde-escuro);
font-size:12px;
font-weight:900;
text-decoration:none;
box-shadow:0 4px 12px rgba(0,0,0,.05);
transition:.22s ease;
white-space:nowrap;
}
.ahai-produto-atalho:hover{
border-color:var(--ahai-verde);
background:rgba(153,204,0,.12);
color:var(--ahai-verde-escuro);
transform:translateY(-2px);
box-shadow:0 8px 18px rgba(153,204,0,.16);
}
.ahai-finalizar-pedido{
background:var(--ahai-verde)!important;
color:#111!important;
border-color:var(--ahai-verde)!important;
}
.ahai-finalizar-pedido:hover{
background:var(--ahai-verde-escuro)!important;
color:#fff!important;
}
/* Rodapé: dados da empresa em linha horizontal */
.ahai-footer-company{
display:flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
gap:var(--ahai-footer-company-gap,10px);
margin:16px auto 0;
max-width:var(--ahai-footer-company-max-width,1100px);
}
.ahai-footer-company-item{
display:flex;
align-items:center;
gap:8px;
min-height:42px;
padding:var(--ahai-footer-company-padding-y,8px) var(--ahai-footer-company-padding-x,12px);
border:var(--ahai-footer-company-border-width,1px) solid var(--ahai-footer-company-border-color,rgba(255,255,255,.12));
border-radius:var(--ahai-footer-company-radius,11px);
background:var(--ahai-footer-company-bg,rgba(255,255,255,.04));
color:var(--ahai-footer-company-text-color,var(--ahai-footer-text-color,#d8d8d8));
text-align:left;
}
.ahai-footer-company-item i{
width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
color:var(--ahai-footer-company-icon-color,var(--ahai-verde));
font-size:var(--ahai-footer-company-icon-size,15px);
flex:0 0 22px;
}
.ahai-footer-company-item span{
display:flex;
flex-direction:column;
line-height:1.15;
}
.ahai-footer-company-item strong{
font-size:10px;
text-transform:uppercase;
letter-spacing:.03em;
color:var(--ahai-footer-company-label-color,#fff);
font-size:var(--ahai-footer-company-label-size,10px);
opacity:.82;
}
.ahai-footer-company-item a,
.ahai-footer-company-item em{
color:var(--ahai-footer-company-text-color,var(--ahai-footer-link-color,#e6e6e6));
text-decoration:none;
font-style:normal;
font-size:var(--ahai-footer-company-font-size,12px);
font-weight:700;
}
.ahai-footer-company-item a:hover{
color:var(--ahai-footer-link-hover, var(--ahai-verde));
}
@media(max-width:900px){
.admin-bar .ahai-header{top:46px;}
.ahai-galeria-area{
grid-template-columns:1fr;
}
.ahai-galeria-area .ahai-galeria-miniaturas{
order:2;
grid-template-columns:repeat(4, 1fr);
grid-template-rows:1fr;
height:auto;
}
.ahai-galeria-area .ahai-galeria-principal{
min-height:var(--ahai-single-media-mobile-image-min-height);
}
.ahai-produto-compra,
.ahai-produto-compra form.cart:not(.variations_form),
.ahai-produto-atalhos{
width:100%;
}
.ahai-produto-atalho,
.ahai-produto-compra .single_add_to_cart_button{
flex:1 1 auto;
}
}
@media(max-width:520px){
.ahai-produto-atalhos{
flex-direction:column;
align-items:stretch;
}
.ahai-produto-atalho{
width:100%;
}
.ahai-footer-company{
flex-direction:column;
align-items:stretch;
}
.ahai-footer-company-item{
border-radius:14px;
justify-content:center;
text-align:center;
}
}
/*==================================================
CORREÇÃO V26 - RODAPÉ / DADOS DA EMPRESA
Mantém os cartões em linha no computador, mesmo com
configurações personalizadas salvas no painel.
====================================================*/
.ahai-footer .ahai-footer-company,
.ahai-footer-company{
display:flex!important;
flex-direction:row!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:var(--ahai-footer-company-justify, center)!important;
gap:var(--ahai-footer-company-gap, 10px)!important;
width:100%!important;
max-width:var(--ahai-footer-company-max-width, 1100px)!important;
margin:16px auto 0!important;
}
.ahai-footer .ahai-footer-company-item,
.ahai-footer-company-item{
display:inline-flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
width:auto!important;
max-width:100%!important;
flex:0 1 auto!important;
min-width:0!important;
min-height:42px!important;
box-sizing:border-box!important;
}
.ahai-footer .ahai-footer-company-item span,
.ahai-footer-company-item span{
display:flex!important;
flex-direction:column!important;
width:auto!important;
min-width:0!important;
}
.ahai-footer .ahai-footer-company-item a,
.ahai-footer .ahai-footer-company-item em,
.ahai-footer-company-item a,
.ahai-footer-company-item em{
white-space:nowrap!important;
}
@media(max-width:520px){
.ahai-footer .ahai-footer-company,
.ahai-footer-company{
flex-direction:column!important;
align-items:stretch!important;
}
.ahai-footer .ahai-footer-company-item,
.ahai-footer-company-item{
width:100%!important;
justify-content:center!important;
}
.ahai-footer .ahai-footer-company-item a,
.ahai-footer .ahai-footer-company-item em,
.ahai-footer-company-item a,
.ahai-footer-company-item em{
white-space:normal!important;
}
}
/*==================================================
V31 - CARRINHO / PLATAFORMA AHAI CMS
====================================================*/
.woocommerce-cart .ahai-shop-wrap{
padding-top:22px;
}
.ahai-carrinho{
width:100%;
}
.ahai-carrinho-cabecalho{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin:0 0 18px;
padding:18px 20px;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
box-shadow:0 8px 26px rgba(0,0,0,.04);
}
.ahai-carrinho-etiqueta{
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 12px;
border-radius:11px;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
font-size:12px;
font-weight:900;
margin-bottom:8px;
}
.ahai-carrinho-cabecalho h1{
margin:0 0 5px;
font-size:24px;
}
.ahai-carrinho-cabecalho p{
margin:0;
color:var(--ahai-cinza);
font-size:13px;
}
.ahai-carrinho-voltar{
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 16px;
border-radius:11px;
border:1px solid var(--ahai-borda);
color:var(--ahai-verde-escuro);
text-decoration:none;
font-size:12px;
font-weight:900;
white-space:nowrap;
transition:.22s ease;
}
.ahai-carrinho-voltar:hover{
border-color:var(--ahai-verde);
background:rgba(153,204,0,.13);
transform:translateY(-2px);
}
.ahai-carrinho-grade{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:18px;
align-items:start;
}
.ahai-carrinho-itens{
display:flex;
flex-direction:column;
gap:12px;
}
.ahai-carrinho-item{
display:grid;
grid-template-columns:110px minmax(0,1fr) 110px 145px 110px;
gap:14px;
align-items:center;
padding:14px;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
box-shadow:0 7px 22px rgba(0,0,0,.035);
transition:.22s ease;
}
.ahai-carrinho-item:hover{
border-color:var(--ahai-verde);
box-shadow:0 12px 30px rgba(0,0,0,.07);
transform:translateY(-2px);
}
.ahai-carrinho-imagem{
width:110px;
height:110px;
border-radius:14px;
background:#fafafa;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.ahai-carrinho-imagem img{
max-width:100%;
max-height:100%;
object-fit:contain;
display:block;
transition:.25s ease;
}
.ahai-carrinho-item:hover .ahai-carrinho-imagem img{
transform:scale(1.04);
}
.ahai-carrinho-dados h2{
margin:0 0 7px;
font-size:14px;
line-height:1.35;
}
.ahai-carrinho-dados h2 a{
color:#111;
text-decoration:none;
}
.ahai-carrinho-dados h2 a:hover{
color:var(--ahai-verde-escuro);
}
.ahai-carrinho-meta{
color:var(--ahai-cinza);
font-size:12px;
}
.ahai-carrinho-meta p,
.ahai-carrinho-meta dl{
margin:0;
}
.ahai-carrinho-remover a{
display:inline-flex;
margin-top:8px;
color:#b10000;
text-decoration:none;
font-size:12px;
font-weight:800;
}
.ahai-carrinho-preco,
.ahai-carrinho-quantidade,
.ahai-carrinho-subtotal{
display:flex;
flex-direction:column;
gap:5px;
align-items:flex-start;
}
.ahai-carrinho-preco span,
.ahai-carrinho-quantidade span,
.ahai-carrinho-subtotal span{
color:var(--ahai-cinza);
font-size:11px;
font-weight:800;
text-transform:uppercase;
}
.ahai-carrinho-preco strong,
.ahai-carrinho-subtotal strong{
color:var(--ahai-preto);
font-size:15px;
font-weight:900;
}
.ahai-carrinho .quantity{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
border:1px solid var(--ahai-borda);
border-radius:11px;
overflow:hidden;
background:#fff;
}
.ahai-carrinho .quantity .qty{
width:48px!important;
height:32px!important;
min-height:32px!important;
border:0!important;
text-align:center;
font-weight:900;
background:#fff;
padding:0!important;
}
.ahai-carrinho .ahai-qtd-btn{
width:32px;
height:32px;
border:0;
border-radius:11px;
background:transparent;
color:var(--ahai-verde-escuro);
cursor:pointer;
font-size:17px;
font-weight:900;
transition:.18s ease;
}
.ahai-carrinho .ahai-qtd-btn:hover{
background:rgba(153,204,0,.18);
transform:scale(1.06);
}
.ahai-carrinho-resumo{
position:sticky;
top:132px;
}
.ahai-carrinho-resumo-card{
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
padding:18px;
box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.ahai-carrinho-resumo-card h2{
margin:0 0 14px;
font-size:18px;
}
.ahai-carrinho-cupom{
padding:12px;
border:1px solid var(--ahai-borda);
border-radius:14px;
background:#fafafa;
margin-bottom:14px;
}
.ahai-carrinho-cupom label{
display:block;
font-size:12px;
font-weight:900;
margin-bottom:7px;
color:#222;
}
.ahai-carrinho-cupom-linha{
display:flex;
gap:8px;
}
.ahai-carrinho-cupom input{
flex:1;
min-width:0;
height:32px!important;
min-height:32px!important;
border:1px solid var(--ahai-borda);
border-radius:11px;
padding:0 12px;
font-size:12px;
}
.ahai-carrinho-cupom button{
height:32px!important;
min-height:32px!important;
border:0!important;
border-radius:11px!important;
background:var(--ahai-verde-escuro)!important;
color:#fff!important;
padding:0 14px!important;
font-size:12px!important;
font-weight:900!important;
}
.ahai-carrinho-totais .cart_totals{
float:none!important;
width:100%!important;
}
.ahai-carrinho-totais .cart_totals h2{
display:none;
}
.ahai-carrinho-totais table{
width:100%;
border-collapse:collapse;
margin:0 0 14px;
}
.ahai-carrinho-totais table th,
.ahai-carrinho-totais table td{
padding:9px 0;
border-bottom:1px solid #f0f0f0;
font-size:13px;
text-align:left;
vertical-align:top;
}
.ahai-carrinho-totais table td{
text-align:right;
font-weight:800;
}
.ahai-carrinho-totais .order-total th,
.ahai-carrinho-totais .order-total td{
font-size:16px;
color:var(--ahai-preto);
border-bottom:0;
}
.ahai-carrinho-totais .woocommerce-shipping-methods{
list-style:none;
padding:0;
margin:0;
text-align:left;
}
.ahai-carrinho-totais .woocommerce-shipping-destination,
.ahai-carrinho-totais .woocommerce-shipping-calculator{
font-size:12px;
text-align:left;
}
.ahai-carrinho-botoes{
display:flex;
flex-direction:column;
gap:9px;
}
.ahai-carrinho-btn{
width:100%;
min-height:36px;
display:inline-flex!important;
align-items:center;
justify-content:center;
border-radius:11px!important;
border:1px solid var(--ahai-borda)!important;
text-decoration:none!important;
font-size:13px!important;
font-weight:900!important;
padding:0 16px!important;
cursor:pointer;
transition:.22s ease;
}
.ahai-carrinho-btn:hover{
transform:translateY(-2px);
box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.ahai-carrinho-btn-secundario{
background:#fff!important;
color:var(--ahai-verde-escuro)!important;
}
.ahai-carrinho-btn-atualizar{
background:#f5f5f5!important;
color:#222!important;
}
.ahai-carrinho-btn-finalizar{
background:var(--ahai-verde)!important;
border-color:var(--ahai-verde)!important;
color:#111!important;
}
.ahai-carrinho-btn-finalizar:hover{
background:var(--ahai-verde-escuro)!important;
border-color:var(--ahai-verde-escuro)!important;
color:#fff!important;
}
.ahai-carrinho-relacionados{
margin-top:24px;
}
.ahai-carrinho-relacionados .cross-sells > h2{
font-size:20px;
margin:0 0 14px;
}
.ahai-carrinho-vazio{
padding:40px 0;
}
.ahai-carrinho-vazio-card{
max-width:560px;
margin:0 auto;
padding:34px 24px;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
text-align:center;
box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.ahai-carrinho-vazio-icone{
display:inline-flex;
align-items:center;
justify-content:center;
width:62px;
height:62px;
border-radius:50%;
background:rgba(153,204,0,.18);
font-size:30px;
margin-bottom:14px;
}
.ahai-carrinho-vazio-card h1{
font-size:22px;
margin-bottom:8px;
}
.ahai-carrinho-vazio-card p{
margin:0 auto 18px;
color:var(--ahai-cinza);
max-width:420px;
}
@media(max-width:1100px){
.ahai-carrinho-grade{
grid-template-columns:1fr;
}
.ahai-carrinho-resumo{
position:static;
}
}
@media(max-width:820px){
.ahai-carrinho-cabecalho{
align-items:flex-start;
flex-direction:column;
}
.ahai-carrinho-item{
grid-template-columns:92px minmax(0,1fr);
grid-template-areas:
"imagem dados"
"preco preco"
"quantidade subtotal";
}
.ahai-carrinho-imagem{grid-area:imagem;width:92px;height:92px;}
.ahai-carrinho-dados{grid-area:dados;}
.ahai-carrinho-preco{grid-area:preco;}
.ahai-carrinho-quantidade{grid-area:quantidade;}
.ahai-carrinho-subtotal{grid-area:subtotal;align-items:flex-end;text-align:right;}
}
@media(max-width:520px){
.ahai-carrinho-item{
grid-template-columns:1fr;
grid-template-areas:"imagem" "dados" "preco" "quantidade" "subtotal";
}
.ahai-carrinho-imagem{
width:100%;
height:180px;
}
.ahai-carrinho-subtotal{
align-items:flex-start;
text-align:left;
}
.ahai-carrinho-cupom-linha{
flex-direction:column;
}
}
.ahai-carrinho-totais .wc-proceed-to-checkout{
display:none!important;
}
.ahai-carrinho-totais .woocommerce-shipping-calculator .shipping-calculator-form{
margin-top:8px;
}
.ahai-carrinho-totais .woocommerce-shipping-calculator input,
.ahai-carrinho-totais .woocommerce-shipping-calculator select{
width:100%;
height:32px!important;
min-height:32px!important;
border:1px solid var(--ahai-borda)!important;
border-radius:11px!important;
padding:0 12px!important;
font-size:12px!important;
}
.ahai-carrinho-totais .woocommerce-shipping-calculator button{
width:100%;
height:32px!important;
min-height:var(--ahai-checkout-input-height, 34px)!important;
border-radius:var(--ahai-checkout-input-radius, 10px)!important;
background:var(--ahai-verde-escuro)!important;
color:#fff!important;
font-size:12px!important;
font-weight:900!important;
}
/*==================================================
V33 - MINHA CONTA WOOCOMMERCE
==================================================*/
.ahai-minha-conta{
margin:28px auto 44px;
}
.ahai-conta-topo{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
border:1px solid var(--ahai-account-card-border, var(--ahai-borda));
border-radius:var(--ahai-account-card-radius, var(--ahai-radius));
background:var(--ahai-account-card-bg, #fff);
padding:var(--ahai-account-card-padding, 18px);
margin-bottom:18px;
box-shadow:0 10px 28px rgba(0,0,0,.04);
}
.ahai-conta-etiqueta{
display:inline-flex;
min-height:24px;
align-items:center;
padding:0 12px;
border-radius:11px;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
font-size:12px;
font-weight:900;
margin-bottom:8px;
}
.ahai-conta-topo h1{
margin:0;
color:var(--ahai-account-title-color, var(--ahai-preto));
font-size:var(--ahai-account-title-size, 24px);
}
.ahai-conta-topo p{
margin:4px 0 0;
font-size:var(--ahai-account-text-size, 13px);
color:var(--ahai-account-text-color, var(--ahai-cinza));
}
.ahai-conta-avatar{
width:64px;
height:64px;
border-radius:50%;
background:var(--ahai-verde);
color:#111;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
font-weight:900;
flex:0 0 64px;
}
.ahai-conta-grade{
display:grid;
grid-template-columns:260px minmax(0,1fr);
gap:20px;
align-items:start;
}
.ahai-conta-menu,
.ahai-conta-conteudo{
border:1px solid var(--ahai-account-card-border, var(--ahai-borda));
border-radius:var(--ahai-account-card-radius, var(--ahai-radius));
background:var(--ahai-account-card-bg, #fff);
box-shadow:0 10px 28px rgba(0,0,0,.04);
}
.ahai-conta-menu{
padding:10px;
position:sticky;
top:120px;
}
.ahai-conta-menu ul{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:7px;
}
.ahai-conta-menu a{
display:flex;
align-items:center;
min-height:38px;
padding:0 13px;
border-radius:11px;
text-decoration:none;
color:var(--ahai-account-link-color, var(--ahai-preto));
font-size:var(--ahai-account-text-size, 13px);
font-weight:900;
}
.ahai-conta-menu .is-active a,
.ahai-conta-menu a:hover{
background:var(--ahai-account-link-bg, rgba(153,204,0,.18));
color:var(--ahai-account-link-hover-color, var(--ahai-verde-escuro));
}
.ahai-conta-conteudo{
padding:var(--ahai-account-card-padding, 18px);
min-height:380px;
}
.ahai-conta-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin:18px 0;
}
.ahai-conta-card{
border:1px solid var(--ahai-account-card-border, var(--ahai-borda));
border-radius:var(--ahai-account-card-radius, var(--ahai-radius));
background:#fff;
padding:16px;
text-decoration:none;
color:var(--ahai-texto);
transition:.2s ease;
}
.ahai-conta-card:hover{
transform:translateY(-3px);
border-color:var(--ahai-verde);
box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.ahai-conta-card span{
display:flex;
width:42px;
height:42px;
border-radius:50%;
align-items:center;
justify-content:center;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
font-size:20px;
margin-bottom:10px;
}
.ahai-conta-card strong{
display:block;
font-size:15px;
color:var(--ahai-account-title-color, var(--ahai-preto));
margin-bottom:4px;
}
.ahai-conta-card small{
display:block;
color:var(--ahai-account-text-color, var(--ahai-cinza));
font-size:12px;
line-height:1.35;
}
.ahai-conta-conteudo table{
width:100%;
border-collapse:separate;
border-spacing:0 8px;
}
.ahai-conta-conteudo table th,
.ahai-conta-conteudo table td{
background:#fff;
border-top:1px solid var(--ahai-borda);
border-bottom:1px solid var(--ahai-borda);
padding:12px;
font-size:13px;
}
.ahai-conta-conteudo table th:first-child,
.ahai-conta-conteudo table td:first-child{
border-left:1px solid var(--ahai-borda);
border-radius:12px 0 0 12px;
}
.ahai-conta-conteudo table th:last-child,
.ahai-conta-conteudo table td:last-child{
border-right:1px solid var(--ahai-borda);
border-radius:0 12px 12px 0;
}
.ahai-conta-conteudo input:not([type=checkbox]):not([type=radio]),
.ahai-conta-conteudo select,
.ahai-conta-conteudo textarea{
width:100%;
border:1px solid var(--ahai-account-input-border, #dfe3e6)!important;
background:var(--ahai-account-input-bg, #fff)!important;
color:var(--ahai-account-input-text, #20242a)!important;
border-radius:var(--ahai-account-input-radius, 10px)!important;
min-height:var(--ahai-account-input-height, 34px)!important;
padding:0 12px!important;
font-size:var(--ahai-account-input-font-size, 13px)!important;
}
.ahai-conta-conteudo button,
.ahai-conta-conteudo .button,
.ahai-conta-conteudo a.button{
border-radius:11px!important;
background:var(--ahai-account-button-bg, var(--ahai-verde-escuro))!important;
color:var(--ahai-account-button-text, #fff)!important;
border:0!important;
min-height:34px!important;
padding:0 16px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
text-decoration:none!important;
font-weight:900!important;
}
.ahai-conta-conteudo button:hover,
.ahai-conta-conteudo .button:hover,
.ahai-conta-conteudo a.button:hover{
background:var(--ahai-account-button-hover-bg, #4f5d00)!important;
color:var(--ahai-account-button-hover-text, #fff)!important;
transform:translateY(-1px);
}
@media(max-width:900px){
.ahai-conta-grade{
grid-template-columns:1fr;
}
.ahai-conta-menu{
position:static;
}
.ahai-conta-menu ul{
flex-direction:row;
flex-wrap:wrap;
}
.ahai-conta-cards{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:560px){
.ahai-conta-topo{
align-items:flex-start;
flex-direction:column;
}
.ahai-conta-cards{
grid-template-columns:1fr;
}
}
/*==================================================
FINALIZAÇÃO DA COMPRA - PLATAFORMA AHAI CMS 2.0
Layout limpo: sem grid-column por campo.
As larguras dos campos são controladas pela Plataforma AHAI em pixels.
==================================================*/
body.woocommerce-checkout form.checkout.ahai-checkout{
width:100%;
max-width:var(--ahai-container);
margin:26px auto 42px;
color:var(--ahai-checkout-text-color, var(--ahai-texto));
font-size:var(--ahai-checkout-text-size, 13px);
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-grade,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-grade-dupla{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(320px,420px);
gap:22px;
align-items:start;
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-card,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-resumo-card,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-pagamento-area,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-observacao{
background:var(--ahai-checkout-card-bg, #fff);
border:1px solid var(--ahai-checkout-card-border, var(--ahai-borda));
border-radius:var(--ahai-checkout-card-radius, var(--ahai-radius));
padding:var(--ahai-checkout-card-padding, 18px);
box-shadow:var(--ahai-checkout-card-shadow, 0 10px 28px rgba(0,0,0,.05));
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-card-principal{
display:flex;
flex-direction:column;
gap:16px;
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-resumo-card{
background:var(--ahai-checkout-summary-bg, var(--ahai-checkout-card-bg, #fff));
border-color:var(--ahai-checkout-summary-border, var(--ahai-checkout-card-border, var(--ahai-borda)));
border-radius:var(--ahai-checkout-summary-radius, var(--ahai-checkout-card-radius, var(--ahai-radius)));
position:sticky;
top:120px;
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-card-head,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-resumo-head{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px;
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-icone{
width:36px;
height:36px;
border-radius:50%;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
display:flex;
align-items:center;
justify-content:center;
flex:0 0 36px;
}
body.woocommerce-checkout .ahai-checkout h2,
body.woocommerce-checkout .ahai-checkout h3{
color:var(--ahai-checkout-title-color, var(--ahai-preto));
font-size:var(--ahai-checkout-title-size, 20px);
line-height:1.2;
margin:0;
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-card-head p,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-resumo-head p{
margin:2px 0 0;
font-size:12px;
color:var(--ahai-cinza);
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-fields,
body.woocommerce-checkout .ahai-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .ahai-checkout .woocommerce-shipping-fields__field-wrapper{
display:flex !important;
flex-wrap:wrap !important;
gap:var(--ahai-checkout-field-gap-y, 10px) var(--ahai-checkout-field-gap-x, 14px) !important;
align-items:flex-end !important;
align-content:flex-start !important;
width:100% !important;
}
body.woocommerce-checkout .ahai-checkout .form-row,
body.woocommerce-checkout .ahai-checkout p.form-row,
body.woocommerce-checkout .ahai-checkout .form-row-first,
body.woocommerce-checkout .ahai-checkout .form-row-last,
body.woocommerce-checkout .ahai-checkout .form-row-wide{
float:none !important;
clear:none !important;
margin:0 !important;
padding:0 !important;
width:auto !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
grid-column:unset !important;
}
body.woocommerce-checkout .ahai-checkout #order_comments_field,
body.woocommerce-checkout .ahai-checkout .woocommerce-additional-fields__field-wrapper .form-row{
flex:0 0 100% !important;
width:100% !important;
max-width:100% !important;
}
body.woocommerce-checkout .ahai-checkout label{
display:block !important;
margin:0 0 4px !important;
color:var(--ahai-checkout-label-color, var(--ahai-preto)) !important;
font-size:var(--ahai-checkout-label-size, 12px) !important;
font-weight:800 !important;
line-height:1.2 !important;
}
body.woocommerce-checkout .ahai-checkout input.input-text,
body.woocommerce-checkout .ahai-checkout input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body.woocommerce-checkout .ahai-checkout select,
body.woocommerce-checkout .ahai-checkout textarea{
width:100% !important;
min-height:var(--ahai-checkout-input-height, 34px) !important;
height:var(--ahai-checkout-input-height, 34px) !important;
border-radius:var(--ahai-checkout-input-radius, 10px) !important;
background:var(--ahai-checkout-input-bg, #fff) !important;
border:1px solid var(--ahai-checkout-input-border, #dfe3e6) !important;
color:var(--ahai-checkout-input-text, var(--ahai-texto)) !important;
font-size:var(--ahai-checkout-input-font-size, 13px) !important;
padding:0 12px !important;
box-shadow:none !important;
outline:none !important;
}
body.woocommerce-checkout .ahai-checkout textarea{
min-height:var(--ahai-checkout-textarea-height, 86px) !important;
height:var(--ahai-checkout-textarea-height, 86px) !important;
border-radius:var(--ahai-checkout-textarea-radius, 16px) !important;
padding:10px 12px !important;
resize:vertical;
}
body.woocommerce-checkout .ahai-checkout input:focus,
body.woocommerce-checkout .ahai-checkout select:focus,
body.woocommerce-checkout .ahai-checkout textarea:focus{
border-color:var(--ahai-checkout-input-focus-border, var(--ahai-verde)) !important;
box-shadow:0 0 0 3px var(--ahai-checkout-input-focus-shadow, rgba(153,204,0,.14)) !important;
}
body.woocommerce-checkout .ahai-checkout .select2-container{
width:100% !important;
}
body.woocommerce-checkout .ahai-checkout .select2-container .select2-selection--single{
height:var(--ahai-checkout-input-height, 34px) !important;
border-radius:var(--ahai-checkout-input-radius, 10px) !important;
border-color:var(--ahai-checkout-input-border, #dfe3e6) !important;
}
body.woocommerce-checkout .ahai-checkout .select2-container .select2-selection__rendered{
line-height:var(--ahai-checkout-input-height, 34px) !important;
font-size:var(--ahai-checkout-input-font-size, 13px) !important;
padding-left:12px !important;
}
body.woocommerce-checkout .ahai-checkout .select2-container .select2-selection__arrow{
height:var(--ahai-checkout-input-height, 34px) !important;
}
body.woocommerce-checkout .ahai-checkout #billing_state_field select,
body.woocommerce-checkout .ahai-checkout #shipping_state_field select,
body.woocommerce-checkout .ahai-checkout #billing_state_field .select2-selection__rendered,
body.woocommerce-checkout .ahai-checkout #shipping_state_field .select2-selection__rendered{
text-align:center !important;
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-envio,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-conta,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-observacao{
margin-top:16px;
padding-top:18px;
border-top:1px solid var(--ahai-borda);
}
body.woocommerce-checkout .ahai-checkout .ahai-campo-oculto-pessoa,
body.woocommerce-checkout .ahai-checkout p.ahai-campo-oculto-pessoa,
body.woocommerce-checkout .ahai-checkout .form-row.ahai-campo-oculto-pessoa{
display:none !important;
visibility:hidden !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
overflow:hidden !important;
}
body.woocommerce-checkout .ahai-checkout-itens{
display:flex;
flex-direction:column;
gap:10px;
margin-bottom:14px;
}
body.woocommerce-checkout .ahai-checkout-item{
display:grid;
grid-template-columns:54px minmax(0,1fr) auto 28px;
gap:9px;
align-items:center;
padding:9px;
border:1px solid var(--ahai-borda);
border-radius:13px;
background:#fff;
}
body.woocommerce-checkout .ahai-checkout-item-img{
width:54px;
height:54px;
border-radius:12px;
background:#fafafa;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
body.woocommerce-checkout .ahai-checkout-item-img img{
width:100%;
height:100%;
object-fit:contain;
}
body.woocommerce-checkout .ahai-checkout-item-info{min-width:0;}
body.woocommerce-checkout .ahai-checkout-item-info strong{
display:block;
font-size:12px;
color:var(--ahai-preto);
line-height:1.25;
margin-bottom:3px;
}
body.woocommerce-checkout .ahai-checkout-item-info small{
display:block;
font-size:11px;
color:var(--ahai-cinza);
}
body.woocommerce-checkout .ahai-checkout-item-preco{
font-size:13px;
font-weight:900;
color:var(--ahai-price-color);
white-space:nowrap;
}
body.woocommerce-checkout .ahai-checkout-remover{
width:28px;
height:28px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#999;
text-decoration:none;
}
body.woocommerce-checkout .ahai-checkout-remover:hover{
color:#d93025;
background:#fff1f1;
}
body.woocommerce-checkout .ahai-checkout-total-linha{
display:flex;
justify-content:space-between;
gap:10px;
padding:8px 0;
border-bottom:1px solid #eee;
font-size:13px;
}
body.woocommerce-checkout .ahai-checkout-total-final{
border-bottom:0;
font-size:16px;
font-weight:900;
}
body.woocommerce-checkout .ahai-checkout-cupom-acordeon{
border:1px solid var(--ahai-borda);
border-radius:14px;
margin:12px 0;
overflow:hidden;
}
body.woocommerce-checkout .ahai-checkout-cupom-toggle{
width:100%;
min-height:38px;
border:0;
background:#fafafa;
color:var(--ahai-preto);
display:flex;
align-items:center;
justify-content:space-between;
padding:0 12px;
font-size:13px;
font-weight:900;
cursor:pointer;
}
body.woocommerce-checkout .ahai-checkout-cupom-conteudo{
display:none;
padding:12px;
background:#fff;
}
body.woocommerce-checkout .ahai-checkout-cupom.is-open .ahai-checkout-cupom-conteudo{
display:block;
}
body.woocommerce-checkout .ahai-checkout-cupom-linha{
display:flex;
gap:8px;
}
body.woocommerce-checkout .ahai-checkout-aplicar-cupom,
body.woocommerce-checkout .ahai-checkout #place_order,
body.woocommerce-checkout .ahai-checkout-btn{
border:0 !important;
border-radius:var(--ahai-checkout-input-radius, 10px) !important;
background:var(--ahai-checkout-button-bg, var(--ahai-verde-escuro)) !important;
color:var(--ahai-checkout-button-text, #fff) !important;
min-height:var(--ahai-checkout-input-height, 34px) !important;
padding:0 16px !important;
font-size:13px !important;
font-weight:900 !important;
text-decoration:none !important;
cursor:pointer;
}
body.woocommerce-checkout .ahai-checkout-aplicar-cupom:hover,
body.woocommerce-checkout .ahai-checkout #place_order:hover,
body.woocommerce-checkout .ahai-checkout-btn:hover{
background:var(--ahai-checkout-button-hover-bg, #4f5d00) !important;
color:var(--ahai-checkout-button-hover-text, #fff) !important;
}
body.woocommerce-checkout .ahai-checkout .wc_payment_methods,
body.woocommerce-checkout .ahai-checkout ul.payment_methods{
padding:0 !important;
border:0 !important;
}
body.woocommerce-checkout .ahai-checkout .wc_payment_method{
border:1px solid var(--ahai-borda) !important;
border-radius:14px !important;
padding:10px 12px !important;
margin:0 0 9px !important;
background:#fff !important;
}
@media(max-width:980px){
body.woocommerce-checkout .ahai-checkout .ahai-checkout-grade,
body.woocommerce-checkout .ahai-checkout .ahai-checkout-grade-dupla{
grid-template-columns:1fr;
}
body.woocommerce-checkout .ahai-checkout .ahai-checkout-resumo-card{
position:static;
}
}
@media(max-width:780px){
body.woocommerce-checkout .ahai-checkout .ahai-checkout-fields,
body.woocommerce-checkout .ahai-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .ahai-checkout .woocommerce-shipping-fields__field-wrapper{
flex-direction:column !important;
}
body.woocommerce-checkout .ahai-checkout .form-row,
body.woocommerce-checkout .ahai-checkout p.form-row,
body.woocommerce-checkout .ahai-checkout .form-row-first,
body.woocommerce-checkout .ahai-checkout .form-row-last,
body.woocommerce-checkout .ahai-checkout .form-row-wide{
flex:0 0 100% !important;
width:100% !important;
max-width:100% !important;
}
}
/*==================================================
V44 - Cupom e entrega no checkout
==================================================*/
body.woocommerce-checkout .ahai-checkout-cupom.ativo .ahai-checkout-cupom-conteudo,
body.woocommerce-checkout .ahai-checkout-cupom.is-open .ahai-checkout-cupom-conteudo,
body.woocommerce-checkout .ahai-checkout-cupom-acordeon.ativo .ahai-checkout-cupom-conteudo,
body.woocommerce-checkout .ahai-checkout-cupom-acordeon.is-open .ahai-checkout-cupom-conteudo{
display:block !important;
}
body.woocommerce-checkout .ahai-checkout-cupom-toggle strong{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
border-radius:50%;
background:var(--ahai-verde);
color:#111;
font-size:16px;
line-height:1;
}
body.woocommerce-checkout .ahai-checkout-envio-total .woocommerce-shipping-methods{
margin:0 !important;
padding:0 !important;
list-style:none !important;
display:flex;
flex-direction:column;
gap:7px;
}
body.woocommerce-checkout .ahai-checkout-envio-total .woocommerce-shipping-methods li{
margin:0 !important;
padding:7px 9px !important;
border:1px solid var(--ahai-borda);
border-radius:12px;
background:#fff;
}
body.woocommerce-checkout .ahai-checkout-envio-total input[type="radio"]{
margin-right:6px;
}
/*==================================================
V45 - BLINDAGEM DOS SELECTS DO CHECKOUT
Corrige sobreposição causada pelo Select2/WooCommerce.
O select original fica oculto para acessibilidade e o Select2
visível respeita a largura do campo configurada no painel.
====================================================*/
body.woocommerce-checkout,
body.woocommerce-checkout .ahai-main,
body.woocommerce-checkout .ahai-container,
body.woocommerce-checkout form.checkout.ahai-checkout{
max-width:100% !important;
overflow-x:hidden !important;
}
body.woocommerce-checkout form.checkout.ahai-checkout .woocommerce-input-wrapper{
display:block !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
position:relative !important;
box-sizing:border-box !important;
}
body.woocommerce-checkout form.checkout.ahai-checkout select.select2-hidden-accessible,
body.woocommerce-checkout form.checkout.ahai-checkout select.select2-hidden-accessible:focus,
body.woocommerce-checkout form.checkout.ahai-checkout select.select2-hidden-accessible:active{
position:absolute !important;
width:1px !important;
min-width:1px !important;
max-width:1px !important;
height:1px !important;
min-height:1px !important;
max-height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
clip-path:inset(50%) !important;
white-space:nowrap !important;
border:0 !important;
opacity:0 !important;
pointer-events:none !important;
box-shadow:none !important;
}
body.woocommerce-checkout form.checkout.ahai-checkout select:not(.select2-hidden-accessible){
display:block !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
body.woocommerce-checkout form.checkout.ahai-checkout .select2-container,
body.woocommerce-checkout form.checkout.ahai-checkout .select2-container--default,
body.woocommerce-checkout form.checkout.ahai-checkout .select2-selection,
body.woocommerce-checkout form.checkout.ahai-checkout .select2-selection--single{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
body.woocommerce-checkout form.checkout.ahai-checkout .select2-container .select2-selection--single{
display:flex !important;
align-items:center !important;
overflow:hidden !important;
}
body.woocommerce-checkout form.checkout.ahai-checkout .select2-container .select2-selection__rendered{
flex:1 1 auto !important;
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
padding-right:28px !important;
}
body.woocommerce-checkout form.checkout.ahai-checkout .select2-container .select2-selection__arrow{
flex:0 0 28px !important;
right:4px !important;
}
body.woocommerce-checkout .select2-dropdown{
max-width:calc(100vw - 24px) !important;
}
/* ==================================================
V46 - CHECKOUT AHAI PRÓPRIO
Visual da Plataforma AHAI + WooCommerce como motor
================================================== */
body.woocommerce-checkout form.checkout.ahai-checkout-v46,
body.woocommerce-checkout .ahai-checkout-v46{
width:100% !important;
max-width:var(--ahai-container,1200px) !important;
margin:0 auto !important;
overflow:visible !important;
}
body.woocommerce-checkout form.checkout.ahai-checkout-v46 *{
box-sizing:border-box !important;
}
body.woocommerce-checkout .ahai-checkout-layout-v46{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(320px,420px) !important;
gap:22px !important;
align-items:start !important;
width:100% !important;
max-width:100% !important;
overflow:visible !important;
}
body.woocommerce-checkout .ahai-checkout-esquerda-v46{
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
gap:16px !important;
}
body.woocommerce-checkout .ahai-checkout-resumo-v46{
min-width:0 !important;
position:sticky !important;
top:120px !important;
align-self:start !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-card,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-resumo-card{
background:var(--ahai-checkout-card-bg,#fff) !important;
border:1px solid var(--ahai-checkout-card-border,#e8e8e8) !important;
border-radius:var(--ahai-checkout-card-radius,14px) !important;
padding:18px !important;
box-shadow:var(--ahai-checkout-card-shadow,0 10px 26px rgba(0,0,0,.05)) !important;
overflow:hidden !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-card-head,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-resumo-head{
display:flex !important;
align-items:center !important;
gap:12px !important;
margin-bottom:16px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-card-head h2,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-resumo-head h2{
margin:0 !important;
font-size:22px !important;
color:var(--ahai-checkout-title-color,var(--ahai-verde-escuro)) !important;
line-height:1.15 !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-card-head p,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-resumo-head p{
margin:2px 0 0 !important;
font-size:12px !important;
color:#777 !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-icone{
width:38px !important;
height:38px !important;
border-radius:50% !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 38px !important;
background:rgba(153,204,0,.16) !important;
color:var(--ahai-verde-escuro) !important;
font-size:16px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-linha{
display:flex !important;
flex-wrap:wrap !important;
align-items:flex-end !important;
align-content:flex-start !important;
gap:var(--ahai-checkout-field-gap-y,10px) var(--ahai-checkout-field-gap-x,14px) !important;
width:100% !important;
max-width:100% !important;
overflow:visible !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio{
display:block !important;
margin:0 !important;
padding:0 !important;
min-width:90px !important;
flex:0 1 var(--ahai-campo-largura, 240px) !important;
width:var(--ahai-campo-largura, 240px) !important;
max-width:100% !important;
float:none !important;
clear:none !important;
grid-column:unset !important;
line-height:1.2 !important;
box-sizing:border-box !important;
}
/*==================================================
V47 - CAMPOS ÚNICOS DA FINALIZAÇÃO
Cada campo agora possui classe própria no wrapper e no input/select/textarea.
Exemplo: .ahai-campo-billing_address_1 e .ahai-input-billing_address_1
==================================================*/
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio > .woocommerce-input-wrapper{
display:block !important;
width:100% !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-input-proprio,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-select-proprio,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-textarea-proprio{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
body.woocommerce-checkout .ahai-checkout-v46 select.select2-hidden-accessible.ahai-select-proprio{
width:1px !important;
min-width:1px !important;
max-width:1px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio label{
display:block !important;
width:100% !important;
margin:0 0 5px !important;
padding:0 !important;
font-size:var(--ahai-checkout-label-size,12px) !important;
font-weight:800 !important;
color:var(--ahai-checkout-label-color,#222) !important;
line-height:1.15 !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio .woocommerce-input-wrapper{
display:block !important;
width:100% !important;
max-width:100% !important;
overflow:visible !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio input,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio select,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio textarea{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
height:var(--ahai-checkout-input-height,34px) !important;
min-height:var(--ahai-checkout-input-height,34px) !important;
border:1px solid var(--ahai-checkout-input-border,#dfe8dc) !important;
border-radius:var(--ahai-checkout-input-radius,10px) !important;
background:var(--ahai-checkout-input-bg,#f4fff4) !important;
color:var(--ahai-checkout-input-text,#333) !important;
padding:0 12px !important;
font-size:var(--ahai-checkout-input-font-size,13px) !important;
box-shadow:none !important;
outline:none !important;
line-height:normal !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio textarea{
height:auto !important;
min-height:90px !important;
padding:10px 12px !important;
resize:vertical !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio input:focus,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio select:focus,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio textarea:focus{
border-color:var(--ahai-checkout-input-focus-border,var(--ahai-verde)) !important;
box-shadow:0 0 0 3px rgba(153,204,0,.16) !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-condicional-oculto,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-oculto-pessoa{
display:none !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-envio-v46,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-observacao-v46,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-pagamento-area{
margin-top:18px !important;
padding-top:16px !important;
border-top:1px solid var(--ahai-borda,#e8e8e8) !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-subhead h2{
font-size:20px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-itens{
display:flex !important;
flex-direction:column !important;
gap:10px !important;
margin-bottom:14px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-item{
display:grid !important;
grid-template-columns:58px minmax(0,1fr) auto 28px !important;
gap:10px !important;
align-items:center !important;
border:1px solid var(--ahai-borda,#e8e8e8) !important;
border-radius:12px !important;
padding:8px !important;
background:#fff !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-item-img img{
width:52px !important;
height:52px !important;
object-fit:contain !important;
display:block !important;
border-radius:8px !important;
background:#fafafa !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-item-info strong{
display:block !important;
font-size:12px !important;
line-height:1.25 !important;
color:#222 !important;
font-weight:900 !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-item-info small{
display:block !important;
color:#777 !important;
font-size:11px !important;
margin-top:2px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-item-preco{
white-space:nowrap !important;
color:var(--ahai-verde-escuro) !important;
font-weight:900 !important;
font-size:13px !important;
text-align:right !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-remover{
width:24px !important;
height:24px !important;
border-radius:50% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
color:#aaa !important;
background:#f5f5f5 !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-remover:hover{
color:#d00 !important;
background:#ffecec !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-cupom-toggle{
width:100% !important;
min-height:38px !important;
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
border:1px solid var(--ahai-borda,#e8e8e8) !important;
border-radius:12px !important;
background:#fff !important;
color:#222 !important;
font-weight:900 !important;
padding:0 12px !important;
cursor:pointer !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-cupom-conteudo{
display:none !important;
padding-top:10px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-cupom.is-open .ahai-checkout-cupom-conteudo,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-cupom.ativo .ahai-checkout-cupom-conteudo{
display:block !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-cupom-linha{
display:flex !important;
gap:8px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-cupom-linha input{
flex:1 !important;
height:var(--ahai-checkout-input-height,34px) !important;
border-radius:var(--ahai-checkout-input-radius,10px) !important;
border:1px solid var(--ahai-checkout-input-border,#dfe8dc) !important;
background:var(--ahai-checkout-input-bg,#f4fff4) !important;
padding:0 12px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-aplicar-cupom,
body.woocommerce-checkout .ahai-checkout-v46 #place_order,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-btn{
border:0 !important;
border-radius:var(--ahai-checkout-input-radius,10px) !important;
background:var(--ahai-checkout-button-bg,var(--ahai-verde-escuro)) !important;
color:var(--ahai-checkout-button-text,#fff) !important;
min-height:var(--ahai-checkout-input-height,34px) !important;
padding:0 16px !important;
font-size:13px !important;
font-weight:900 !important;
cursor:pointer !important;
text-decoration:none !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-aplicar-cupom:hover,
body.woocommerce-checkout .ahai-checkout-v46 #place_order:hover,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-btn:hover{
background:var(--ahai-checkout-button-hover-bg,#4f5d00) !important;
color:var(--ahai-checkout-button-hover-text,#fff) !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-total-linha{
display:flex !important;
justify-content:space-between !important;
gap:12px !important;
padding:10px 0 !important;
border-bottom:1px solid #eee !important;
font-size:13px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-total-final{
border-bottom:0 !important;
font-size:18px !important;
color:var(--ahai-verde-escuro) !important;
font-weight:900 !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-envio-total strong{
text-align:right !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-envio-total .woocommerce-shipping-methods{
list-style:none !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
gap:8px !important;
align-items:flex-end !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .wc_payment_methods{
list-style:none !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
gap:10px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .wc_payment_method{
border:1px solid var(--ahai-borda,#e8e8e8) !important;
border-radius:14px !important;
background:#fff !important;
padding:12px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-botoes-finais{
display:flex !important;
gap:12px !important;
flex-wrap:wrap !important;
align-items:center !important;
margin-top:14px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-botoes-finais > *{
flex:1 1 180px !important;
text-align:center !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .select2-container{
display:none !important;
}
@media(max-width:980px){
body.woocommerce-checkout .ahai-checkout-layout-v46{
grid-template-columns:1fr !important;
}
body.woocommerce-checkout .ahai-checkout-resumo-v46{
position:static !important;
top:auto !important;
}
}
@media(max-width:640px){
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio{
flex:1 1 100% !important;
width:100% !important;
max-width:100% !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-item{
grid-template-columns:52px minmax(0,1fr) 24px !important;
}
body.woocommerce-checkout .ahai-checkout-v46 .ahai-checkout-item-preco{
grid-column:2 / 4 !important;
text-align:left !important;
}
}
/*==================================================
V48 - PÁGINA DE AGRADECIMENTO DA COMPRA
==================================================*/
body.woocommerce-order-received .ahai-thankyou-wrap{
width:min(var(--ahai-container,1200px),calc(100% - 32px)) !important;
margin:30px auto 46px !important;
display:flex !important;
flex-direction:column !important;
gap:18px !important;
}
body.woocommerce-order-received .ahai-thankyou-card,
body.woocommerce-order-received .ahai-thankyou-detalhes{
background:var(--ahai-checkout-card-bg,#fff) !important;
border:1px solid var(--ahai-checkout-card-border,#e8e8e8) !important;
border-radius:var(--ahai-checkout-card-radius,14px) !important;
box-shadow:var(--ahai-checkout-card-shadow,0 10px 26px rgba(0,0,0,.05)) !important;
padding:26px !important;
}
body.woocommerce-order-received .ahai-thankyou-card{
text-align:center !important;
}
body.woocommerce-order-received .ahai-thankyou-logo{
display:flex !important;
justify-content:center !important;
align-items:center !important;
margin:0 auto 18px !important;
}
body.woocommerce-order-received .ahai-thankyou-logo .custom-logo-link,
body.woocommerce-order-received .ahai-thankyou-logo .ahai-logo-text{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
}
body.woocommerce-order-received .ahai-thankyou-logo img{
max-width:var(--ahai-logo-width,200px) !important;
height:auto !important;
display:block !important;
}
body.woocommerce-order-received .ahai-thankyou-status{
width:58px !important;
height:58px !important;
border-radius:50% !important;
margin:0 auto 14px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:rgba(153,204,0,.18) !important;
color:var(--ahai-verde-escuro,#657000) !important;
font-size:30px !important;
font-weight:900 !important;
line-height:1 !important;
}
body.woocommerce-order-received .ahai-thankyou-status-falhou{
background:#fff1f1 !important;
color:#c62828 !important;
}
body.woocommerce-order-received .ahai-thankyou-card h1{
margin:0 0 8px !important;
color:var(--ahai-checkout-title-color,var(--ahai-verde-escuro)) !important;
font-size:26px !important;
line-height:1.15 !important;
font-weight:900 !important;
}
body.woocommerce-order-received .ahai-thankyou-texto{
max-width:620px !important;
margin:0 auto 18px !important;
color:var(--ahai-checkout-text-color,#555) !important;
font-size:var(--ahai-checkout-text-size,13px) !important;
}
body.woocommerce-order-received .ahai-thankyou-actions{
display:flex !important;
justify-content:center !important;
align-items:center !important;
flex-wrap:wrap !important;
gap:12px !important;
margin:18px 0 !important;
}
body.woocommerce-order-received .ahai-thankyou-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:var(--ahai-checkout-input-height,34px) !important;
padding:0 20px !important;
border-radius:var(--ahai-checkout-input-radius,10px) !important;
border:1px solid var(--ahai-checkout-button-bg,var(--ahai-verde-escuro)) !important;
background:var(--ahai-checkout-button-bg,var(--ahai-verde-escuro)) !important;
color:var(--ahai-checkout-button-text,#fff) !important;
font-size:13px !important;
font-weight:900 !important;
line-height:1 !important;
text-decoration:none !important;
cursor:pointer !important;
}
body.woocommerce-order-received .ahai-thankyou-btn:hover{
background:var(--ahai-checkout-button-hover-bg,#4f5d00) !important;
border-color:var(--ahai-checkout-button-hover-bg,#4f5d00) !important;
color:var(--ahai-checkout-button-hover-text,#fff) !important;
}
body.woocommerce-order-received .ahai-thankyou-btn-secundario{
background:#fff !important;
color:var(--ahai-checkout-button-bg,var(--ahai-verde-escuro)) !important;
}
body.woocommerce-order-received .ahai-thankyou-btn-secundario:hover{
background:rgba(153,204,0,.12) !important;
color:var(--ahai-checkout-button-hover-bg,#4f5d00) !important;
}
body.woocommerce-order-received .ahai-thankyou-resumo{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
margin:20px auto 0 !important;
max-width:860px !important;
text-align:left !important;
}
body.woocommerce-order-received .ahai-thankyou-resumo > div{
border:1px solid var(--ahai-borda,#e8e8e8) !important;
border-radius:12px !important;
background:#fff !important;
padding:10px 12px !important;
min-width:0 !important;
}
body.woocommerce-order-received .ahai-thankyou-resumo span{
display:block !important;
margin-bottom:3px !important;
color:#777 !important;
font-size:11px !important;
font-weight:800 !important;
}
body.woocommerce-order-received .ahai-thankyou-resumo strong{
display:block !important;
color:var(--ahai-preto,#15191d) !important;
font-size:13px !important;
font-weight:900 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body.woocommerce-order-received .ahai-thankyou-detalhes{
text-align:left !important;
}
body.woocommerce-order-received .ahai-thankyou-detalhes .woocommerce-order-details,
body.woocommerce-order-received .ahai-thankyou-detalhes .woocommerce-customer-details{
margin:0 0 18px !important;
}
body.woocommerce-order-received .ahai-thankyou-detalhes table.shop_table{
border-radius:14px !important;
overflow:hidden !important;
border:1px solid var(--ahai-borda,#e8e8e8) !important;
}
@media(max-width:780px){
body.woocommerce-order-received .ahai-thankyou-resumo{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body.woocommerce-order-received .ahai-thankyou-card,
body.woocommerce-order-received .ahai-thankyou-detalhes{
padding:20px !important;
}
}
@media(max-width:520px){
body.woocommerce-order-received .ahai-thankyou-resumo{
grid-template-columns:1fr !important;
}
body.woocommerce-order-received .ahai-thankyou-actions{
align-items:stretch !important;
flex-direction:column !important;
}
body.woocommerce-order-received .ahai-thankyou-btn{
width:100% !important;
}
}
/* =========================================================
PIX POR PIGGLY - PERSONALIZAÇÃO PLATAFORMA AHAI v49
========================================================= */
.ahai-pix-box,
#pix-por-piggly.ahai-pix-box{
width:100%;
max-width:980px;
margin:28px auto;
background:#fff;
border:1px solid rgba(0,0,0,.08);
border-radius:22px;
padding:28px;
box-shadow:0 14px 38px rgba(0,0,0,.08);
box-sizing:border-box;
font-family:Inter,Roboto,Arial,sans-serif;
color:#222;
}
.ahai-pix-topo{
display:flex;
align-items:center;
gap:20px;
margin-bottom:22px;
}
.ahai-pix-logo-ahai{
width:96px;
max-height:72px;
object-fit:contain;
flex:0 0 auto;
}
.ahai-pix-etiqueta{
display:inline-flex;
align-items:center;
justify-content:center;
background:rgba(153,204,0,.14);
color:#3a5900;
border:1px solid rgba(153,204,0,.35);
border-radius:11px;
padding:5px 12px;
font-size:12px;
font-weight:800;
line-height:1;
margin-bottom:8px;
}
.ahai-pix-titulos h2{
margin:0 0 6px;
font-size:24px;
font-weight:900;
color:#111;
}
.ahai-pix-titulos p{
margin:0;
color:#555;
font-size:14px;
line-height:1.5;
}
.ahai-pix-info-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin:18px 0 22px;
}
.ahai-pix-info-card,
.ahai-pix-card{
border:1px solid rgba(0,0,0,.08);
background:#fbfbfb;
border-radius:18px;
padding:18px;
box-sizing:border-box;
}
.ahai-pix-info-card span,
.ahai-pix-manual-grid span{
display:block;
font-size:12px;
color:#666;
font-weight:700;
margin-bottom:5px;
}
.ahai-pix-info-card strong,
.ahai-pix-manual-grid strong{
display:block;
color:#111;
font-size:18px;
font-weight:900;
overflow-wrap:anywhere;
}
.ahai-pix-deteccao{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin:14px 0 24px;
}
.ahai-pix-deteccao .pgly-wps--spinner{
width:28px;
height:28px;
display:none;
}
.ahai-pix-deteccao.loading .pgly-wps--spinner{
display:inline-block;
}
.ahai-pix-corpo{
display:grid;
grid-template-columns:minmax(240px,340px) minmax(0,1fr);
gap:18px;
align-items:stretch;
}
.ahai-pix-card h3{
margin:0 0 8px;
font-size:18px;
font-weight:900;
color:#111;
}
.ahai-pix-card p{
margin:0 0 14px;
font-size:14px;
color:#555;
line-height:1.5;
}
.ahai-pix-qrcode-moldura{
width:100%;
max-width:290px;
margin:0 auto;
background:#fff;
border:1px solid rgba(0,0,0,.08);
border-radius:18px;
padding:14px;
box-sizing:border-box;
}
.ahai-pix-qrcode-moldura img{
display:block;
width:100%;
height:auto;
margin:0 auto;
}
.ahai-pix-codigo{
width:100%;
min-height:132px;
resize:vertical;
border:1px solid rgba(0,0,0,.14);
border-radius:15px;
padding:12px;
box-sizing:border-box;
background:#fff;
font-family:Roboto Mono,Consolas,monospace;
font-size:12px;
color:#222;
line-height:1.45;
margin:0 0 12px;
}
.ahai-botao.ahai-botao-pix,
#pix-por-piggly .ahai-botao{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:10px 18px;
border-radius:11px;
border:1px solid #99cc00;
background:#99cc00;
color:#111!important;
font-size:14px;
font-weight:900;
line-height:1.2;
text-decoration:none!important;
cursor:pointer;
transition:.2s ease;
box-sizing:border-box;
}
.ahai-botao.ahai-botao-pix:hover,
#pix-por-piggly .ahai-botao:hover{
transform:translateY(-1px);
filter:brightness(.98);
}
.ahai-botao.ahai-botao-secundario,
#pix-por-piggly .ahai-botao-secundario{
background:#fff;
color:#2f4600!important;
}
.ahai-botao.ahai-botao-whatsapp{
background:#25D366!important;
border-color:#25D366!important;
color:#fff!important;
}
.ahai-botao.ahai-botao-telegram{
background:#6CC1E3!important;
border-color:#6CC1E3!important;
color:#fff!important;
}
.ahai-pix-manual-card{
margin-top:18px;
}
.ahai-pix-manual-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.ahai-pix-acoes{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:10px;
margin-top:22px;
}
.ahai-pix-aviso{
margin:20px 0 0;
padding:13px 15px;
background:rgba(153,204,0,.11);
border:1px solid rgba(153,204,0,.28);
border-radius:16px;
color:#425600;
font-size:13px;
line-height:1.45;
text-align:center;
}
.ahai-pix-instrucoes-checkout{
display:flex;
align-items:center;
gap:12px;
padding:10px 0;
color:#555;
font-size:13px;
line-height:1.45;
}
.ahai-pix-instrucoes-checkout img{
max-width:88px;
height:auto;
object-fit:contain;
}
.ahai-pix-instrucoes-checkout p{
margin:0;
}
@media (max-width:780px){
.ahai-pix-box,
#pix-por-piggly.ahai-pix-box{
padding:18px;
border-radius:18px;
}
.ahai-pix-topo{
align-items:flex-start;
gap:14px;
}
.ahai-pix-logo-ahai{
width:74px;
max-height:60px;
}
.ahai-pix-info-grid,
.ahai-pix-corpo,
.ahai-pix-manual-grid{
grid-template-columns:1fr;
}
.ahai-pix-acoes .ahai-botao,
#pix-por-piggly .ahai-botao{
width:100%;
}
}
/*==================================================
PRODUTO INDIVIDUAL - VEJA TAMBÉM ALEATÓRIO
====================================================*/
.ahai-veja-tambem{
margin:24px 0 0;
padding:18px;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
box-shadow:0 10px 28px rgba(0,0,0,.04);
}
.ahai-veja-tambem-head{
display:flex;
align-items:center;
gap:10px;
margin:0 0 16px;
}
.ahai-veja-tambem-icone{
width:36px;
height:36px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgba(153,204,0,.14);
color:var(--ahai-verde-escuro);
flex:0 0 36px;
}
.ahai-veja-tambem h2{
margin:0;
font-size:20px;
line-height:1.15;
color:var(--ahai-title-color, var(--ahai-verde-escuro));
font-weight:900;
}
.ahai-veja-tambem p{
margin:3px 0 0;
font-size:13px;
color:var(--ahai-muted,#6b7280);
}
.woocommerce .ahai-veja-tambem ul.products.ahai-veja-tambem-grid,
.woocommerce-page .ahai-veja-tambem ul.products.ahai-veja-tambem-grid{
margin:0!important;
}
@media(max-width:520px){
.ahai-veja-tambem{
padding:14px;
}
.ahai-veja-tambem-head{
align-items:flex-start;
}
}
/*==================================================
V59 - MINHA CONTA / PEDIDOS EM CARTÕES
==================================================*/
.ahai-pedidos-lista{
display:flex;
flex-direction:column;
gap:16px;
}
.ahai-pedido-card{
border:1px solid var(--ahai-account-card-border, var(--ahai-borda));
border-radius:var(--ahai-account-card-radius, var(--ahai-radius));
background:#fff;
padding:16px;
box-shadow:0 8px 22px rgba(0,0,0,.04);
}
.ahai-pedido-card__topo{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:14px;
margin-bottom:14px;
}
.ahai-pedido-card__identificacao,
.ahai-pedido-card__status-wrap{
display:flex;
flex-direction:column;
gap:5px;
}
.ahai-pedido-card__rotulo{
font-size:11px;
text-transform:uppercase;
letter-spacing:.04em;
color:var(--ahai-account-text-color, var(--ahai-cinza));
font-weight:800;
}
.ahai-pedido-card__numero{
font-size:18px;
font-weight:900;
color:var(--ahai-account-title-color, var(--ahai-verde-escuro));
text-decoration:none;
}
.ahai-pedido-card__numero:hover{
text-decoration:underline;
}
.ahai-pedido-card__data{
font-size:13px;
color:var(--ahai-account-text-color, var(--ahai-cinza));
}
.ahai-pedido-card__status{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 14px;
border-radius:999px;
border:1px solid rgba(0,0,0,.06);
background:#f5f7f8;
color:var(--ahai-account-title-color, var(--ahai-preto));
font-size:13px;
font-weight:900;
white-space:nowrap;
}
.ahai-pedido-card__status.status-processing,
.ahai-pedido-card__status.status-completed{
background:rgba(153,204,0,.16);
color:#4b6200;
}
.ahai-pedido-card__status.status-pending,
.ahai-pedido-card__status.status-on-hold{
background:rgba(255,174,0,.14);
color:#8a5f00;
}
.ahai-pedido-card__status.status-cancelled,
.ahai-pedido-card__status.status-failed,
.ahai-pedido-card__status.status-refunded{
background:rgba(229,57,53,.12);
color:#ab2521;
}
.ahai-pedido-card__meta{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:12px;
}
.ahai-pedido-card__info{
padding:12px 14px;
border:1px solid var(--ahai-borda);
border-radius:12px;
background:#fafcfd;
min-height:72px;
display:flex;
flex-direction:column;
justify-content:center;
gap:6px;
}
.ahai-pedido-card__info-label{
font-size:11px;
text-transform:uppercase;
letter-spacing:.04em;
color:var(--ahai-account-text-color, var(--ahai-cinza));
font-weight:800;
}
.ahai-pedido-card__info-value{
font-size:14px;
line-height:1.4;
color:var(--ahai-account-title-color, var(--ahai-preto));
font-weight:700;
}
.ahai-pedido-card__info-value p,
.ahai-pedido-card__info-value .amount,
.ahai-pedido-card__info-value span,
.ahai-pedido-card__info-value a{
color:inherit;
font-size:inherit;
font-weight:inherit;
text-decoration:none;
}
.ahai-pedido-card__acoes{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:14px;
padding-top:14px;
border-top:1px solid var(--ahai-borda);
}
.ahai-pedido-card__acao{
width:42px;
height:42px;
border-radius:50%;
border:1px solid var(--ahai-account-button-bg, var(--ahai-verde-escuro));
background:var(--ahai-account-button-bg, var(--ahai-verde-escuro));
color:var(--ahai-account-button-text, #fff) !important;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none !important;
transition:.18s ease;
box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.ahai-pedido-card__acao i{
font-size:16px;
line-height:1;
}
.ahai-pedido-card__acao:hover{
transform:translateY(-2px) scale(1.02);
background:var(--ahai-account-button-hover-bg, #4f5d00);
border-color:var(--ahai-account-button-hover-bg, #4f5d00);
color:var(--ahai-account-button-hover-text, #fff) !important;
}
.ahai-pedidos-paginacao{
display:flex;
justify-content:space-between;
gap:12px;
margin-top:18px;
}
.ahai-pedidos-paginacao__botao{
min-width:140px;
}
.ahai-pedidos-vazio{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:14px;
}
.ahai-pedidos-vazio__botao{
white-space:nowrap;
}
@media(max-width:680px){
.ahai-pedido-card__topo{
flex-direction:column;
}
.ahai-pedido-card__status-wrap{
width:100%;
}
.ahai-pedido-card__status{
width:100%;
justify-content:flex-start;
}
.ahai-pedidos-paginacao{
flex-direction:column;
}
}
/*==================================================
V61 - MINHA CONTA / DETALHES DA CONTA
Corrige botões de mostrar senha e melhora o bloco de alteração de senha.
==================================================*/
.ahai-conta-conteudo .woocommerce-EditAccountForm fieldset{
border:1px solid var(--ahai-account-card-border, var(--ahai-borda));
border-radius:var(--ahai-account-card-radius, var(--ahai-radius));
padding:18px 16px 16px;
margin:20px 0 18px;
background:#fff;
}
.ahai-conta-conteudo .woocommerce-EditAccountForm legend{
padding:0 9px;
color:var(--ahai-account-title-color, var(--ahai-preto));
font-size:15px;
font-weight:900;
}
.ahai-conta-conteudo .woocommerce-EditAccountForm .form-row{
margin:0 0 14px;
}
.ahai-conta-conteudo .woocommerce-EditAccountForm em{
display:block;
margin-top:4px;
color:var(--ahai-account-text-color, var(--ahai-cinza));
font-size:12px;
line-height:1.35;
}
.ahai-conta-conteudo .woocommerce-EditAccountForm .password-input,
.ahai-conta-conteudo .woocommerce-EditAccountForm .woocommerce-password-input{
position:relative;
display:block;
width:100%;
}
.ahai-conta-conteudo .woocommerce-EditAccountForm .password-input input,
.ahai-conta-conteudo .woocommerce-EditAccountForm .woocommerce-password-input input{
padding-right:44px !important;
}
/*
WooCommerce/WordPress cria botões internos para mostrar/ocultar senha.
Eles não podem herdar o estilo dos botões principais da Plataforma AHAI.
*/
.ahai-conta-conteudo .woocommerce-EditAccountForm button.show-password-input,
.ahai-conta-conteudo .woocommerce-EditAccountForm .show-password-input,
.ahai-conta-conteudo .woocommerce-EditAccountForm button.wp-hide-pw,
.ahai-conta-conteudo .woocommerce-EditAccountForm .wp-hide-pw{
position:absolute !important;
right:8px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:28px !important;
height:28px !important;
min-width:28px !important;
min-height:28px !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
border-radius:50% !important;
background:transparent !important;
color:var(--ahai-verde-escuro) !important;
box-shadow:none !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-indent:0 !important;
overflow:hidden !important;
z-index:3;
}
.ahai-conta-conteudo .woocommerce-EditAccountForm button.show-password-input:hover,
.ahai-conta-conteudo .woocommerce-EditAccountForm .show-password-input:hover,
.ahai-conta-conteudo .woocommerce-EditAccountForm button.wp-hide-pw:hover,
.ahai-conta-conteudo .woocommerce-EditAccountForm .wp-hide-pw:hover{
background:rgba(153,204,0,.14) !important;
color:var(--ahai-verde-escuro) !important;
transform:translateY(-50%) !important;
}
.ahai-conta-conteudo .woocommerce-EditAccountForm .show-password-input::after{
color:var(--ahai-verde-escuro) !important;
}
.ahai-conta-conteudo .woocommerce-EditAccountForm .woocommerce-password-strength,
.ahai-conta-conteudo .woocommerce-EditAccountForm .woocommerce-password-hint{
margin-top:6px;
border-radius:10px;
font-size:12px;
line-height:1.35;
}
/*==================================================
V62 - PÁGINA SITE SEGURO
==================================================*/
.ahai-pagina-segura{
padding:34px 0 46px;
}
.ahai-seguranca-hero{
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:linear-gradient(180deg, #fff 0%, rgba(153,204,0,.08) 100%);
padding:30px 24px;
text-align:center;
box-shadow:0 10px 28px rgba(0,0,0,.04);
}
.ahai-seguranca-logo{
display:flex;
justify-content:center;
margin-bottom:14px;
}
.ahai-seguranca-logo img{
max-width:220px;
max-height:82px;
width:auto;
height:auto;
}
.ahai-seguranca-etiqueta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:28px;
padding:0 13px;
border-radius:999px;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
font-size:12px;
font-weight:900;
margin-bottom:12px;
}
.ahai-seguranca-hero h1{
color:var(--ahai-verde-escuro);
font-size:30px;
margin:0 0 10px;
}
.ahai-seguranca-hero p{
max-width:760px;
margin:0 auto;
color:var(--ahai-cinza);
font-size:15px;
line-height:1.55;
}
.ahai-seguranca-alerta{
margin:18px 0;
border:1px solid rgba(153,204,0,.35);
border-radius:var(--ahai-radius);
background:#fff;
padding:16px 18px;
display:flex;
align-items:center;
gap:14px;
box-shadow:0 8px 22px rgba(0,0,0,.035);
}
.ahai-seguranca-alerta > i{
width:44px;
height:44px;
border-radius:50%;
background:var(--ahai-verde);
color:#111;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:22px;
flex:0 0 44px;
}
.ahai-seguranca-alerta strong{
display:block;
color:var(--ahai-preto);
font-size:16px;
margin-bottom:2px;
}
.ahai-seguranca-alerta span{
color:var(--ahai-cinza);
font-size:13px;
}
.ahai-seguranca-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.ahai-seguranca-card{
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
padding:20px 18px;
min-height:210px;
box-shadow:0 8px 22px rgba(0,0,0,.035);
transition:.2s ease;
}
.ahai-seguranca-card:hover{
border-color:var(--ahai-verde);
transform:translateY(-2px);
box-shadow:0 12px 26px rgba(0,0,0,.065);
}
.ahai-seguranca-card > i{
width:42px;
height:42px;
border-radius:50%;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
display:inline-flex;
align-items:center;
justify-content:center;
font-size:20px;
margin-bottom:14px;
}
.ahai-seguranca-card h2{
font-size:17px;
color:var(--ahai-preto);
margin:0 0 8px;
}
.ahai-seguranca-card p{
margin:0;
color:var(--ahai-cinza);
font-size:13px;
line-height:1.5;
}
.ahai-seguranca-compromisso{
margin-top:18px;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
padding:22px;
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
box-shadow:0 8px 22px rgba(0,0,0,.035);
}
.ahai-seguranca-compromisso h2{
color:var(--ahai-verde-escuro);
font-size:22px;
margin:0 0 8px;
}
.ahai-seguranca-compromisso p{
color:var(--ahai-cinza);
margin:0;
line-height:1.5;
}
.ahai-seguranca-acoes{
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:flex-end;
flex:0 0 auto;
}
.ahai-seguranca-btn{
min-width:170px;
margin:0;
}
.ahai-seguranca-btn-secundario{
background:#fff !important;
color:var(--ahai-verde-escuro) !important;
border:1px solid var(--ahai-verde) !important;
}
.ahai-seguranca-btn-secundario:hover{
background:rgba(153,204,0,.14) !important;
color:var(--ahai-verde-escuro) !important;
}
@media(max-width:900px){
.ahai-seguranca-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.ahai-seguranca-compromisso{
flex-direction:column;
align-items:flex-start;
}
.ahai-seguranca-acoes{
justify-content:flex-start;
}
}
@media(max-width:560px){
.ahai-seguranca-grid{
grid-template-columns:1fr;
}
.ahai-seguranca-hero{
padding:24px 18px;
}
.ahai-seguranca-hero h1{
font-size:25px;
}
.ahai-seguranca-alerta{
align-items:flex-start;
}
.ahai-seguranca-acoes,
.ahai-seguranca-btn{
width:100%;
}
}
/*==================================================
V63 - PÁGINA SITE CONFIÁVEL / IDENTIFICAÇÃO
==================================================*/
.ahai-seguranca-identificacao{
margin-top:18px;
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
padding:22px;
box-shadow:0 8px 22px rgba(0,0,0,.035);
}
.ahai-seguranca-identificacao-head{
display:flex;
align-items:center;
gap:14px;
margin-bottom:16px;
}
.ahai-seguranca-identificacao-head > i{
width:46px;
height:46px;
border-radius:50%;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
display:inline-flex;
align-items:center;
justify-content:center;
font-size:20px;
flex:0 0 46px;
}
.ahai-seguranca-identificacao-head h2{
margin:0 0 3px;
color:var(--ahai-verde-escuro);
font-size:22px;
}
.ahai-seguranca-identificacao-head p{
margin:0;
color:var(--ahai-cinza);
font-size:13px;
}
.ahai-seguranca-identificacao-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.ahai-seguranca-identificacao-grid > div{
border:1px solid var(--ahai-borda);
border-radius:12px;
background:#fafcfd;
padding:13px 14px;
}
.ahai-seguranca-identificacao-grid span{
display:block;
font-size:11px;
text-transform:uppercase;
letter-spacing:.04em;
color:var(--ahai-cinza);
font-weight:900;
margin-bottom:5px;
}
.ahai-seguranca-identificacao-grid strong,
.ahai-seguranca-identificacao-grid a{
color:var(--ahai-preto);
font-size:14px;
font-weight:900;
text-decoration:none;
}
.ahai-seguranca-identificacao-grid a:hover{
color:var(--ahai-verde-escuro);
text-decoration:underline;
}
.ahai-seguranca-identificacao-endereco{
grid-column:1/-1;
}
.ahai-pagina-confiavel .ahai-seguranca-alerta a{
color:var(--ahai-verde-escuro);
font-weight:900;
text-decoration:none;
}
.ahai-pagina-confiavel .ahai-seguranca-alerta a:hover{
text-decoration:underline;
}
@media(max-width:680px){
.ahai-seguranca-identificacao-grid{
grid-template-columns:1fr;
}
.ahai-seguranca-identificacao-head{
align-items:flex-start;
}
}
/*==================================================
V66 - PÁGINA TERMOS E CONDIÇÕES
==================================================*/
.ahai-termos-page{
padding:34px 0 46px;
}
.ahai-termos-hero{
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:linear-gradient(180deg, #fff 0%, rgba(153,204,0,.08) 100%);
padding:28px 24px;
text-align:center;
box-shadow:0 10px 28px rgba(0,0,0,.04);
margin-bottom:18px;
}
.ahai-termos-etiqueta{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:28px;
padding:0 13px;
border-radius:999px;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
font-size:12px;
font-weight:900;
margin-bottom:12px;
}
.ahai-termos-hero h1{
margin:0 0 10px;
color:var(--ahai-verde-escuro);
font-size:30px;
}
.ahai-termos-hero p{
max-width:780px;
margin:0 auto;
color:var(--ahai-cinza);
line-height:1.55;
font-size:15px;
}
.ahai-termos-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:18px;
align-items:start;
}
.ahai-termos-card,
.ahai-termos-box{
border:1px solid var(--ahai-borda);
border-radius:var(--ahai-radius);
background:#fff;
box-shadow:0 8px 22px rgba(0,0,0,.035);
}
.ahai-termos-card{
padding:24px;
}
.ahai-termos-card p,
.ahai-termos-card li{
color:var(--ahai-cinza);
font-size:14px;
line-height:1.62;
}
.ahai-termos-card p{
margin:0 0 14px;
}
.ahai-termos-card h2{
color:var(--ahai-preto);
font-size:20px;
margin:26px 0 10px;
padding-top:4px;
}
.ahai-termos-card h2:first-child{
margin-top:0;
}
.ahai-termos-card strong{
color:var(--ahai-preto);
}
.ahai-termos-lateral{
display:flex;
flex-direction:column;
gap:12px;
position:sticky;
top:18px;
}
.ahai-termos-box{
padding:18px;
}
.ahai-termos-box > i{
width:40px;
height:40px;
border-radius:50%;
background:rgba(153,204,0,.18);
color:var(--ahai-verde-escuro);
display:inline-flex;
align-items:center;
justify-content:center;
font-size:19px;
margin-bottom:12px;
}
.ahai-termos-box h2{
margin:0 0 8px;
color:var(--ahai-preto);
font-size:16px;
}
.ahai-termos-box p{
margin:0 0 10px;
color:var(--ahai-cinza);
font-size:13px;
line-height:1.5;
}
.ahai-termos-box p:last-child{
margin-bottom:0;
}
.ahai-termos-box a{
color:var(--ahai-verde-escuro);
font-weight:900;
text-decoration:none;
}
.ahai-termos-box a:hover{
text-decoration:underline;
}
.ahai-termos-box-aviso{
background:rgba(153,204,0,.08);
border-color:rgba(153,204,0,.35);
}
@media(max-width:980px){
.ahai-termos-layout{
grid-template-columns:1fr;
}
.ahai-termos-lateral{
position:static;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:620px){
.ahai-termos-hero{
padding:24px 18px;
}
.ahai-termos-hero h1{
font-size:25px;
}
.ahai-termos-card{
padding:18px;
}
.ahai-termos-lateral{
grid-template-columns:1fr;
}
}
/*==================================================
V67 - HOME / LINHA DE PRODUTOS PERSONALIZADOS
====================================================*/
.ahai-home-personalizados{
margin:0 auto 18px;
}
.ahai-home-personalizados-linha{
width:100%;
min-height:72px;
border:1px solid rgba(153,204,0,.35);
border-radius:var(--ahai-radius);
background:linear-gradient(90deg, rgba(153,204,0,.12) 0%, #ffffff 46%, rgba(153,204,0,.07) 100%);
box-shadow:0 4px 16px rgba(0,0,0,.04);
padding:14px 16px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.ahai-home-personalizados-principal{
display:flex;
align-items:center;
gap:12px;
min-width:300px;
flex:1 1 auto;
}
.ahai-home-personalizados-icone{
width:42px;
height:42px;
border-radius:50%;
background:var(--ahai-verde);
color:#111;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:20px;
flex:0 0 42px;
}
.ahai-home-personalizados-texto{
display:block;
min-width:0;
line-height:1.25;
}
.ahai-home-personalizados-texto strong{
display:block;
color:var(--ahai-verde-escuro);
font-size:16px;
font-weight:900;
margin-bottom:3px;
}
.ahai-home-personalizados-texto small{
display:block;
color:var(--ahai-cinza);
font-size:13px;
font-weight:600;
}
.ahai-home-personalizados-pontos{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:7px;
flex:0 1 430px;
}
.ahai-home-personalizados-pontos span{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:28px;
padding:0 10px;
border:1px solid rgba(101,112,0,.18);
border-radius:999px;
background:#fff;
color:#333;
font-size:11px;
font-weight:900;
white-space:nowrap;
}
.ahai-home-personalizados-pontos i{
color:var(--ahai-verde-escuro);
}
.ahai-home-personalizados-botao{
min-height:34px;
padding:0 14px;
border-radius:999px;
background:var(--ahai-verde-escuro);
color:#fff !important;
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
text-decoration:none !important;
font-size:12px;
font-weight:900;
white-space:nowrap;
flex:0 0 auto;
transition:.2s ease;
}
.ahai-home-personalizados-botao:hover{
background:var(--ahai-preto);
color:#fff !important;
transform:translateY(-1px);
}
@media(max-width:980px){
.ahai-home-personalizados-linha{
align-items:flex-start;
flex-direction:column;
}
.ahai-home-personalizados-principal,
.ahai-home-personalizados-pontos{
width:100%;
min-width:0;
flex-basis:auto;
justify-content:flex-start;
}
}
@media(max-width:560px){
.ahai-home-personalizados-linha{
padding:14px;
}
.ahai-home-personalizados-principal{
align-items:flex-start;
}
.ahai-home-personalizados-pontos{
display:grid;
grid-template-columns:1fr;
}
.ahai-home-personalizados-pontos span,
.ahai-home-personalizados-botao{
width:100%;
}
}
/*==================================================
V70 - CORREÇÃO RESPONSIVA / GALERIA E GRADES NO CELULAR
Corrige imagens ficando espremidas em colunas estreitas no mobile.
====================================================*/
@media(max-width:900px){
.ahai-produto-topo{
grid-template-columns:1fr !important;
}
.ahai-produto-galeria{
min-height:0 !important;
height:auto !important;
}
.ahai-galeria-area,
.ahai-galeria-area.tem-miniaturas,
.ahai-galeria-area.sem-miniaturas{
display:grid !important;
grid-template-columns:1fr !important;
grid-template-rows:auto auto !important;
gap:var(--ahai-single-media-gap) !important;
height:auto !important;
min-height:0 !important;
}
.ahai-galeria-area .ahai-galeria-principal{
order:1 !important;
width:100% !important;
height:min(var(--ahai-single-media-mobile-image-max-height), max(var(--ahai-single-media-mobile-image-min-height), 72vw)) !important;
min-height:var(--ahai-single-media-mobile-image-min-height) !important;
max-height:var(--ahai-single-media-mobile-image-max-height) !important;
}
.ahai-galeria-area .ahai-galeria-trilho,
.ahai-galeria-area .ahai-galeria-slide{
height:100% !important;
}
.ahai-galeria-area .ahai-galeria-slide{
min-width:100% !important;
width:100% !important;
flex:0 0 100% !important;
padding:var(--ahai-single-media-slide-padding) !important;
}
.ahai-galeria-area .ahai-galeria-slide img{
width:auto !important;
max-width:100% !important;
height:auto !important;
max-height:100% !important;
object-fit:var(--ahai-single-media-object-fit) !important;
}
.ahai-galeria-area .ahai-galeria-miniaturas{
order:2 !important;
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
grid-template-rows:1fr !important;
gap:var(--ahai-single-media-thumbnail-gap) !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
margin:0 !important;
}
.ahai-galeria-area .ahai-galeria-miniatura{
width:100% !important;
height:var(--ahai-single-media-thumbnail-mobile-height) !important;
min-height:var(--ahai-single-media-thumbnail-mobile-height) !important;
}
}
@media(max-width:520px){
.ahai-produto-galeria{
padding:var(--ahai-single-media-gallery-padding) !important;
border-radius:var(--ahai-single-media-radius) !important;
}
.ahai-galeria-area .ahai-galeria-principal{
height:min(var(--ahai-single-media-mobile-image-max-height), max(var(--ahai-single-media-mobile-image-min-height), 78vw)) !important;
min-height:var(--ahai-single-media-mobile-image-min-height) !important;
}
.ahai-galeria-area .ahai-galeria-miniatura{
height:var(--ahai-single-media-thumbnail-mobile-height) !important;
min-height:var(--ahai-single-media-thumbnail-mobile-height) !important;
padding:var(--ahai-single-media-thumbnail-padding) !important;
border-radius:var(--ahai-single-media-radius) !important;
}
.ahai-galeria-seta{
width:28px !important;
height:28px !important;
font-size:22px !important;
}
.ahai-galeria-pausar{
left:10px !important;
bottom:10px !important;
height:25px !important;
padding:0 8px !important;
font-size:10px !important;
}
.ahai-galeria-zoom{
right:10px !important;
bottom:10px !important;
width:30px !important;
height:30px !important;
}
}
/* Reforço final para grades de produtos em telas estreitas. */
@media(max-width:760px){
.ahai-home-products .ahai-products-grid,
.front-page .ahai-products-grid,
.home .ahai-products-grid{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:12px !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:12px !important;
}
.ahai-card-img{
height:170px !important;
padding:10px !important;
}
.ahai-card-img img{
max-height:150px !important;
}
}
@media(max-width:380px){
.ahai-home-products .ahai-products-grid,
.front-page .ahai-products-grid,
.home .ahai-products-grid,
.woocommerce ul.products,
.woocommerce-page ul.products{
grid-template-columns:1fr !important;
}
}
/*==================================================
V72 - SELOS CONFIGURÁVEIS PELO ADMIN
==================================================*/
.ahai-footer .ahai-seal iframe,
.ahai-footer .ahai-seal object,
.ahai-footer .ahai-seal embed,
.ahai-footer .ahai-seal video,
.ahai-footer .ahai-seal canvas{
max-width:100%!important;
}
.ahai-footer .ahai-seal script{
display:none!important;
}
@media(max-width:768px){
.ahai-slide img{height:var(--ahai-slider-mobile-height,180px);}
}
/*==================================================
V76 - CSS DE PLUGINS INCORPORADO
Antes estava em assets/css/ahai-plugins.css.
====================================================*/
/*==================================================
PLATAFORMA AHAI - AJUSTES DE PLUGINS
Este arquivo é carregado por último.
Use aqui somente correções de plugins externos.
====================================================*/
/*--------------------------------------------------
Padrão visual para campos vindos de plugins
Ex.: Correios, frete, Pix, gateways e formulários
--------------------------------------------------*/
body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea,
body .woocommerce form .form-row select,
body .woocommerce-page form .form-row input.input-text,
body .woocommerce-page form .form-row textarea,
body .woocommerce-page form .form-row select,
body.woocommerce-cart input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body.woocommerce-cart select,
body.woocommerce-cart textarea,
body.woocommerce-checkout input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.single-product input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body.single-product select,
body.single-product textarea{
border:1px solid #eee !important;
border-radius:10px !important;
background:#fff;
min-height:var(--ahai-input-height, 30px);
}
/*--------------------------------------------------
Correios / cálculo de frete
--------------------------------------------------*/
body .woocommerce .correios-calculo-frete,
body .woocommerce .correios-calculo-frete *{
box-sizing:border-box;
}
body .woocommerce .correios-calculo-frete input,
body .woocommerce .correios-calculo-frete select,
body .woocommerce .correios-calculo-frete textarea,
body .woocommerce [class*="correios"] input,
body .woocommerce [class*="correios"] select,
body .woocommerce [class*="correios"] textarea,
body .woocommerce [id*="correios"] input,
body .woocommerce [id*="correios"] select,
body .woocommerce [id*="correios"] textarea{
border:1px solid #eee !important;
border-radius:10px !important;
background:#fff !important;
min-height:var(--ahai-input-height, 30px) !important;
font-size:var(--ahai-input-font-size, 13px) !important;
outline:none !important;
}
body .woocommerce .correios-calculo-frete button,
body .woocommerce .correios-calculo-frete .button,
body .woocommerce [class*="correios"] button,
body .woocommerce [class*="correios"] .button,
body .woocommerce [id*="correios"] button,
body .woocommerce [id*="correios"] .button{
border-radius:10px !important;
min-height:var(--ahai-button-height, 30px) !important;
background:var(--ahai-button-bg, #657000) !important;
color:var(--ahai-button-text, #fff) !important;
border:0 !important;
font-size:var(--ahai-button-font-size, 13px) !important;
font-weight:800 !important;
}
body .woocommerce .correios-calculo-frete button:hover,
body .woocommerce .correios-calculo-frete .button:hover,
body .woocommerce [class*="correios"] button:hover,
body .woocommerce [class*="correios"] .button:hover,
body .woocommerce [id*="correios"] button:hover,
body .woocommerce [id*="correios"] .button:hover{
background:var(--ahai-button-hover-bg, #4f5d00) !important;
color:var(--ahai-button-hover-text, #fff) !important;
}
/*--------------------------------------------------
Select2 usado por WooCommerce e plugins
--------------------------------------------------*/
body .select2-container .select2-selection--single,
body .select2-container .select2-selection--multiple{
border:1px solid #eee !important;
border-radius:10px !important;
min-height:var(--ahai-input-height, 30px) !important;
background:#fff !important;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:var(--ahai-input-height, 30px) !important;
font-size:var(--ahai-input-font-size, 13px) !important;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow{
height:var(--ahai-input-height, 30px) !important;
}
/*--------------------------------------------------
Pix por Piggly / instruções finais
--------------------------------------------------*/
body .woocommerce [class*="pix"] input,
body .woocommerce [class*="pix"] textarea,
body .woocommerce [class*="piggly"] input,
body .woocommerce [class*="piggly"] textarea{
border:1px solid #eee !important;
border-radius:10px !important;
}
/*==================================================
V76 - REGRAS CONSOLIDADAS DAS CONFIGURAÇÕES DO PAINEL
O painel altera apenas variáveis; as regras ficam neste arquivo.
====================================================*/
body{
background:var(--ahai-fundo)!important;
color:var(--ahai-texto)!important;
font-size:var(--ahai-site-font-size,14px)!important;
line-height:var(--ahai-site-line-height,1.45)!important;
font-family:var(--ahai-fonte-site)!important;
text-transform:var(--ahai-transformacao-site,none)!important;
}
body input,
body select,
body textarea,
body button{
font-family:var(--ahai-fonte-site)!important;
}
.ahai-nav,
.ahai-nav a,
.ahai-primary-menu,
.ahai-menu-toggle,
.ahai-header-free,
.ahai-cabecalho-linha-flexivel-area{
font-family:var(--ahai-fonte-menu-cabecalho)!important;
}
.ahai-nav,
.ahai-nav a,
.ahai-primary-menu,
.ahai-primary-menu a,
.ahai-menu-toggle{
text-transform:var(--ahai-transformacao-menu-cabecalho,none)!important;
}
.ahai-footer,
.ahai-footer-desc,
.ahai-footer-company,
.ahai-footer-copy{
font-family:var(--ahai-fonte-textos-rodape)!important;
text-transform:var(--ahai-transformacao-textos-rodape,none)!important;
}
.ahai-footer-menu,
.ahai-footer-menu a,
.ahai-footer-menu-list{
font-family:var(--ahai-fonte-menu-rodape)!important;
text-transform:var(--ahai-transformacao-menu-rodape,none)!important;
}
.ahai-topbar{
background:var(--ahai-topbar-bg)!important;
color:var(--ahai-topbar-color)!important;
font-size:var(--ahai-topbar-font-size)!important;
min-height:var(--ahai-topbar-height)!important;
padding-top:0!important;
padding-bottom:0!important;
display:flex!important;
align-items:center!important;
}
.ahai-topbar-inner{
min-height:var(--ahai-topbar-height)!important;
}
.ahai-header-inner{
padding-top:var(--ahai-header-padding-top)!important;
padding-bottom:var(--ahai-header-padding-bottom)!important;
}
.ahai-logo img{
max-width:var(--ahai-logo-width)!important;
}
.ahai-nav-wrap,
.ahai-menu-area,
.ahai-nav ul,
.ahai-primary-menu{
justify-content:var(--ahai-menu-justify,flex-end)!important;
}
.ahai-header-free > a,
.ahai-header-free > span{
background:var(--ahai-header-free-bg)!important;
color:var(--ahai-header-free-text-color)!important;
border-color:var(--ahai-header-free-border-color)!important;
border-width:var(--ahai-header-free-border-width)!important;
border-radius:var(--ahai-header-free-radius)!important;
padding:var(--ahai-header-free-padding-y) var(--ahai-header-free-padding-x)!important;
gap:var(--ahai-header-free-gap)!important;
max-width:var(--ahai-header-free-max-width)!important;
font-size:var(--ahai-header-free-font-size)!important;
font-weight:var(--ahai-header-free-font-weight)!important;
text-align:var(--ahai-header-free-text-align,center)!important;
}
.ahai-header-free i{
color:var(--ahai-header-free-icon-color)!important;
}
.ahai-nav{
background:var(--ahai-menu-bg)!important;
border-top:var(--ahai-menu-border-top-width) solid var(--ahai-menu-border-top-color)!important;
border-bottom:var(--ahai-menu-border-bottom-width) solid var(--ahai-menu-border-bottom-color)!important;
min-height:var(--ahai-menu-height)!important;
}
.ahai-nav a{
color:var(--ahai-menu-color)!important;
font-size:var(--ahai-menu-font-size)!important;
min-height:calc(var(--ahai-menu-height,44px) - 10px)!important;
}
.ahai-nav a:hover,
.ahai-nav li:hover > a{
background:var(--ahai-menu-hover-bg)!important;
color:var(--ahai-menu-hover-color)!important;
}
.ahai-search{
border-color:var(--ahai-input-border-color)!important;
}
.ahai-search input[type=search],
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
select{
min-height:var(--ahai-input-height)!important;
height:var(--ahai-input-height)!important;
font-size:var(--ahai-input-font-size)!important;
}
.ahai-search button,
.ahai-btn,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
min-height:var(--ahai-button-height)!important;
height:auto!important;
background:var(--ahai-button-bg)!important;
color:var(--ahai-button-text)!important;
font-size:var(--ahai-button-font-size)!important;
}
.ahai-search button:hover,
.ahai-btn:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
background:var(--ahai-button-hover-bg)!important;
color:var(--ahai-button-hover-text)!important;
}
.ahai-actions a,
.ahai-cart,
.ahai-account{
background:var(--ahai-header-button-bg)!important;
color:var(--ahai-header-button-text)!important;
min-height:var(--ahai-button-height)!important;
font-size:var(--ahai-button-font-size)!important;
}
.ahai-section-head h2,
.woocommerce-products-header__title,
.woocommerce div.product .product_title{
color:var(--ahai-section-title-color)!important;
font-size:var(--ahai-section-title-size)!important;
}
.ahai-section-head a,
.woocommerce a{
color:var(--ahai-section-link-color);
}
.ahai-home-icon svg,
.ahai-cat-card svg,
.ahai-trust-icon svg{
color:var(--ahai-home-icon-color)!important;
fill:currentColor!important;
}
.ahai-home-icon,
.ahai-cat-card .ahai-cat-icon,
.ahai-trust-icon{
width:var(--ahai-home-icon-size)!important;
height:var(--ahai-home-icon-size)!important;
color:var(--ahai-home-icon-color)!important;
}
.ahai-cat-card strong,
.ahai-trust-grid strong{
font-size:var(--ahai-home-card-title-size)!important;
}
.ahai-cat-card small,
.ahai-trust-grid span{
font-size:var(--ahai-home-card-text-size)!important;
}
.ahai-card-product{
border-color:var(--ahai-product-card-border)!important;
background:var(--ahai-product-card-bg)!important;
border-radius:var(--ahai-product-card-radius)!important;
}
.ahai-card-img{
height:var(--ahai-product-card-image-height)!important;
background:var(--ahai-product-card-image-bg)!important;
}
.ahai-card-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title{
color:var(--ahai-product-title-color)!important;
font-size:var(--ahai-product-title-size)!important;
font-weight:var(--ahai-product-title-weight)!important;
}
.ahai-price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color:var(--ahai-price-color)!important;
font-size:var(--ahai-price-size)!important;
font-weight:var(--ahai-price-weight)!important;
}
.ahai-price ins,
.woocommerce .price ins{
color:var(--ahai-price-sale-color)!important;
}
.ahai-price del,
.woocommerce .price del{
color:var(--ahai-price-regular-color)!important;
}
.woocommerce-products-header__title,
.woocommerce div.product .product_title{
color:var(--ahai-woo-title-color)!important;
font-size:var(--ahai-woo-title-size)!important;
}
.woocommerce,
.woocommerce-page{
font-size:var(--ahai-woo-text-size)!important;
}
.woocommerce a{
color:var(--ahai-woo-link-color);
}
.ahai-footer{
background:var(--ahai-footer-bg)!important;
color:var(--ahai-footer-text-color)!important;
font-size:var(--ahai-footer-font-size)!important;
}
.ahai-footer a,
.ahai-footer-menu a{
color:var(--ahai-footer-link-color)!important;
}
.ahai-footer a:hover,
.ahai-footer-menu a:hover{
color:var(--ahai-footer-link-hover)!important;
}
.ahai-footer-logo img{
max-width:var(--ahai-footer-logo-width)!important;
}
.ahai-footer-copy{
font-size:var(--ahai-footer-copy-size)!important;
}
.ahai-footer .ahai-seals-grid{
background:var(--ahai-footer-seals-bg)!important;
border-color:var(--ahai-footer-seals-border-color)!important;
border-radius:var(--ahai-footer-seals-radius)!important;
padding:var(--ahai-footer-seals-padding)!important;
gap:var(--ahai-footer-seals-gap)!important;
}
.ahai-footer .ahai-safe-card,
.ahai-footer .ahai-google-card{
background:var(--ahai-footer-seals-card-bg)!important;
border-color:var(--ahai-footer-seals-card-border)!important;
}
.ahai-footer .ahai-safe-title,
.ahai-footer .ahai-safe-subtitle{
color:var(--ahai-footer-seals-text-color)!important;
}
.ahai-footer .ahai-safe-icon{
background:var(--ahai-footer-seals-icon-bg)!important;
color:var(--ahai-footer-seals-icon-color)!important;
}
.ahai-footer-company{
display:flex!important;
flex-direction:row!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:var(--ahai-footer-company-justify,center)!important;
gap:var(--ahai-footer-company-gap)!important;
max-width:var(--ahai-footer-company-max-width)!important;
}
.ahai-footer-company-item{
display:inline-flex!important;
flex-direction:row!important;
width:auto!important;
flex:0 1 auto!important;
background:var(--ahai-footer-company-bg)!important;
border-color:var(--ahai-footer-company-border-color)!important;
border-width:var(--ahai-footer-company-border-width)!important;
border-style:solid!important;
border-radius:var(--ahai-footer-company-radius)!important;
padding:var(--ahai-footer-company-padding-y) var(--ahai-footer-company-padding-x)!important;
text-align:var(--ahai-footer-company-text-align,left)!important;
color:var(--ahai-footer-company-text-color)!important;
}
.ahai-footer-company-item i{
color:var(--ahai-footer-company-icon-color)!important;
font-size:var(--ahai-footer-company-icon-size)!important;
width:calc(var(--ahai-footer-company-icon-size) + 7px)!important;
height:calc(var(--ahai-footer-company-icon-size) + 7px)!important;
flex-basis:calc(var(--ahai-footer-company-icon-size) + 7px)!important;
}
.ahai-footer-company-item span{
text-align:var(--ahai-footer-company-text-align,left)!important;
}
.ahai-footer-company-item strong{
color:var(--ahai-footer-company-label-color)!important;
font-size:var(--ahai-footer-company-label-size)!important;
}
.ahai-footer-company-item a,
.ahai-footer-company-item em{
color:var(--ahai-footer-company-text-color)!important;
font-size:var(--ahai-footer-company-font-size)!important;
}
.ahai-footer-company-item a:hover{
color:var(--ahai-footer-link-hover)!important;
}
.ahai-hide-regular-price .ahai-price del,
.ahai-hide-regular-price .woocommerce .price del{
display:none!important;
}
.ahai-hide-product-meta .product_meta,
.ahai-hide-product-sku .product_meta .sku_wrapper,
.ahai-hide-product-brand .product_meta .ahai-product-brand,
.ahai-hide-product-ncm .product_meta .ahai-product-ncm,
.ahai-hide-product-categories .product_meta .posted_in,
.ahai-hide-product-tags .product_meta .tagged_as{
display:none!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout form.checkout.ahai-checkout .woocommerce-shipping-fields__field-wrapper{
display:flex!important;
flex-wrap:wrap!important;
gap:var(--ahai-checkout-field-gap-y,10px) var(--ahai-checkout-field-gap-x,14px)!important;
align-items:flex-end!important;
align-content:flex-start!important;
width:100%!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout form.checkout.ahai-checkout .woocommerce-shipping-fields__field-wrapper .form-row{
grid-column:unset!important;
float:none!important;
clear:none!important;
margin:0!important;
padding:0!important;
min-width:0!important;
max-width:none!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_first_name_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_first_name{
--ahai-campo-largura:var(--ahai-w-billing-first-name, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_last_name_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_last_name{
--ahai-campo-largura:var(--ahai-w-billing-last-name, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_persontype_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_persontype{
--ahai-campo-largura:var(--ahai-w-billing-persontype, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_cpf_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_cpf{
--ahai-campo-largura:var(--ahai-w-billing-cpf, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_cnpj_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_cnpj{
--ahai-campo-largura:var(--ahai-w-billing-cnpj, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_birthdate_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_birthdate{
--ahai-campo-largura:var(--ahai-w-billing-birthdate, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_birth_date_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_birth_date{
--ahai-campo-largura:var(--ahai-w-billing-birth-date, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_nascimento_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_nascimento{
--ahai-campo-largura:var(--ahai-w-billing-nascimento, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_company_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_company{
--ahai-campo-largura:var(--ahai-w-billing-company, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_postcode_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_postcode{
--ahai-campo-largura:var(--ahai-w-billing-postcode, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_country_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_country{
--ahai-campo-largura:var(--ahai-w-billing-country, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_address_1_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_address_1{
--ahai-campo-largura:var(--ahai-w-billing-address-1, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_number_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_number{
--ahai-campo-largura:var(--ahai-w-billing-number, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_numero_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_numero{
--ahai-campo-largura:var(--ahai-w-billing-numero, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_address_2_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_address_2{
--ahai-campo-largura:var(--ahai-w-billing-address-2, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_neighborhood_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_neighborhood{
--ahai-campo-largura:var(--ahai-w-billing-neighborhood, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_bairro_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_bairro{
--ahai-campo-largura:var(--ahai-w-billing-bairro, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_city_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_city{
--ahai-campo-largura:var(--ahai-w-billing-city, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_state_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_state{
--ahai-campo-largura:var(--ahai-w-billing-state, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_phone_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_phone{
--ahai-campo-largura:var(--ahai-w-billing-phone, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_cellphone_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_cellphone{
--ahai-campo-largura:var(--ahai-w-billing-cellphone, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #billing_email_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-billing_email{
--ahai-campo-largura:var(--ahai-w-billing-email, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_first_name_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_first_name{
--ahai-campo-largura:var(--ahai-w-shipping-first-name, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_last_name_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_last_name{
--ahai-campo-largura:var(--ahai-w-shipping-last-name, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_company_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_company{
--ahai-campo-largura:var(--ahai-w-shipping-company, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_postcode_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_postcode{
--ahai-campo-largura:var(--ahai-w-shipping-postcode, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_country_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_country{
--ahai-campo-largura:var(--ahai-w-shipping-country, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_address_1_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_address_1{
--ahai-campo-largura:var(--ahai-w-shipping-address-1, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_number_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_number{
--ahai-campo-largura:var(--ahai-w-shipping-number, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_numero_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_numero{
--ahai-campo-largura:var(--ahai-w-shipping-numero, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_address_2_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_address_2{
--ahai-campo-largura:var(--ahai-w-shipping-address-2, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_neighborhood_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_neighborhood{
--ahai-campo-largura:var(--ahai-w-shipping-neighborhood, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_bairro_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_bairro{
--ahai-campo-largura:var(--ahai-w-shipping-bairro, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_city_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_city{
--ahai-campo-largura:var(--ahai-w-shipping-city, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_state_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_state{
--ahai-campo-largura:var(--ahai-w-shipping-state, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #shipping_phone_field,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-shipping_phone{
--ahai-campo-largura:var(--ahai-w-shipping-phone, 240px);
grid-column:unset!important;
float:none!important;
clear:none!important;
flex:0 1 var(--ahai-campo-largura)!important;
width:var(--ahai-campo-largura)!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout #order_comments_field{
grid-column:unset!important;
flex:0 0 100%!important;
width:100%!important;
max-width:100%!important;
}
@media(max-width:780px){
body.woocommerce-checkout form.checkout.ahai-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout form.checkout.ahai-checkout .woocommerce-shipping-fields__field-wrapper{
display:flex!important;
flex-direction:column!important;
}
body.woocommerce-checkout form.checkout.ahai-checkout .form-row,
body.woocommerce-checkout .ahai-checkout-v46 .ahai-campo-proprio{
grid-column:unset!important;
flex:0 0 100%!important;
width:100%!important;
max-width:100%!important;
}
}
@media(max-width:760px){
.ahai-zoom-modal{
padding:58px 14px 36px !important;
}
.ahai-zoom-modal img{
max-height:calc(100vh - 118px) !important;
}
.ahai-zoom-fechar{
top:12px !important;
right:12px !important;
width:36px !important;
height:36px !important;
}
.ahai-zoom-nav{
width:36px !important;
height:44px !important;
border-radius:12px !important;
font-size:32px !important;
background:rgba(255,255,255,.92) !important;
}
.ahai-zoom-anterior{left:8px !important;}
.ahai-zoom-proxima{right:8px !important;}
}
/*==================================================
V84 - Banner Header no lugar do botão Minha Conta
====================================================*/
.ahai-header-banner-area .ahai-header-banner{
width:100%;
}
.ahai-header-banner{
min-height:var(--ahai-header-banner-height, 30px);
max-width:var(--ahai-header-banner-max-width, 280px);
padding:0 var(--ahai-header-banner-padding-x, 12px);
border:var(--ahai-header-banner-border-width, 1px) solid var(--ahai-header-banner-border-color, rgba(153,204,0,.32));
border-radius:var(--ahai-header-banner-radius, 12px);
background:var(--ahai-header-banner-bg, rgba(153,204,0,.10));
color:var(--ahai-header-banner-text-color, #111)!important;
font-size:var(--ahai-header-banner-font-size, 12px);
font-weight:var(--ahai-header-banner-font-weight, 800);
line-height:1.2;
text-align:var(--ahai-header-banner-text-align, center);
display:flex;
align-items:center;
justify-content:center;
text-decoration:none!important;
overflow:hidden;
}
.ahai-header-banner-html{
display:block;
width:100%;
}
.ahai-header-banner-html a{
color:inherit!important;
text-decoration:none;
}
.ahai-header-banner-html img{
max-width:100%;
max-height:calc(var(--ahai-header-banner-height, 30px) - 4px);
width:auto;
height:auto;
display:inline-block;
vertical-align:middle;
}
.ahai-header-banner p{
margin:0;
}
@media(max-width:768px){
.ahai-header-banner{
width:100%;
max-width:100%;
}
}
/* =========================================================
GALERIAS AHAI
========================================================= */
.ahai-gallery{display:grid;grid-template-columns:repeat(var(--ahai-gallery-columns,3),minmax(0,1fr));gap:var(--ahai-gallery-gap,12px);width:100%}
.ahai-gallery-item{margin:0;overflow:hidden;border-radius:var(--ahai-gallery-radius,10px);background:#f5f5f5}
.ahai-gallery-item img,.ahai-gallery-item video{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;border-radius:inherit}
.ahai-gallery-lightbox-link{display:block;height:100%;cursor:zoom-in}
@media(max-width:767px){.ahai-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v103 - Quantidade exata de produtos por linha na Home */
body .ahai-home-products .ahai-products-grid{
display:grid !important;
grid-template-columns:repeat(var(--ahai-home-product-columns,4),minmax(0,1fr)) !important;
width:100% !important;
}
body .ahai-home-products .ahai-card-product{
width:auto !important;
max-width:none !important;
min-width:0 !important;
margin:0 !important;
float:none !important;
}
@media (max-width:760px){
body .ahai-home-products .ahai-products-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:380px){
body .ahai-home-products .ahai-products-grid{
grid-template-columns:1fr !important;
}
}
/* v105 - Informação do intermediador antes do pagamento */
.ahai-checkout-payment-notice{
width:100%;
box-sizing:border-box;
margin:0 0 16px;
padding:14px 16px;
border:1px solid var(--ahai-checkout-card-border,#e8e8e8);
border-radius:var(--ahai-checkout-card-radius,14px);
background:var(--ahai-checkout-card-bg,#fff);
color:var(--ahai-checkout-text-color,#20242a);
font-size:var(--ahai-checkout-text-size,13px);
line-height:1.55;
box-shadow:var(--ahai-checkout-card-shadow,0 10px 28px rgba(0,0,0,.05));
}
.ahai-checkout-payment-notice > :first-child{
margin-top:0;
}
.ahai-checkout-payment-notice > :last-child{
margin-bottom:0;
}
.ahai-checkout-payment-notice img{
display:inline-block;
width:auto;
max-width:100%;
height:auto;
max-height:90px;
object-fit:contain;
vertical-align:middle;
}
.ahai-checkout-payment-notice a{
color:var(--ahai-woo-link-color,#657000);
}
@media(max-width:520px){
.ahai-checkout-payment-notice{
padding:12px;
}
.ahai-checkout-payment-notice img{
max-height:72px;
}
}
/* ==================================================
STATUS DE ESTOQUE NOS CARTÕES DE PRODUTO
================================================== */
.ahai-loop-stock{
display:inline-flex;
align-items:center;
justify-content:center;
width:auto;
max-width:100%;
margin:7px 0 9px;
padding:4px 9px;
border:1px solid transparent;
border-radius:5px;
font-size:12px;
font-weight:700;
line-height:1.25;
text-align:center;
}
.ahai-loop-stock p,
.ahai-loop-stock span{
margin:0;
}
.ahai-loop-stock-instock{
color:#4f7300;
background:#eef8d7;
border-color:#99cc00;
}
.ahai-loop-stock-onbackorder{
color:#7a5600;
background:#fff4cc;
border-color:#e5c45a;
}
.ahai-loop-stock-outofstock{
color:#a00000;
background:#fdeaea;
border-color:#e1a0a0;
}
.ahai-card-body .ahai-loop-stock{
align-self:flex-start;
}
/* ==================================================
v117 - AVISO DESTACADO E MENSAGEM DENTRO DO CARD DO PRODUTO
================================================== */
.ahai-cart-toast-region{
position:fixed;
top:22px;
right:22px;
z-index:999999;
width:min(430px,calc(100vw - 44px));
pointer-events:none;
}
.ahai-cart-toast{
position:relative;
display:grid;
grid-template-columns:44px minmax(0,1fr) 30px;
gap:12px;
align-items:start;
box-sizing:border-box;
width:100%;
margin:0 0 12px;
padding:18px;
border:1px solid #99cc00;
border-left:6px solid #99cc00;
border-radius:14px;
background:#fff;
color:#252a2f;
box-shadow:0 18px 48px rgba(0,0,0,.22);
pointer-events:auto;
opacity:0;
transform:translateY(-18px) scale(.97);
transition:opacity .25s ease,transform .25s ease;
}
.ahai-cart-toast.is-visible{
opacity:1;
transform:translateY(0) scale(1);
}
.ahai-cart-toast.is-leaving{
opacity:0;
transform:translateY(-12px) scale(.98);
}
.ahai-cart-toast__icon{
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border-radius:50%;
background:#eef8d7;
color:#668b00;
font-size:25px;
font-weight:900;
}
.ahai-cart-toast__title{
margin:1px 0 5px;
color:#5d7900;
font-size:17px;
font-weight:800;
line-height:1.25;
}
.ahai-cart-toast__message{
color:#444b52;
font-size:14px;
line-height:1.45;
}
.ahai-cart-toast__message a{
display:inline-flex;
align-items:center;
justify-content:center;
margin:12px 8px 0 0;
padding:9px 15px;
border-radius:8px;
background:#99cc00;
color:#182000 !important;
font-size:13px;
font-weight:800;
text-decoration:none !important;
}
.ahai-cart-toast__message a:hover{
filter:brightness(.94);
}
.ahai-cart-toast__close{
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
padding:0;
border:0;
border-radius:50%;
background:#f2f3f4;
color:#4b5157;
cursor:pointer;
font-size:21px;
line-height:1;
}
.ahai-cart-toast__close:hover{
background:#e5e7e9;
}
.ahai-cart-toast__progress{
position:absolute;
right:0;
bottom:0;
left:0;
height:4px;
overflow:hidden;
border-radius:0 0 14px 14px;
background:rgba(153,204,0,.18);
}
.ahai-cart-toast__progress::after{
content:"";
display:block;
width:100%;
height:100%;
background:#99cc00;
transform-origin:left center;
animation:ahaiCartToastProgress 8s linear forwards;
}
@keyframes ahaiCartToastProgress{
from{transform:scaleX(1)}
to{transform:scaleX(0)}
}
@media(max-width:600px){
.ahai-cart-toast-region{
top:12px;
right:12px;
left:12px;
width:auto;
}
.ahai-cart-toast{
grid-template-columns:38px minmax(0,1fr) 28px;
gap:10px;
padding:15px 13px;
border-radius:12px;
}
.ahai-cart-toast__icon{
width:38px;
height:38px;
font-size:22px;
}
.ahai-cart-toast__title{
font-size:16px;
}
}
/* Mensagem original do WooCommerce reposicionada abaixo do botão Comprar. */
body.single-product .woocommerce-notices-wrapper > .woocommerce-message,
body.single-product > .woocommerce-message{
display:none;
}
body.single-product .ahai-produto-compra .woocommerce-message.ahai-produto-inline-notice{
display:flex !important;
align-items:center;
justify-content:space-between;
gap:12px;
width:100%;
box-sizing:border-box;
margin:12px 0 10px !important;
padding:11px 13px !important;
border:0 !important;
border-radius:9px !important;
background:#f1f8df !important;
color:#526b00 !important;
box-shadow:none !important;
font-size:13px !important;
font-weight:700;
line-height:1.4;
}
body.single-product .ahai-produto-compra .woocommerce-message.ahai-produto-inline-notice::before,
body.single-product .ahai-produto-compra .woocommerce-message.ahai-produto-inline-notice::after{
display:none !important;
content:none !important;
}
body.single-product .ahai-produto-compra .woocommerce-message.ahai-produto-inline-notice .button,
body.single-product .ahai-produto-compra .woocommerce-message.ahai-produto-inline-notice a.button{
flex:0 0 auto;
width:auto !important;
min-height:34px !important;
margin:0 !important;
padding:8px 13px !important;
border:0 !important;
border-radius:7px !important;
background:#99cc00 !important;
color:#182000 !important;
box-shadow:none !important;
font-size:12px !important;
font-weight:800 !important;
text-decoration:none !important;
}
@media(max-width:600px){
body.single-product .ahai-produto-compra .woocommerce-message.ahai-produto-inline-notice{
align-items:flex-start;
flex-direction:column;
}
}
/* v124 - vídeo MP4 na galeria do produto */
.ahai-galeria-miniatura-video{
position:relative;
overflow:hidden;
}
.ahai-galeria-miniatura-video .ahai-video-play{
position:absolute;
inset:50% auto auto 50%;
transform:translate(-50%, -50%);
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:50%;
background:rgba(0,0,0,.72);
color:#fff;
font-size:15px;
line-height:1;
padding-left:2px;
box-shadow:0 3px 12px rgba(0,0,0,.28);
pointer-events:none;
}
.ahai-galeria-slide-video{
display:flex;
align-items:center;
justify-content:center;
background:var(--ahai-single-media-video-bg);
padding:0;
}
.ahai-galeria-slide-video video{
display:block;
width:100%;
height:100%;
max-width:100%;
max-height:100%;
object-fit:var(--ahai-single-media-object-fit);
background:var(--ahai-single-media-video-bg);
}
.ahai-galeria-zoom[hidden]{
display:none!important;
}
/*==================================================
V129 - ACESSO À MINHA CONTA E SELO RECLAME AQUI
==================================================*/
body.woocommerce-account:not(.logged-in) .woocommerce{
width:min(100% - 32px, var(--ahai-container));
margin:32px auto 52px;
}
body.woocommerce-account:not(.logged-in) .woocommerce > h1,
body.woocommerce-account:not(.logged-in) .entry-title{
margin:0 0 22px;
color:var(--ahai-preto);
font-size:clamp(25px, 3vw, 34px);
line-height:1.15;
}
body.woocommerce-account:not(.logged-in) #customer_login{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:24px;
align-items:stretch;
}
body.woocommerce-account:not(.logged-in) #customer_login::before{
content:"Acesse seus pedidos, endereços e dados da conta ou faça seu cadastro.";
grid-column:1 / -1;
display:block;
margin:-9px 0 0;
padding:15px 18px;
border-left:5px solid var(--ahai-verde);
border-radius:0 12px 12px 0;
background:rgba(153,204,0,.09);
color:var(--ahai-cinza);
font-size:14px;
line-height:1.5;
}
body.woocommerce-account:not(.logged-in) #customer_login > .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login > .u-column2{
float:none;
width:auto;
min-width:0;
margin:0;
padding:26px;
border:1px solid var(--ahai-borda);
border-radius:18px;
background:#fff;
box-shadow:0 12px 34px rgba(28,36,0,.08);
}
body.woocommerce-account:not(.logged-in) #customer_login > .u-column1{
border-top:5px solid var(--ahai-verde-escuro);
}
body.woocommerce-account:not(.logged-in) #customer_login > .u-column2{
border-top:5px solid var(--ahai-verde);
}
body.woocommerce-account:not(.logged-in) #customer_login h2{
margin:0 0 20px;
padding:0 0 14px;
border-bottom:1px solid var(--ahai-borda);
color:var(--ahai-preto);
font-size:22px;
line-height:1.2;
}
body.woocommerce-account:not(.logged-in) #customer_login form{
margin:0;
padding:0;
border:0;
}
body.woocommerce-account:not(.logged-in) #customer_login .form-row{
float:none;
width:100%;
margin:0 0 16px;
padding:0;
}
body.woocommerce-account:not(.logged-in) #customer_login label{
display:block;
margin:0 0 7px;
color:var(--ahai-preto);
font-size:13px;
font-weight:800;
line-height:1.4;
}
body.woocommerce-account:not(.logged-in) #customer_login .required{
color:#7a9800;
}
body.woocommerce-account:not(.logged-in) #customer_login input.input-text{
width:100%;
min-height:46px;
box-sizing:border-box;
padding:0 14px;
border:1px solid #d9ded0;
border-radius:11px;
outline:0;
background:#fbfcf8;
color:var(--ahai-preto);
font-size:14px;
transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
body.woocommerce-account:not(.logged-in) #customer_login input.input-text:focus{
border-color:var(--ahai-verde);
background:#fff;
box-shadow:0 0 0 4px rgba(153,204,0,.14);
}
body.woocommerce-account:not(.logged-in) #customer_login .password-input{
position:relative;
display:block;
width:100%;
}
body.woocommerce-account:not(.logged-in) #customer_login .password-input input{
padding-right:46px;
}
body.woocommerce-account:not(.logged-in) #customer_login .show-password-input{
right:14px;
top:50%;
transform:translateY(-50%);
}
body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme{
display:flex;
align-items:center;
gap:8px;
margin:2px 0 15px;
font-weight:600;
}
body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme input{
width:17px;
height:17px;
margin:0;
accent-color:var(--ahai-verde-escuro);
}
body.woocommerce-account:not(.logged-in) #customer_login button.button{
min-height:44px;
margin:0;
padding:0 24px;
border:0;
border-radius:11px;
background:var(--ahai-verde-escuro);
color:#fff;
font-size:14px;
font-weight:900;
cursor:pointer;
transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
body.woocommerce-account:not(.logged-in) #customer_login button.button:hover{
transform:translateY(-1px);
background:#4f5d00;
box-shadow:0 7px 18px rgba(76,91,0,.2);
}
body.woocommerce-account:not(.logged-in) #customer_login .lost_password{
margin:14px 0 0;
}
body.woocommerce-account:not(.logged-in) #customer_login a{
color:var(--ahai-verde-escuro);
font-weight:800;
}
body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text{
margin:5px 0 18px;
padding:13px 14px;
border-radius:11px;
background:#f6f8f1;
color:var(--ahai-cinza);
font-size:12px;
line-height:1.55;
}
@media(max-width:760px){
body.woocommerce-account:not(.logged-in) #customer_login{
grid-template-columns:1fr;
gap:18px;
}
body.woocommerce-account:not(.logged-in) #customer_login > .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login > .u-column2{
padding:21px 18px;
}
}
@media(max-width:480px){
body.woocommerce-account:not(.logged-in) .woocommerce{
width:min(100% - 22px, var(--ahai-container));
margin-top:22px;
}
body.woocommerce-account:not(.logged-in) #customer_login::before{
padding:13px 14px;
font-size:13px;
}
body.woocommerce-account:not(.logged-in) #customer_login button.button{
width:100%;
}
}
/*==================================================
V130 - CABEÇALHO E VÍDEO VERTICAL NO CELULAR
Regras restritas ao mobile; o desktop permanece inalterado.
==================================================*/
.ahai-cart-mobile{
display:none;
}
@media(max-width:760px){
.ahai-header{
padding-top:3px;
}
.ahai-topbar{
margin-top:0;
}
.ahai-topbar-inner{
width:100%;
padding:3px 0 4px;
flex-direction:column;
justify-content:center;
gap:4px;
}
.ahai-header-inner{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(128px,42%) !important;
grid-template-areas:
"logo selo"
"busca busca" !important;
gap:12px 10px !important;
padding-top:12px !important;
padding-bottom:12px !important;
text-align:left !important;
}
.ahai-logo{
grid-area:logo;
justify-content:flex-start !important;
min-width:0;
}
.ahai-logo img{
width:auto !important;
max-width:min(var(--ahai-logo-width), 100%) !important;
max-height:66px !important;
}
.ahai-header-banner-area{
grid-area:selo;
width:100%;
min-width:0;
justify-content:flex-end !important;
}
.ahai-header-banner-area .ahai-header-banner{
width:auto !important;
max-width:100% !important;
min-height:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
overflow:visible !important;
}
.ahai-header-banner-html{
display:flex !important;
align-items:center;
justify-content:flex-end;
}
.ahai-header-banner-html img,
.ahai-header-banner-html iframe,
.ahai-header-banner-html > div{
max-width:100% !important;
}
.ahai-search{
grid-area:busca;
width:100%;
}
.ahai-search input[type=search]{
min-width:0;
height:36px;
line-height:36px;
}
.ahai-search button{
width:54px;
min-width:54px;
height:36px;
padding:0;
}
.ahai-header-inner > .ahai-actions{
display:none !important;
}
.ahai-nav{
min-height:54px !important;
}
.ahai-nav-wrap{
position:relative;
display:grid !important;
grid-template-columns:minmax(0,1fr) auto auto;
align-items:center;
justify-content:stretch !important;
gap:8px;
padding:8px 0 !important;
}
.ahai-header-free{
width:auto !important;
min-width:0;
justify-content:flex-start !important;
}
.ahai-header-free-right{
display:none !important;
}
.ahai-header-free > a,
.ahai-header-free > span{
width:100%;
min-height:38px !important;
padding:6px 10px !important;
border:1px solid rgba(153,204,0,.34) !important;
background:rgba(153,204,0,.10) !important;
font-size:11px !important;
overflow:visible;
}
.ahai-menu-area{
display:block;
width:auto !important;
}
.ahai-menu-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
height:38px;
padding:0 13px;
border:2px solid var(--ahai-verde-escuro);
border-radius:11px;
background:#fff;
color:var(--ahai-verde-escuro);
font-size:12px;
font-weight:900;
box-shadow:0 4px 12px rgba(70,82,0,.10);
}
.ahai-menu-toggle span{
font-size:17px;
line-height:1;
}
.ahai-nav .ahai-primary-menu{
position:absolute;
top:calc(100% + 3px);
left:0;
right:0;
z-index:100;
margin:0 !important;
padding:9px !important;
border:1px solid var(--ahai-borda);
border-radius:14px;
background:#fff;
box-shadow:0 16px 34px rgba(0,0,0,.16);
}
.ahai-cart-mobile{
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:5px;
height:38px;
padding:0 10px;
border-radius:11px;
color:#111 !important;
text-decoration:none;
font-size:11px;
font-weight:900;
white-space:nowrap;
}
.ahai-cart-mobile svg{
width:16px;
height:16px;
fill:currentColor;
}
.ahai-cart-mobile .ahai-cart-count{
display:inline-flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
border-radius:50%;
background:#111;
color:#fff;
font-size:10px;
}
.ahai-galeria-area.primeira-midia-video .ahai-galeria-principal{
height:auto !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:var(--ahai-single-media-mobile-video-ratio);
background:var(--ahai-single-media-video-bg);
}
.ahai-galeria-area.primeira-midia-video .ahai-galeria-slide-video{
padding:0 !important;
}
.ahai-galeria-area.primeira-midia-video .ahai-galeria-slide-video video{
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:var(--ahai-single-media-object-fit) !important;
}
}
@media(max-width:390px){
.ahai-header-inner{
grid-template-columns:minmax(0,1fr) minmax(112px,42%) !important;
}
.ahai-nav-wrap{
gap:5px;
}
.ahai-header-free > a,
.ahai-header-free > span{
padding-left:7px !important;
padding-right:7px !important;
font-size:10px !important;
}
.ahai-menu-toggle{
padding:0 9px;
}
.ahai-cart-mobile{
padding:0 8px;
}
.ahai-cart-mobile > span:not(.ahai-cart-count){
display:none;
}
}
/*==================================================
V132 - COMPARTILHAMENTO COMPACTO DE MÍDIAS
==================================================*/
.ahai-compartilhamento-social{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:8px;
width:100%;
margin-top:12px;
}
.ahai-share-icone{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
flex:0 0 38px;
padding:0;
border:0;
border-radius:50%;
color:#fff !important;
text-decoration:none !important;
cursor:pointer;
box-shadow:0 4px 12px rgba(0,0,0,.14);
transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.ahai-share-icone:hover,
.ahai-share-icone:focus-visible{
transform:translateY(-2px);
filter:brightness(1.06);
box-shadow:0 7px 17px rgba(0,0,0,.2);
outline:0;
}
.ahai-share-icone svg{
width:21px;
height:21px;
fill:currentColor;
}
.ahai-share-arquivo{background:#25d366;}
.ahai-share-facebook{background:#1877f2;}
.ahai-share-x{background:#111;}
.ahai-share-pinterest{background:#e60023;}
.ahai-share-linkedin{background:#0a66c2;}
.ahai-share-arquivo.is-loading{
pointer-events:none;
opacity:.72;
animation:ahaiSharePulse .85s ease-in-out infinite alternate;
}
.ahai-share-arquivo.is-ready{
box-shadow:0 0 0 4px rgba(37,211,102,.2), 0 6px 16px rgba(0,0,0,.17);
}
.ahai-compartilhamento-status{
min-height:18px;
margin-top:5px;
color:var(--ahai-cinza);
font-size:11px;
font-weight:700;
line-height:1.35;
text-align:center;
}
@keyframes ahaiSharePulse{
from{transform:scale(.92)}
to{transform:scale(1)}
}
@media(max-width:520px){
.ahai-compartilhamento-social{
gap:10px;
margin-top:10px;
}
.ahai-share-icone{
width:42px;
height:42px;
flex-basis:42px;
}
.ahai-share-icone svg{
width:23px;
height:23px;
}
}
/*==================================================
V135 - GALERIA CONTROLADA SOMENTE PELO PAINEL
==================================================*/
@media(min-width:901px){
.ahai-produto-topo{
align-items:start !important;
}
.ahai-produto-galeria{
align-self:start;
width:100%;
height:min(
var(--ahai-single-media-desktop-max-height),
max(
var(--ahai-single-media-desktop-min-height),
calc(100vh - var(--ahai-single-media-viewport-offset))
)
) !important;
min-height:0 !important;
max-height:var(--ahai-single-media-desktop-max-height) !important;
}
.ahai-produto-galeria .ahai-galeria-area,
.ahai-produto-galeria .ahai-galeria-principal,
.ahai-produto-galeria .ahai-galeria-trilho,
.ahai-produto-galeria .ahai-galeria-slide{
min-height:0 !important;
max-height:100% !important;
}
.ahai-produto-galeria .ahai-galeria-slide-video{
padding:0 !important;
background:var(--ahai-single-media-video-bg);
}
.ahai-produto-galeria .ahai-galeria-slide-video video{
display:block;
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:var(--ahai-single-media-object-fit) !important;
background:var(--ahai-single-media-video-bg);
}
}
/*==================================================
V134 - META COMPACTA E BOTÕES EM LINHA NO DESKTOP
==================================================*/
.ahai-produto-meta{
margin:5px 0 !important;
padding:5px !important;
gap:3px !important;
}
.ahai-produto-meta-linha{
line-height:1.25;
}
@media(min-width:901px){
.ahai-produto-compra{
width:100%;
flex-wrap:nowrap !important;
gap:8px !important;
}
.ahai-produto-compra form.cart:not(.variations_form){
width:auto !important;
flex:0 0 auto !important;
flex-wrap:nowrap !important;
gap:8px !important;
}
.ahai-produto-compra .single_add_to_cart_button{
width:auto !important;
min-width:0 !important;
flex:0 0 auto !important;
padding-left:14px !important;
padding-right:14px !important;
}
.ahai-produto-atalhos{
width:auto !important;
flex:0 0 auto;
flex-wrap:nowrap !important;
gap:8px !important;
}
.ahai-produto-atalho{
width:auto !important;
min-width:0 !important;
flex:0 0 auto !important;
padding-left:12px;
padding-right:12px;
}
}
@media(max-width:900px){
.ahai-produto-meta{
width:100%;
}
.ahai-produto-compra{
row-gap:9px;
}
}