:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: inherit;
	--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: 14px;
	--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: 220px;
}
.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-weight: 400;
	font-size: 12px;
}
.compare-value {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	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-weight: 400;
	font-size: 13px;
	text-transform: capitalize;
	color: rgb(0,0,0);
}
.wd-swatch-text {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;	font-weight: 400;
	font-size: 10px;
}
.label {
	font-size: 14px;
}
.cart_totals  {
	font-size: 12px;
}
.woocommerce-cart-form {
	font-size: 12px;
}
.woocommerce-privacy-policy-text {
	font-size: 10px;
}
.wd-del-overall {
	font-size: 12px;
}
.cart_item {
	font-size: 12px;
}
.woocommerce-billing-fields {
	font-size: 12px;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-size: 12px;
}
html table th {
	font-size: 12px;
}
.woocommerce-shipping-totals.shipping {
	font-size: 12px;
}
.woocommerce-variation-price {
	font-size: 24px;
}
:is(.page, .search-no-results, .error404) :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: #4e9645 !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: #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;
}

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

.single-product .wd-product-stock.available-on-backorder::before {
    background-color: #4e9645 !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;
}


.wd-swatch {
    padding: 5px; /* Adiciona 10px de espaço acima, abaixo, à esquerda e à direita */
    display: inline-block; /* Garante que o padding funciona corretamente se for um elemento inline */
}

/* =========================================
   Alinhar logos de pagamento á direita
========================================= */

/* Alinha o input (seletor) e a label na mesma linha */
.wc_payment_methods .wc_payment_method {
    display: flex !important;
    flex-wrap: wrap; /* Permite que a descrição de baixo quebre para a linha seguinte */
    align-items: center;
}

/* Garante que o input e a label fiquem lado a lado */
.wc_payment_methods .wc_payment_method input[type="radio"] {
    margin-right: 10px !important; /* Espaço entre o seletor e o texto */
    margin-top: 0 !important;
}

/* Faz a label ocupar o resto do espaço e empurra a imagem para a direita */
.wc_payment_methods .wc_payment_method label {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1; /* Ocupa todo o espaço restante da linha */
    width: auto !important;
    cursor: pointer;
}

/* Força o texto explicativo (payment_box) a ir para a linha de baixo */
.wc_payment_methods .wc_payment_method .payment_box {
    width: 100% !important;
    margin-left: 25px !important; /* Alinha o texto explicativo abaixo do nome, saltando o seletor */
}


/* 1. Aplica o raio de curvatura (border-radius) a cada bloco de pagamento */
.wc_payment_methods .wc_payment_method {
    border: 1px solid #e5e5e5; /* Uma borda leve por padrão (opcional) */
    border-radius: 5px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    transition: all 0.3s ease; /* Suaviza a transição de cor */
}

/* 2. Quando o rádio está selecionado, muda a cor do bloco inteiro (MÉTODO MODERNO) */
.wc_payment_methods .wc_payment_method:has(input[type="radio"]:checked) {
    border-color: #ff4d20 !important; /* Substitua pela cor do seu layout */
    background-color: #f4f9fc !important; /* Uma cor de fundo suave (opcional, mude ou apague se não quiser) */
}

/* 3. Alternativa para compatibilidade caso o tema use a classe nativa do WooCommerce */
.wc_payment_methods .wc_payment_method.chosen {
    border-color: #0073aa !important; /* Substitua pela cor do seu layout */
}

/* 4. Muda também a cor do próprio pontinho do seletor (radio) se o navegador permitir */
.wc_payment_methods .wc_payment_method input[type="radio"]:checked {
    accent-color: #ff4d20 !important; /* Substitua pela cor do seu layout */
}


/* =====================================================
  10) Descriçao CSS
   ===================================================== */
/* ===== Subsónico – descrições de produto (K-Tek / Stingray / Airo) ===== */
.ss-desc, .ss-short {
  --ss-accent: #ff4d20;
  --ss-accent-soft: rgba(255, 77, 32, .08);
  --ss-text: #1d1d1f;
  --ss-muted: #6e6e73;
  --ss-line: #e8e8ed;
  --ss-bg: #f7f7f8;
  --ss-radius: 14px;
  color: var(--ss-text);
  line-height: 1.65;
}
.ss-desc { max-width: 900px; }
.ss-desc > * + * { margin-top: 1.6em; }

/* Abertura */
.ss-desc .ss-lead { font-size: 1.15em; line-height: 1.6; margin: 0; }
.ss-desc .ss-lead strong { color: var(--ss-accent); font-weight: 600; }

/* Chips de especificações rápidas */
.ss-desc .ss-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1em; }
.ss-desc .ss-chips span {
  padding: 6px 14px; border-radius: 999px; font-size: .85em; font-weight: 500;
  background: var(--ss-accent-soft); color: var(--ss-accent); white-space: nowrap;
}

