/*
Theme Name:         Art137
Description:        Art137 woocommerce theme
Version:            1.0
Author:             ana@coderoof.com

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;1,300&family=Lato:wght@300&display=swap');


:root {
 /* Colors */
  --cl-pantone: #3D3635; /*castanho */
  /*#611818;*/
  --cl-pantone-lighten: #3D3635F2;
  --cl-text: #3D3635; 
  --cl-text-light: #FFF;
  --cl-border-light: #00000040;
  --cl-border-10: #0000001A;
  --cl-green: #545A3E;
  --cl-price: #788F74; /* cor do preço ( pagina de produto)*/
  /* woocommerce info msgs*/
  --cl-wc-info: #611818;

  /* onsale bubble*/
  --cl-bg-onsale: #5a9641;
  --cl-tx-onsale: #FFF;
  --radius-onsale: 100%;

    /* footer */
  --cl-bg-footer: #FFF;
  --cl-text-footer: #3D3635; 

   #main-footer { border-top: 1px solid #3D3635;}
  /* #main-footer { background: linear-gradient(to right, #252F56, transparent);
                 height: 1px; } */

  /* tamanho maximo do mini cart e adicao de scroll*/ 
  .widget-shopping-cart-content {
    max-height: 70vh; /* Define uma altura máxima para o scroll */
    overflow-y: auto; /* Adiciona um scroll vertical quando o conteúdo ultrapassar a altura máxima */
  }

    /* retira o espaço que estava entre o preço e o texto "iva incluido" ( pagina de produto)*/
    .price {
        margin-bottom: 0 !important;
    }
    /* cor do preço ( pagina de produto)*/
    .price .woocommerce-Price-amount {
        font-weight: bold; !important;
    }
    
    /* cor do texto de ser feito á mao ( pagina de produto) */
    .color-handmade-text-product {
        color: #BB5C14; !important;
     }

/* na tab detalhes de cada produto muda o tamanho da coluna onde estao as caracteristicas*/
.woocommerce table.shop_attributes th {
    width: 200px;  !important;
}

/* coloca a bold o texto referencia + referencia da peça na pagina de producto*/ 
.sku {
    font-weight: bold;
}

/* cores do aviso que um produto foi adicionado ao carrinho */
.wc-block-components-notice-banner.is-success {
    background-color: #FFFFFF !important;
    border-color: #788F74 !important;
}
.wc-block-components-notice-banner.is-success>svg {
    background-color: #788F74 !importante;
}
.wc-block-components-notice-banner__content a.button.wc-forward {
    border: 0 !important;
}
/* ----- */


/* ----------------- */
  /* Sizes */
  --inputs-border-width: 1px;
  --inputs-border-radius: 0;

  /* Fonts */
  --ft-primary: 'Josefin Sans', sans-serif;
  --ft-primary-weight: 500;
  --ft-primary-light-weight: 300;
  --ft-secondary: 'Lato', sans-serif;
  --ft-secondary-weight: 400;
  
 

  /* icons */
  --icon-arrow-expand: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.41357 1.41357L10.4136 10.0536L19.4136 1.41357' stroke='%23611818' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  --icon-minus: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M0 12v1h23v-1h-23z' fill='%23611818'/%3E%3C/svg%3E");
  --icon-plus: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z' fill='%23611818'/%3E%3C/svg%3E");
 /* --icon-search: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.19995 8.2L17 17' stroke='%23611818' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15.4 8.1999C15.4 4.22345 12.1764 0.999903 8.2 0.999903C4.22355 0.999903 1 4.22345 1 8.1999C1 12.1764 4.22355 15.3999 8.2 15.3999C12.1764 15.3999 15.4 12.1764 15.4 8.1999Z' fill='white'/%3E%3Cpath d='M14.6 8.2001C14.6 4.66547 11.7347 1.8001 8.20005 1.8001C4.66543 1.8001 1.80005 4.66547 1.80005 8.2001C1.80005 11.7347 4.66543 14.6001 8.20005 14.6001C11.7347 14.6001 14.6 11.7347 14.6 8.2001Z' fill='white' stroke='%23611818' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");*/
  
  --icon-search: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.19995 8.2L17 17' stroke='%233D3635' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15.4 8.1999C15.4 4.22345 12.1764 0.999903 8.2 0.999903C4.22355 0.999903 1 4.22345 1 8.1999C1 12.1764 4.22355 15.3999 8.2 15.3999C12.1764 15.3999 15.4 12.1764 15.4 8.1999Z' fill='white'/%3E%3Cpath d='M14.6 8.2001C14.6 4.66547 11.7347 1.8001 8.20005 1.8001C4.66543 1.8001 1.80005 4.66547 1.80005 8.2001C1.80005 11.7347 4.66543 14.6001 8.20005 14.6001C11.7347 14.6001 14.6 11.7347 14.6 8.2001Z' fill='white' stroke='%233D3635' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

  
}

.entry-content.no-scale img {
  width: auto !important;
}

.ui-datepicker.forminator-calendar--default {
    top: 10px !important;
}

