/* Estilos do site em PHP: reproduzem os blocos que antes eram gerados pelo
   Elementor/WooCommerce e que agora são montados a partir do banco. */

/* ------------------------------------------- catálogo: linhas de /produtos/
   Os seletores usam três classes de propósito para superar as regras
   `.e-con.e-flex` do Elementor, que definem --width e --flex-direction. */
.elementor .e-con.tt-produto-linha{
    --display:flex;
    --flex-direction:row;
    --container-widget-width:initial;
    --container-widget-height:100%;
    --container-widget-flex-grow:1;
    --container-widget-align-self:stretch;
    --flex-wrap-mobile:wrap;
    --justify-content:center;
    --gap:10px 10px;
    --row-gap:10px;
    --column-gap:10px;
    --flex-wrap:wrap;
    --border-radius:20px 20px 20px 20px;
    --margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;
    --padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;
    background-color:var(--e-global-color-71fbecd);
}
.elementor .e-con.tt-produto-linha-icone{
    --display:flex;
    --justify-content:center;
    --border-radius:20px 20px 20px 20px;
    background-color:var(--e-global-color-71fbecd);
}
.elementor .e-con.tt-produto-linha-titulo{--display:flex;--justify-content:center;}
.tt-produto-linha .elementor-icon-wrapper{text-align:center;}
.tt-produto-linha .elementor-icon{font-size:20px;color:var(--e-global-color-primary);border-color:var(--e-global-color-primary);}
.tt-produto-linha .elementor-icon svg{height:20px;fill:var(--e-global-color-primary);}
/* color-customize.css impõe 45px em `.elementor-widget-heading h2.elementor-heading-title`;
   por isso o seletor abaixo precisa da mesma estrutura, com uma classe a mais. */
.tt-produto-linha .elementor-widget-heading h2.elementor-heading-title{
    font-size:22px;font-weight:600;color:var(--e-global-color-primary);
}
.tt-produto-linha .elementor-widget-heading h2.elementor-heading-title a{color:inherit;}
.tt-produto-linha .elementor-widget-heading h2.elementor-heading-title a:hover,
.tt-produto-linha .elementor-widget-heading h2.elementor-heading-title a:focus{color:var(--e-global-color-accent);}

@media (max-width:767px){
    .elementor .e-con.tt-produto-linha-icone{--width:20%;}
    .elementor .e-con.tt-produto-linha-titulo{--width:75%;}
    .tt-produto-linha .elementor-widget-heading h2.elementor-heading-title{font-size:16px;}
}
@media (min-width:768px){
    .elementor .e-con.tt-produto-linha-icone{--width:10%;}
    .elementor .e-con.tt-produto-linha-titulo{--width:70%;}
}

/* --------------------------------- grade do catálogo exibida na página inicial */
.tt-catalogo-grid ul.products li.product .woocommerce-loop-product__title{
    font-size:18px;
    font-weight:600;
    padding:.75em 0 0;
}
.tt-catalogo-grid ul.products li.product img{margin-bottom:.6em;}
.tt-catalogo-grid ul.products li.product{text-align:center;}

/* --------------------------------------------------------------- banners */
.elementor-widget-slides .swiper-slide{height:480px;}
.elementor-widget-slides .swiper-slide-bg{background-position:center center;background-repeat:no-repeat;}
.elementor-widget-slides a.tt-banner-link{display:block;position:absolute;inset:0;}

/* ------------------------------------------------------------ formulários */
.tt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

.tt-alerta{
    margin:0 0 18px;
    padding:14px 18px;
    border-radius:6px;
    font-size:15px;
    line-height:1.45;
}
.tt-alerta-ok{background:#e7f6e9;border:1px solid #0abf22;color:#12661e;}
.tt-alerta-erro{background:#fdecea;border:1px solid #d93025;color:#8c1d16;}

.elementor-field-type-upload input.elementor-upload-field{
    width:100%;
    padding:10px 12px;
    background:#fff;
    border:1px solid #e3e3e3;
    border-radius:3px;
}

/* --------------------------------------------------------------- página 404 */
.tt-404{padding:60px 0;text-align:center;}
.tt-404 .elementor-button{display:inline-block;margin-top:14px;}

/* ------------------------------------------------------- publicação do blog */
.single-post .post-thumbnail{margin-bottom:26px;}
.single-post .entry-meta{margin-bottom:22px;color:#6b6b6b;font-size:14px;}
.single-post .entry-meta .cat-links{margin-left:14px;}
.single-post .entry-footer{margin-top:34px;}