/* Títulos */
.ss-desc h2 {
  font-size: 1.45em; font-weight: 600; letter-spacing: -.01em; margin: 1.8em 0 .5em;
  padding-left: 14px; border-left: 3px solid var(--ss-accent);
}
.ss-desc h3 { font-size: 1.05em; font-weight: 600; margin: 0 0 .6em; }
.ss-desc p { margin: 0 0 .8em; }

/* Cartões em duas colunas */
.ss-desc .ss-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.ss-desc .ss-card { background: var(--ss-bg); border-radius: var(--ss-radius); padding: 22px 24px; }
.ss-desc .ss-card ul, .ss-short ul { list-style: none; margin: 0; padding: 0; }
.ss-desc .ss-card li, .ss-short li { position: relative; padding: 5px 0 5px 22px; }
.ss-desc .ss-card li::before, .ss-short li::before {
  content: ""; position: absolute; left: 0; top: .85em; width: 8px; height: 8px;
  border-radius: 50%; background: var(--ss-accent);
}

/* Secções que abrem (acordeão nativo) */
.ss-desc details.ss-acc { border: 1px solid var(--ss-line); border-radius: var(--ss-radius); background: #fff; overflow: hidden; }
.ss-desc details.ss-acc + details.ss-acc { margin-top: 10px; }
.ss-desc details.ss-acc > summary {
  list-style: none; cursor: pointer; padding: 18px 56px 18px 22px; position: relative; transition: background .2s;
}
.ss-desc details.ss-acc > summary::-webkit-details-marker { display: none; }
.ss-desc details.ss-acc > summary h3 { margin: 0; display: inline; }
.ss-desc details.ss-acc > summary::after {
  content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%);
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  background: var(--ss-accent-soft); color: var(--ss-accent); font-size: 18px; line-height: 1; transition: transform .25s;
}
.ss-desc details.ss-acc[open] > summary::after { transform: translateY(-50%) rotate(45deg); }
.ss-desc details.ss-acc > summary:hover { background: var(--ss-bg); }
.ss-desc details.ss-acc > .ss-acc-body { padding: 0 22px 20px; }
.ss-desc details.ss-acc > .ss-acc-body > :last-child { margin-bottom: 0; }

/* Tabela de especificações */
.ss-desc table.ss-specs { width: 100%; border-collapse: collapse; margin: 0; border: 0; font-size: .95em; }
.ss-desc table.ss-specs th, .ss-desc table.ss-specs td {
  padding: 11px 0; border: 0; border-bottom: 1px solid var(--ss-line); text-align: left; vertical-align: top; background: none;
}
.ss-desc table.ss-specs tr:last-child th, .ss-desc table.ss-specs tr:last-child td { border-bottom: 0; }
.ss-desc table.ss-specs th { width: 42%; font-weight: 500; color: var(--ss-muted); padding-right: 16px; }
.ss-desc table.ss-specs td { font-weight: 500; }

/* Combine com */
.ss-desc .ss-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ss-desc .ss-links a {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 12px 16px; border-radius: 10px; background: var(--ss-bg); color: var(--ss-text); text-decoration: none; transition: all .2s;
}
.ss-desc .ss-links a::after { content: "→"; color: var(--ss-accent); font-weight: 600; transition: transform .2s; }
.ss-desc .ss-links a:hover { background: var(--ss-accent-soft); color: var(--ss-accent); }
.ss-desc .ss-links a:hover::after { transform: translateX(4px); }

/* Perguntas frequentes */
.ss-desc .ss-faq-q { font-weight: 600; margin: 0 0 .3em; }
.ss-desc .ss-faq-a { color: var(--ss-muted); margin: 0 0 1em; }

/* Ligação externa */
.ss-desc .ss-ext { font-size: .9em; color: var(--ss-muted); }
.ss-desc a { color: var(--ss-accent); }
.ss-desc .ss-ext a { font-weight: 500; text-underline-offset: 3px; }

/* Descrição breve */
.ss-short .ss-short-lead { margin: 0 0 .8em; }
.ss-short li strong { font-weight: 500; color: var(--ss-muted); }

@media (max-width: 600px) {
  .ss-desc .ss-card { padding: 18px; }
  .ss-desc table.ss-specs th { width: 48%; }
}


/* Força o container do WooCommerce a ser flexível */
/* 1. Ativa a disposição em coluna no formulário */
form.woocommerce-form-login {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Campo de utilizador */
form.woocommerce-form-login .form-row-username {
    order: 1 !important;
}

/* 3. Campo de palavra-passe */
form.woocommerce-form-login .form-row-password {
    order: 2 !important;
}

/* 4. Botão "Iniciar sessão" */
form.woocommerce-form-login .form-row-btn {
    order: 3 !important;
}

/* 5. Botão da Google do Site Kit (fica logo abaixo do botão de login) */
form.woocommerce-form-login .googlesitekit-sign-in-with-google__frontend-output-button {
    order: 4 !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

/* 6. Linha "Perdeu a sua senha? / Lembrar-me" */
form.woocommerce-form-login .login-form-footer {
    order: 5 !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;
  }

}

}