#main-footer .social-media a.instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Cg id='icon-instagram' transform='translate(-3600.237)'%3E%3Cpath id='Path_196' data-name='Path 196' d='M3625.763,5250.366h-16.052a9.485,9.485,0,0,0-9.474,9.474v16.052a9.485,9.485,0,0,0,9.474,9.474h16.052a9.485,9.485,0,0,0,9.474-9.474V5259.84a9.485,9.485,0,0,0-9.474-9.474m7.422,25.526a7.431,7.431,0,0,1-7.422,7.422h-16.052a7.43,7.43,0,0,1-7.422-7.422V5259.84a7.43,7.43,0,0,1,7.422-7.422h16.052a7.431,7.431,0,0,1,7.422,7.422Z' transform='translate(0 -5250.366)' fill='%23252F56'/%3E%3Cpath id='Path_197' data-name='Path 197' d='M3617.737,5258.3a9.57,9.57,0,1,0,9.57,9.57,9.581,9.581,0,0,0-9.57-9.57m0,17.088a7.518,7.518,0,1,1,7.518-7.518,7.527,7.527,0,0,1-7.518,7.518' transform='translate(0 -5250.366)' fill='%23252F56'/%3E%3Cpath id='Path_198' data-name='Path 198' d='M3627.536,5254.9a2.828,2.828,0,1,0,2.828,2.828,2.832,2.832,0,0,0-2.828-2.828m0,3.6a.776.776,0,1,1,.776-.776.777.777,0,0,1-.776.776' transform='translate(0 -5250.366)' fill='%23252F56'/%3E%3C/g%3E%3C/svg%3E") !important;
}

#main-footer .social-media a.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Cg id='icon-facebook' transform='translate(-3652.962)'%3E%3Cpath id='Path_199' data-name='Path 199' d='M3678.488,5250.366h-16.052a9.485,9.485,0,0,0-9.474,9.474v16.052a9.485,9.485,0,0,0,9.474,9.474h16.052a9.485,9.485,0,0,0,9.474-9.474V5259.84a9.485,9.485,0,0,0-9.474-9.474m7.422,25.526a7.431,7.431,0,0,1-7.422,7.422h-16.052a7.431,7.431,0,0,1-7.422-7.422V5259.84a7.43,7.43,0,0,1,7.422-7.422h16.052a7.43,7.43,0,0,1,7.422,7.422Z' transform='translate(0 -5250.366)' fill='%23252F56'/%3E%3Cpath id='Path_200' data-name='Path 200' d='M3674.818,5268.553h-2.811v10.3h-4.257v-10.3h-2.026v-3.619h2.026v-2.341a3.992,3.992,0,0,1,4.3-4.3l3.154.013v3.512h-2.289a.867.867,0,0,0-.9.986v2.13h3.182Z' transform='translate(0 -5250.366)' fill='%23252F56'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
}



/* $cl-pantone: #611818; //#424642;
$cl-text: #4e4c4c;
$cl-text-light: #FFF;
$cl-border-light: #00000040; //#42464240;
$cl-green: #545A3E;
$cl-green-wc: #5a9641;
$cl-border-10: #0000001A;
$cl-price: #4e4c4c; */


.page-404 h3 {
  margin-top: 300px; /* Ajuste conforme necessário */
}

.product-footer{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 8px;
}

.woocommerce .product .link-box .inner a.woocommerce-loop-product__link .price {
    max-width: 100% !important;
    display: unset !important;;
}

.price .woocommerce-Price-amount {
   margin-left: 4px;
}

[class*=mask]::after {
    background: none !important;
}

/* Home hero text: branco -> preto */
body.page-home .bg-cover .page-description,
body.home .bg-cover .page-description,
body.front-page .bg-cover .page-description{
  /*color: #424832 !important; /* cor das letras do banner */
  /* font-size: clamp(1rem, 1.8vw, 1.5rem); !important;
  line-height: 1.3 !important;
  margin-top: 1.5rem;*/
   color: #424832 !important;

  font-size: clamp(1rem, 1.8vw, 1.5rem) !important;
  line-height: 1.35 !important;

  max-width: 700px;      /* controla largura do texto */
  padding: 0 20px;       /* espaço lateral no mobile */
  margin-top: 1.5rem;

  text-align: center;    /* mais elegante em banner */

}
@media (max-width: 768px){

.promo-1 {
    min-height: 320px;
    margin-top: 20px;
    background-position: center center;
  }

  body.front-page .bg-cover .page-description{
    font-size: 1rem !important;
    line-height: 1.35 !important;
    max-width: 90%;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
  }

}

/* banner image */
.promo-1 {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    
    /* Anula a altura mínima fixa que estava a cortar a imagem */
    min-height: 200px !important; 
    
    /* Mantém a proporção exata da sua imagem */
    aspect-ratio: 1920 / 562 !important; 
    width: 100% !important;
    
    /* Remove o espaçamento extra que o tema estava a colocar */
    padding: 2% !important; 
}

.hero-message{
  padding: 40px 20px;
  background: #fff;
  margin-top: 40px;
}
.hero-message h1{
  font-size: clamp(1.4rem, 2vw, 2.2rem);
}
.hero-message p{
  font-size: clamp(0.9rem, 1.2vw, 1.2rem);
}