@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//subsonico.pt/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(255,77,32);
	--wd-alternative-color: rgb(255,255,255);
	--btn-default-bgcolor: rgb(255,77,32);
	--btn-default-bgcolor-hover: rgb(255,77,32);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(209,101,48);
	--btn-accented-bgcolor: rgb(255,77,32);
	--btn-accented-bgcolor-hover: rgba(255,77,32,0.8);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 170px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
html .wd-product .wd-product-brands-links a {
	font-size: 12px;
	color: rgba(0,0,0,0.72);
}
html .wd-product .price {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 900;
}
.widget-title {
	font-size: 14px;
	color: rgb(255,77,32);
}
.wc-layered-nav-term {
	font-size: 13px;
}
.wd-hint:before {
	font-weight: 100;
	font-size: 9px;
	color: rgba(0,0,0,0.72);
}
.wd-attr-term {
	font-weight: 400;
	font-size: 12px;
}
.wd-attr-name-label {
	font-weight: 700;
	font-size: 13px;
}
.nav-link-text {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.compare-field {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.compare-value {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.woocommerce-price-suffix {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 9px;
}
html .widget_product_categories .product-categories > li > a {
	font-size: 13px;
}
.sku_wrapper {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: capitalize;
	color: rgb(0,0,0);
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(233,233,233);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(107,163,49);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(95,158,44);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Lato !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Lato !important;
}

.wd-page-title {
background-color: rgb(255,77,32);
}

/* =====================================================
   1) STOCK STATUS (WOODMART)
   ===================================================== */

/* Em stock */
.wd-product-stock.stock.in-stock{
  font-size: 12px !important;
  color: #4e9645 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.wd-product-stock.stock.in-stock::before{
  content: "✔" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 13px !important;
  height: 13px !important;
  background-color: #4e9645 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Available on backorder */
.wd-product-stock.available-on-backorder{
  color: #ff9800 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.wd-product-stock.available-on-backorder::before{
  content: "✓" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 13px !important;
  height: 13px !important;
  background-color: #ff9800 !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Forçar cor amarela em single product para produtos disponíveis para encomenda */
.single-product .wd-product-stock.available-on-backorder {
    color: #ff9800 !important;
    font-weight: 600 !important;
}

.single-product .wd-product-stock.available-on-backorder::before {
    background-color: #ff9800 !important;
    color: #ffffff !important;
    content: "✓" !important;
}


/* Esgotado */
.wd-product-stock.stock.out-of-stock{
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #cc0000 !important;
}


/* =====================================================
   2) PREÇOS – BASE (estilo + tipografia)
   ===================================================== */

.woocommerce-Price-amount,
.woocommerce-Price-amount bdi{
  font-family: 'Lato', sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  line-height: 1 !important;
}

/* Símbolo € */
.woocommerce-Price-currencySymbol{
  margin-left: 2px !important;
  font-size: 0.85em !important;
}


/* =====================================================
   3) PREÇO – LAYOUT PROMO (ATUAL ESQ, ANTIGO DIR) + SUFIXO EM BAIXO
   ===================================================== */

.woocommerce .price,
.price{
  display: grid !important;
  grid-template-columns: max-content max-content !important;
  grid-template-rows: auto auto !important;
  column-gap: 4px !important;
  row-gap: 0px !important;
  align-items: center !important;
  justify-content: start !important;
  float: none !important;
  width: auto !important;
  white-space: normal !important;
}

/* Garantir que os filhos não viram blocos */
.woocommerce .price > *,
.price > *{
  min-width: 0 !important;
  width: auto !important;
}

/* ATUAL (ins) -> coluna 1 */
.woocommerce .price ins,
.price ins{
  grid-row: 1 !important;
  grid-column: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* ANTIGO (del) -> coluna 2 */
.woocommerce .price del,
.price del{
  grid-row: 1 !important;
  grid-column: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

/* Forçar risco no antigo */
.woocommerce .price del *{
  text-decoration: line-through !important;
}

/* IVA/SUFIXO -> 2ª linha */
.woocommerce .price .woocommerce-price-suffix,
.price .woocommerce-price-suffix{
  grid-row: 2 !important;
  grid-column: 1 / -1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  color: #777 !important;
}

/* PREÇO NORMAL (sem promoção) ocupa a linha toda */
.woocommerce .price > .woocommerce-Price-amount,
.price > .woocommerce-Price-amount{
  grid-column: 1 / -1 !important;
}


/* =====================================================
   4) TAMANHOS CONSISTENTES (SEM PROMO = IGUAL AO PREÇO ATUAL)
   ===================================================== */

.price-sob-consulta {
    margin: 0 !important;     /* remove todas as margens */
    padding: 0 !important;    /* remove padding se existir */
    display: inline-block;    /* para alinhar melhor com preço */
    font-size: 20px !important; /* se quiseres igual ao preço normal */
}

/* ---------- LISTAGEM / GRELHA ---------- */
/* preço atual (promo) */
.product-grid-item .price ins .woocommerce-Price-amount,
.product-grid-item .price ins .woocommerce-Price-amount bdi{
  font-size: 20px
}
/* preço antigo (promo) */
.product-grid-item .price del .woocommerce-Price-amount,
.product-grid-item .price del .woocommerce-Price-amount bdi{
  font-size: 12px !important;
	color: #999999 !important;   /* ← COR AQUI */

}
/* preço normal (sem promo) -> IGUAL AO ATUAL */
.product-grid-item .price > .woocommerce-Price-amount,
.product-grid-item .price > .woocommerce-Price-amount bdi{
  font-size: 20px !important;
}

/* ---------- WIDGETS / RELACIONADOS ---------- */
/* preço atual (promo) */
.related .price ins .woocommerce-Price-amount,
.up-sells .price ins .woocommerce-Price-amount,
.cross-sells .price ins .woocommerce-Price-amount,
.related .price ins .woocommerce-Price-amount bdi,
.up-sells .price ins .woocommerce-Price-amount bdi,
.cross-sells .price ins .woocommerce-Price-amount bdi{
  font-size: 20px !important;
}
/* preço antigo (promo) */
.related .price del .woocommerce-Price-amount,
.up-sells .price del .woocommerce-Price-amount,
.cross-sells .price del .woocommerce-Price-amount,
.related .price del .woocommerce-Price-amount bdi,
.up-sells .price del .woocommerce-Price-amount bdi,
.cross-sells .price del .woocommerce-Price-amount bdi{
  font-size: 20px !important;
	color: #999999 !important;   /* ← COR AQUI */

}
/* preço normal (sem promo) -> IGUAL AO ATUAL */
.related .price > .woocommerce-Price-amount,
.up-sells .price > .woocommerce-Price-amount,
.cross-sells .price > .woocommerce-Price-amount,
.related .price > .woocommerce-Price-amount bdi,
.up-sells .price > .woocommerce-Price-amount bdi,
.cross-sells .price > .woocommerce-Price-amount bdi{
  font-size: 20px !important;
}

/* ---------- PÁGINA DO PRODUTO (SINGLE) ---------- */
/* preço atual (promo) */
.single-product .price ins .woocommerce-Price-amount,
.single-product .price ins .woocommerce-Price-amount bdi{
  
  font-weight: 900 !important;
  letter-spacing: -0.2px !important;
	
	
}
/* preço antigo (promo) */
.single-product .price del .woocommerce-Price-amount,
.single-product .price del .woocommerce-Price-amount bdi{
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
	color: #999999 !important;   /* ← COR AQUI */

}
/* preço normal (sem promo) -> IGUAL AO ATUAL */
.single-product .price > .woocommerce-Price-amount,
.single-product .price > .woocommerce-Price-amount bdi{

  font-weight: 900 !important;
  letter-spacing: -0.2px !important;
	
	
}




/* Alinhar verticalmente preço atual e antigo */
.price ins,
.price del {
  align-items: center !important;
}

/* Preço antigo menos bold */
.price del .woocommerce-Price-amount,
.price del .woocommerce-Price-amount bdi{
  font-weight: 400 !important; /* ou 500 / 600 se quiseres */
}




/* =====================================================
   5) ESCONDER ELEMENTOS
   ===================================================== */

/* Estrelas */
.star-rating{
  display: none !important;
}

/* Atributos escondidos em todo o lado... */
.woocommerce-product-attributes,
.shop_attributes{
  display: none !important;
}

/* ...menos no single product */
.single-product .woocommerce-product-attributes,
.single-product .shop_attributes{
  display: table !important;
}


/* =====================================================
   6) STICKY (WoodMart + Elementor)
   ===================================================== */

@media (min-width: 768px){
  .elementor-element-6ae2d25.wd-sticky-container-lg{
	position: sticky !important;
   top: 140px !important;
    z-index: 10 !important;
  }
}

.elementor-element-6ae2d25{
  position: sticky !important;
  top: 140px !important;
	align-self: flex-start;
}
.whb-header,
.whb-sticky-header{
  z-index: 9999 !important;
}

/* =====================================================
   STICKY (Informação LEGAL)
   ===================================================== */
@media (min-width: 768px){
  .elementor-element-d2f0716.wd-sticky-container-lg{
    top: 140px !important;
    z-index: 10 !important;
  }
}

@media (min-width: 768px){
  .elementor-element-b049b39.wd-sticky-container-lg{
    top: 430px !important;
    z-index: 10 !important;
  }
}

/* =====================================================
   7) EXTRA
   ===================================================== */

.promo-validade{
  font-size: 13px;
  color: #000;
  margin-top: -15px;
}


/* =====================================================
   7) Outros
   ===================================================== */

.woocommerce-result-count {
    font-size: 12px; /* ajusta aqui: 11px, 13px, etc */
}

/* =====================================================
   7) Filtros design
   ===================================================== */

.wd-widget-collapse.wd-widget.widget.sidebar-widget.woodmart-woocommerce-layered-nav {
    padding-bottom: 15px;
		margin-bottom: 15px;
}

.widget_price_filter {
    margin-bottom: 15px;
}


html {
  scroll-behavior: smooth;
}

#audio {
  scroll-margin-top: 140px;
}



/* =====================================================
   8) Comparador
   ===================================================== */
/* CENTRAR PREÇO APENAS NO COMPARADOR */
.wd-compare-table td.compare-value .price {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    text-align: center !important;
}



/* =========================================
   WOODMART – TABELA DE COMPARAÇÃO
   COLUNAS MAIS CURTAS E COMPACTAS
========================================= */

/* força layout fixo para respeitar larguras */
.wd-compare-table {
    table-layout: fixed;
    width: 100%;
}

/* colunas dos produtos (td) */
.wd-compare-table td.compare-value {
    width: 220px;          /* ajusta aqui */
    max-width: 220px;

    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: center;
    vertical-align: top;
}

/* coluna dos nomes dos atributos (th) */
.wd-compare-table th.compare-field {
    width: 220px;          /* ajusta aqui */
    max-width: 220px;

    text-align: left;
    vertical-align: middle;
}

/* imagens dentro do compare mais pequenas */
.compare-value .product-image img {
    width: 120px;
    height: auto;
    max-width: 100%;
}

/* garantir que nada corta conteúdo */
.wd-compare-table,
.wd-compare-table th,
.wd-compare-table td {
    overflow: visible;
}

/* =========================================
   MOBILE – ainda mais compacto
========================================= */

@media (max-width: 768px) {

    .wd-compare-table td.compare-value {
        width: 175px;
        max-width: 175px;
    }

    .wd-compare-table th.compare-field {
        width: 175px;
        max-width: 175px;
    }

    .compare-value .product-image img {
        width: 90px;
    }
}

/* =========================================
   Comparar categorias
========================================= */

.wd-compare-header {
    margin: 10px 20px 0px 20px;        /* topo/baixo | esquerda/direita */
}

/* =====================================================
   9) Logo no menu Mobile
   ===================================================== */

/* Header do menu mobile */
.mobile-nav .wd-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px; /* controla o espaço vertical */
    min-height: unset;
}

/* Logo */
.mobile-nav .mobile-logo img {
    max-height: 45px;
    width: auto;
    display: block;
}

/* Remove margens invisíveis */
.mobile-nav .mobile-logo {
    margin: 0;
    padding: 0;
    line-height: 1;
}

/* Botão fechar */
.mobile-nav .close-side-widget {
    margin: 0;
    padding: 0;
    line-height: 1;
}


/* =========================================
   Logo no header dos filtros
========================================= */

/* HEADER FIXO DO FILTRO (TOPO ESQUERDO) */
.wd-side-hidden.wd-opened 
.elementor-element-ebf6a18 {
    position: fixed !important;

    /* topo esquerdo REAL */
    top: 0 !important;
    left: 0 !important;



    z-index: 10050;


    padding: 14px 16px;

    /* neutralizar Elementor */
    transform: none !important;
    margin: 0 !important;
    right: auto !important;
}





@media (max-width: 576px) {
	/* Mobile menu / side panel em largura total */
.wd-side-hidden{
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 768px) {

  /* Header do menu mobile */
  .wd-side-hidden .wd-panel-header,
  .wd-side-hidden .wd-panel-header-inner {
    display: flex;
    align-items: center;
  }

  /* Logo vem primeiro */
  .wd-side-hidden .wd-main-logo {
    order: 1;
    margin-right: 12px;
  }

  /* Botão fechar vem depois */
  .wd-side-hidden .close-side-widget.wd-action-btn {
    order: 2;
    margin-left: auto;
  }

}

}