/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 06 2026 | 17:37:17 */
@media (max-width: 767px) {
	li.product .price {
		font-size: 20px;
	}
}

#elementor-menu-cart__toggle_button {
	border: none !important;
}

#elementor-menu-cart__toggle_button:hover {
	border: none !important;
}

/*.single-product img {
	border-radius: 5px !important;
}*/

.product-sku-listagem{
	font-size:0.8em;
	padding:0px 0px 5px 0px;
	
}

.yith-wcwl-add-to-wishlist-button{
padding:0px!important;	
	
}

.yith-add-to-wishlist-button-block{
	margin:0px!important;
	
}

/* 1. Define o cartão do produto como referência de posicionamento absoluto 
   (Aplica-se à loja, produtos relacionados, upsells e cross-sells) */
li.product.add-to-wishlist-before_image,
.related.products ul.products li.product,
.upsells.products ul.products li.product {
    position: relative !important;
}

/* 2. Posiciona o bloco dos favoritos no canto superior direito da imagem */
li.product.add-to-wishlist-before_image .yith-add-to-wishlist-button-block,
.related.products ul.products li.product .yith-add-to-wishlist-button-block,
.upsells.products ul.products li.product .yith-add-to-wishlist-button-block {
    position: absolute !important;
    top: 15px !important;      /* Distância do topo */
    right: 15px !important;    /* Distância da direita */
    z-index: 10 !important;    /* Garante que fica por cima da imagem */
    margin: 0 !important;      /* Remove margens padrão */
}

/* 3. Estilização visual do botão (círculo branco flutuante) */
li.product.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button,
.related.products ul.products li.product .yith-wcwl-add-to-wishlist-button,
.upsells.products ul.products li.product .yith-wcwl-add-to-wishlist-button {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

/* Efeito ao passar o rato (hover) */
li.product.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button:hover,
.related.products ul.products li.product .yith-wcwl-add-to-wishlist-button:hover,
.upsells.products ul.products li.product .yith-wcwl-add-to-wishlist-button:hover {
    transform: scale(1.1) !important;
    background-color: #ffffff !important;
}

/* Esconde o texto "Adicionar aos favoritos" em todo o lado, mantendo apenas o coração */
li.product.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button__label,
.related.products ul.products li.product .yith-wcwl-add-to-wishlist-button__label,
.upsells.products ul.products li.product .yith-wcwl-add-to-wishlist-button__label {
    display: none !important;
}

/* Garante o tamanho e alinhamento do ícone de coração (SVG) */
li.product.add-to-wishlist-before_image .yith-wcwl-icon-svg,
.related.products ul.products li.product .yith-wcwl-icon-svg,
.upsells.products ul.products li.product .yith-wcwl-icon-svg {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
}

li .woocommerce-loop-product__title{
	padding:1em!important;
}


/* 1. Cor dos títulos (País, Localidade, Código Postal) */
.woocommerce-shipping-calculator label {
    color: #18202E !important;
}

/* 2. Cor de fundo e ALTURA IGUALADA para os campos de texto */
.woocommerce-shipping-calculator input.input-text,
.woocommerce-cart-form #coupon_code {
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
    height: 45px !important; /* Ajusta a altura da caixa (podes mudar para 40px ou 50px se o teu botão for diferente) */
	width: 475px;
    line-height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
}

/* Garante que o botão também tem a mesma altura fixa para alinhar na perfeição */
.woocommerce-cart-form .actions .button[name="apply_coupon"] {
    height: 45px !important; 
    line-height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
}

/* 3. Cor do texto que o utilizador escreve dentro dos campos */
.woocommerce-shipping-calculator input.input-text,
.woocommerce-cart-form #coupon_code {
    color: #283346 !important;
}

/* 4. Posicionamento do texto "Código do Cupão" DENTRO da nova caixa */
.woocommerce-cart-form .coupon {
    position: relative !important;
    display: inline-block; /* Ajuda no alinhamento lado a lado */
}

.elementor-post__excerpt p, 
.elementor-post__excerpt {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important; /* Permite até 4 linhas de texto */
    -webkit-box-orient: vertical !important;  
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Forçar a visibilidade dos títulos (Tipos e Marcas) no filtro WOOF */
.woof_container_inner h4,
.woof_container .woof_container_label,
.woof_block_html_items h4 {
    color: #18202E !important; /* Mantido o original aqui */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Altera a cor e a espessura da linha superior para um azul mais visível */
.woocommerce-message {
    border-top: 4px solid #24334a !important;
}

/* Altera a cor do ícone de check (✓) para o novo azul */
.woocommerce-message::before {
    color: #24334a !important;
}

/* Altera a cor do link "Anular" para o novo azul */
.woocommerce-message .button, 
.woocommerce-message a.button {
    color: #24334a !important;
}

/* Altera a cor do link "Anular" ao passar o rato (hover) para o vermelho do botão principal */
.woocommerce-message .button:hover, 
.woocommerce-message a.button:hover {
    color: #DC3329 !important; 
}

/* Altera a cor da linha superior e do texto/ícone da mensagem de carrinho vazio para Vermelho */
.woocommerce-info {
    border-top-color: #DC3329 !important;
    color: #18202E !important;
}

/* Garante que o ícone informativo (se houver) também fique vermelho */
.woocommerce-info::before {
    color: #DC3329 !important;
}

/* Estilo padrão do botão "Voltar para a loja" (Fundo Vermelho, Texto Branco) */
.woocommerce a.button.wc-backward,
.woocommerce .return-to-shop a.button {
    background-color: #DC3329 !important;
    color: #ffffff !important;
    border: 2px solid #DC3329 !important; /* Cria a borda padrão para evitar saltos visuais no hover */
    transition: all 0.3s ease !important; /* Suaviza a transição de cores */
}

/* Efeito Hover do botão (Fundo Azul, Texto Branco, Borda Vermelha) */
.woocommerce a.button.wc-backward:hover,
.woocommerce .return-to-shop a.button:hover {
    background-color: #18202E !important;
    color: #ffffff !important;
    border-color: #DC3329 !important;
}

/* ==========================================================================
   NOVA ALTERAÇÃO: BOTÃO "VER PRODUTO" DO LOOP DA LOJA
   ========================================================================== */

/* Estilo Padrão do botão no Loop (Fundo Vermelho, Texto Branco) */
.elementor-loop-container .elementor-button,
.elementor-loop-item .button {
    background-color: #18202E !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* Efeito Hover do botão no Loop (Fundo Azul #18202E, Texto Branco, Borda Vermelha) */
.elementor-loop-container .elementor-button:hover,
.elementor-loop-item .button:hover {
    background-color: #DC3329 !important;
    color: #ffffff !important;
    border-color: #18202E !important;
}

/* 1. LIMITAR O CONTAINER GERAL DA GALERIA */
.woocommerce-product-gallery {
    max-width: 420px !important; /* Define o tamanho máximo de todo o conjunto */
    margin: 0 auto !important;   /* Centraliza a galeria na coluna */
    float: none !important;      /* Evita quebras de layout dependendo do tema */
}

/* Alvo para Tablet e Telemóvel (ecrãs até 1024px) */
@media (max-width: 1024px) {
    
    /* Força a exibição do bloco da imagem */
    .woocommerce-page table.shop_table_responsive tr td.product-thumbnail {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        padding: 15px 0 !important;
        border-bottom: 1px dashed #e2e2e2; /* Linha subtil para separar visualmente a imagem dos dados */
    }

    /* Remove qualquer etiqueta automática de texto que o tema tente colocar antes da imagem */
    .woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before {
        content: none !important;
    }

    /* Ajusta o tamanho da imagem para que não fique gigante nem distorcida */
    .woocommerce-page table.shop_table_responsive tr td.product-thumbnail img {
        display: inline-block !important;
        max-width: 120px !important; /* Tamanho ideal para telemóvel/tablet */
        width: 100% !important;
        height: auto !important;
        border-radius: 4px; /* Cantos ligeiramente arredondados para combinar com o design */
    }
}

/* ==========================================================================
   Carrinho
   ========================================================================== */

/* 1. Força a quebra da estrutura de tabela flutuante original em todos os ecrãs */
#theme-page .elementor-widget-woocommerce-cart td.actions,
.elementor-widget-woocommerce-cart .woocommerce-cart-form__contents .actions,
.woocommerce-page table.shop_table td.actions {
    display: block !important;
    float: none !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    clear: both !important;
}

/* 2. Uniformização total do container do Cupão (Fundo, Sombras, Cantos e Larguras) */
#theme-page .elementor-widget-woocommerce-cart .coupon,
.elementor-widget-woocommerce-cart .woocommerce-cart-form__contents .actions .coupon,
.woocommerce-page table.shop_table td.actions .coupon,
.woocommerce-page .cart .actions .coupon {
    display: flex !important;
    flex-direction: column !important; /* Garante empilhamento vertical total */
    align-items: stretch !important;
    float: none !important;
    width: 100% !important;
    max-width: 450px !important; /* Limite padrão para Desktop e Tablet */
    margin: 20px 0 !important;
    padding: 25px !important;
    background-color: #dcdfe3 !important; /* Cor idêntica aos blocos adjacentes */
    border-radius: 8px !important; /* Arredondamento idêntico */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important; /* Efeito de elevação idêntico */
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

/* 3. Ajuste milimétrico do campo de texto do código (Input) */
.elementor-widget-woocommerce-cart .coupon input[type="text"]#coupon_code,
.elementor-widget-woocommerce-cart .coupon input[type="text"],
.woocommerce-page .cart .actions .coupon input[type="text"] {
    display: block !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 0 15px 0 !important; /* Espaçamento rigoroso abaixo do input */
    padding: 10px 15px !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
}

/* 4. Ajuste milimétrico do botão de validação (APPLY COUPON) */
.elementor-widget-woocommerce-cart .coupon button[name="apply_coupon"],
.elementor-widget-woocommerce-cart .coupon button[type="submit"],
.woocommerce-page .cart .actions .coupon button[type="submit"],
.woocommerce-page .cart .actions .coupon .button {
    display: block !important;
    float: none !important;
    width: 100% !important; 
    height: auto !important; 
    margin: 0 !important;
    padding: 12px 20px !important; 
    background-color: #e33c2c !important; /* Vermelho exato */
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: none !important; /* ALTERADO: Remove a formatação forçada de maiúsculas */
    border: none !important;
    border-radius: 4px !important;
    text-align: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important; 
}

/* 5. Ajuste de quebra responsiva absoluto para ecrãs de Telemóvel */
@media (max-width: 767px) {
    #theme-page .elementor-widget-woocommerce-cart .coupon,
    .elementor-widget-woocommerce-cart .woocommerce-cart-form__contents .actions .coupon,
    .woocommerce-page table.shop_table td.actions .coupon {
        max-width: 100% !important; /* Expansão total do bloco na largura do ecrã mobile */
        padding: 20px !important;
        margin: 15px auto !important;
    }
}

/* Mudar a cor do Em Stock para um verde escuro e legível */
.woocommerce div.product .stock.in-stock {
    color: #1a7f37 !important;
    font-weight: 700 !important;
}

.elementor-widget-wc-product-meta .detail-container span {
    text-transform: capitalize !important; /* Remove o excesso de maiúsculas */
}

/* 1. Transforma o bloco num painel de Ficha Técnica Premium */
.elementor-widget-woocommerce-product-meta .product_meta {
    display: flex !important;
    flex-direction: column !important;
    /*background-color: #fcfcfc !important;*/ /* Fundo off-white */
    border: 1px solid #e2e8f0 !important; /* Contorno suave */
    border-radius: 5px !important; /* Cantos arredondados */
    padding: 8px !important;
}

/* 2. Desenha e separa cada linha individual da meta (Ref, Categorias, Etiquetas, Marca) */
.elementor-widget-woocommerce-product-meta .product_meta > span {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important; /* Alinha ao topo se o texto quebrar */
    padding: 12px 16px !important;
    /*background-color: #ffffff !important;*/ /* Fundo branco */
    border-radius: 5px !important;
    margin-bottom: 6px !important;
    border-bottom: 1px solid #f1f5f9 !important; /* Linha divisória subtil */
}

/* Remove a margem e borda da última linha */
.elementor-widget-woocommerce-product-meta .product_meta > span:last-child {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* 3. Destaca os títulos à esquerda (Ref:, Categorias:, Etiquetas:, Marca:) */
.elementor-widget-woocommerce-product-meta .product_meta > span::before,
.elementor-widget-woocommerce-product-meta .product_meta strong {
    font-weight: 700 !important;
    color: #1a202c !important; /* Tom escuro */
    font-size: 14px !important;
    white-space: nowrap !important; /* Impede o título de quebrar em duas linhas */
    padding-right: 15px !important;
}

/* 4. Alinha e formata os valores à direita */
.elementor-widget-woocommerce-product-meta .product_meta .sku,
.elementor-widget-woocommerce-product-meta .product_meta a,
.elementor-widget-woocommerce-product-meta .product_meta > span {
    font-weight: 500 !important;
    color: #4a5568 !important; /* Cinza moderno */
    font-size: 14px !important;
    text-align: right !important;
    text-decoration: none !important;
}

/* Garante que os links (Categorias, Etiquetas) fiquem azuis ou com destaque ao passar o rato */
.elementor-widget-woocommerce-product-meta .product_meta a:hover {
    color: #ef4444 !important; /* Cor vermelha para combinar com o seu botão Adicionar */
    text-decoration: underline !important;
}

/* OBRIGA AS ETIQUETAS A APARECEREM (Substitui a regra antiga que as escondia) */
.elementor-widget-woocommerce-product-meta .product_meta .tagged_as {
    display: flex !important; 
}

/* Cria um espaçamento automático entre o título e o conteúdo das etiquetas/categorias */
.elementor-widget-woocommerce-product-meta .product_meta .tagged_as,
.elementor-widget-woocommerce-product-meta .product_meta .posted_in {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 20px !important; /* Força uma distância mínima de 20px entre o texto e o título */
}

/* Alinha o bloco de texto das etiquetas totalmente à direita e justifica as quebras de linha */
.elementor-widget-woocommerce-product-meta .product_meta .tagged_as a,
.elementor-widget-woocommerce-product-meta .product_meta .posted_in a {
    text-align: right !important;
}

/* ==========================================================================
   Menu de navegação Header (linhas diagonais)
   ========================================================================== */

/* 1. Cor branca para o link ativo (Apenas no Computador/Desktop) */
@media (min-width: 1025px) {
    .menu-diagonal .elementskit-menu-container li.current-menu-item > a,
    .menu-diagonal .elementskit-menu-container .ekit-menu-nav-link.active {
        color: #ffffff !important;
        position: relative !important;
    }
}

/* 1.1 Definições para o Tablet e Telemóvel (Contraste e Espaçamento) */
@media (max-width: 1024px) {
    .menu-diagonal .elementskit-menu-container li.current-menu-item > a,
    .menu-diagonal .elementskit-menu-container .ekit-menu-nav-link.active {
        color: #1e293b !important; /* Cor idêntica aos outros links escuros */
        position: relative !important;
        display: inline-flex !important; /* Faz o link moldar-se apenas ao tamanho do texto */
        width: auto !important;
    }
    
    /* ALTERAÇÃO: Dá espaçamento vertical entre todas as palavras do menu móvel */
    .menu-diagonal .elementskit-menu-container li {
        padding-top: 10px !important;   /* Espaço acima da palavra */
        padding-bottom: 10px !important;/* Espaço abaixo da palavra */
    }
    
    /* Garante que o item da lista não quebra o layout móvel */
    .menu-diagonal .elementskit-menu-container li.current-menu-item {
        display: block !important;
    }
}

/* 2. Cria a linha com o tamanho longo exato, mas com corte invisível no meio */
.menu-diagonal .elementskit-menu-container li.current-menu-item > a::before,
.menu-diagonal .elementskit-menu-container .ekit-menu-nav-link.active::before {
    content: "" !important;
    position: absolute !important;
    
    /* Alinhamento ao centro exato do link */
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(25deg) !important;
    
    /* Espessura da linha vermelha */
    width: 3px !important;
    height: 120% !important; 
    
    /* CALIBRAÇÃO DO CORTE: O vermelho preenche as pontas (0% a 33% e 67% a 100%).
       O intervalo central (33% a 67%) fica totalmente transparente, abrindo um 
       "buraco" perfeito onde a palavra assenta sem ser trespassada pela linha. */
    background: linear-gradient(
        to bottom, 
        #ff4500 0%, 
        #ff4500 33%, 
        transparent 33%, 
        transparent 67%, 
        #ff4500 67%, 
        #ff4500 100%
    ) !important;
    
    display: block !important;
    pointer-events: none !important;
}

/* 2.1 Calibração do corte específico para o Mobile (Se o tamanho das palavras for diferente no telemóvel) */
@media (max-width: 1024px) {
    .menu-diagonal .elementskit-menu-container li.current-menu-item > a::before,
    .menu-diagonal .elementskit-menu-container .ekit-menu-nav-link.active::before {
        /* Caso a palavra fique um pouco tapada no mobile, pode ajustar estas percentagens abaixo */
        background: linear-gradient(
            to bottom, 
            #ff4500 0%, 
            #ff4500 28%, 
            transparent 28%, 
            transparent 72%, 
            #ff4500 72%, 
            #ff4500 100%
        ) !important;
    }
}

/* ==========================================================================
   Whilist 
   ========================================================================== */
/* Esconder completamente o contentor do título editável da Wishlist */
.wishlist-title-container {
    display: none !important;
}
/* 1. Cor dos títulos da tabela (Product name e Unit price) */
.woocommerce table.wishlist_table thead th,
table.wishlist_table th {
    color: #18202E !important;
}

/* 2. Cor do nome do produto e do link "Add to cart" (Vermelho #DC3329) */
table.wishlist_table td.product-name a,
table.wishlist_table td.product-add-to-cart a,
.wishlist_table a {
    color: #DC3329 !important;
}

/* 3. Cor do valor do preço (Azul #18202E), negrito e tamanho maior */
table.wishlist_table td.product-price span.amount,
table.wishlist_table td.product-price {
    color: #18202E !important;
    font-weight: bold !important;
    font-size: 1.15rem !important; /* Aumenta ligeiramente o tamanho */
}

/* 4. Botão "Ask for an estimate" - Estado Normal */
/* Nota: Substitui '.btn-estimate' pela classe real do teu botão se souberes */
.wishlist_table + a, 
button.ask-estimate,
a[href*="estimate"] { 
    background-color: #DC3329 !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease;
}

/* 4. Botão "Ask for an estimate" - Ao passar o rato (Hover) */
.wishlist_table + a:hover, 
button.ask-estimate:hover,
a[href*="estimate"]:hover {
    background-color: #283346 !important;
    color: #ffffff !important;
    border: 1px solid #DC3329 !important;
}

/* --- AJUSTES EXCLUSIVOS PARA TELEMÓVEL --- */
@media screen and (max-width: 767px) {
    
    /* 1. Separar os produtos com uma linha/borda (efeito tabela/cartão) */
    .woocommerce table.wishlist_table tbody tr,
    table.wishlist_table tr {
        display: block !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        margin-bottom: 20px !important;
        padding: 15px !important;
        background: #ffffff !important;
    }

    /* 2. Diminuir o tamanho do nome do produto */
    table.wishlist_table td.product-name a,
    .wishlist_table .product-name a {
        font-size: 1.1rem !important; /* Letra mais pequena e proporcional */
        line-height: 1.3 !important;
    }

    /* 3. Aumentar um pouco o tamanho da imagem */
    table.wishlist_table td.product-thumbnail img,
    .wishlist_table .product-thumbnail img {
        max-width: 100px !important; /* Ajusta este valor se quiseres ainda maior (ex: 120px) */
        width: 100px !important;
        height: auto !important;
    }
    
    /* Ajuste extra: Alinhamento do bloco da imagem se necessário */
    table.wishlist_table td.product-thumbnail,
    .wishlist_table .product-thumbnail {
        display: block !important;
        margin-bottom: 10px !important;
    }
}

/* Centrar a caixa e o número da quantidade na Wishlist */
table.wishlist_table td.product-quantity {
    text-align: center !important;
    vertical-align: middle !important;
}

table.wishlist_table td.product-quantity input[type="number"] {
    text-align: center !important; /* Centra o número dentro da caixa */
    margin: 0 auto !important;     /* Centra a caixa dentro da célula da tabela */
    display: block !important;     /* Garante que as margens automáticas funcionam */
}

/* 5. Ajuste do botão Update na Wishlist (Estado Normal) */
.yith_wcwl_wishlist_update input[type="submit"][name="update_wishlist"] {
    transition: all 0.3s ease !important; /* Transição suave para o efeito */
}

/* 6. Efeito Hover ao passar o rato no botão Update */
.yith_wcwl_wishlist_update input[type="submit"][name="update_wishlist"]:hover {
    background: #283346 !important;       /* O seu Azul */
    background-color: #283346 !important; /* Garantia dupla de fundo */
    color: #ffffff !important;            /* Texto Branco */
    border: 1px solid #DC3329 !important; /* Borda de 1px Sólida no seu Vermelho */
}

/* ==========================================================================
   ESTILIZAÇÃO DO CABEÇALHO DINÂMICO
   ========================================================================== */

/* Ajuste dos Títulos Principais - RESTRITO APENAS ÀS PÁGINAS DE COMPRA E FAVORITOS */
.woocommerce-cart .elementor-widget-heading h1, 
.woocommerce-cart .elementor-widget-heading h2,
.woocommerce-checkout .elementor-widget-heading h1, 
.woocommerce-checkout .elementor-widget-heading h2,
.wishlist-page .elementor-widget-heading h1, 
.wishlist-page .elementor-widget-heading h2,
.yith-wcwl-form .elementor-widget-heading h1,
.yith-wcwl-form .elementor-widget-heading h2 {
    text-transform: uppercase !important;
    font-weight: 800 !important;
    color: #1a2b4c !important;
    letter-spacing: -0.5px;
}

/* Contador Vermelho (Esquerda) */
.motor-contador-vermelho {
    color: #e11d48 !important; /* Vermelho exato do design antigo */
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-top: 5px !important;
}

/* Alinhamento do Menu Superior (Direita) e Forçamento de Largura Total */
.motor-dynamic-nav {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 25px !important;
    width: 100% !important;
    flex-grow: 1 !important; /* Faz o shortcode esticar para a esquerda até encontrar o título */
    
    /* ALTERAÇÃO: Empurra ligeiramente o menu para baixo para alinhar com o eixo vertical do H1 do Elementor */
    margin-top: 12px !important; 
    position: relative !important;
}

/* Nova Linha de ligação que preenche o espaço vazio até ao título */
.motor-linha-ligacao {
    flex-grow: 1 !important;
    height: 1px !important;
    background-color: #cbd5e1 !important; /* Cor cinza idêntica aos círculos */
    margin-right: 20px !important; /* Espaço entre a linha e a palavra LISTA DE FAVORITOS */
    
    /* ALTERAÇÃO: Força a linha a quebrar os limites do container do Elementor e a aproximar-se do título */
    margin-left: -15% !important; 
    
    /* ALTERAÇÃO: Garante que a linha fica centralizada verticalmente em relação ao texto do menu */
    align-self: center !important; 
}

.motor-dynamic-nav .nav-item {
    font-family: inherit;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    letter-spacing: 0.5px !important;
}

/* Círculo cinzento com o número */
.motor-dynamic-nav .nav-counter {
    background-color: #cbd5e1 !important; /* Cinza claro idêntico ao original */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    min-width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
}

/* ==========================================================================
   1. MENU DINÂMICO: Estrutura Geral e Alinhamento do Dropdown
   ========================================================================== */

.nav-more-dropdown {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer;
    height: 100%; /* Ocupa a altura total para estabilizar o rato */
    padding-bottom: 10px; /* Estende a área de toque para baixo */
    margin-bottom: -10px; /* Compensa o padding para não empurrar outros elementos */
}

.nav-dots {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    padding: 0 5px;
    letter-spacing: 1px;
    line-height: 1 !important;
    margin-top: -6px; /* Ajuste milimétrico para alinhar os pontos pelo centro das letras */
}

/* Caixa suspensa escondida por padrão */
.nav-more-dropdown .dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 24px rgba(0,0,0,0.08);
    border-radius: 4px;
    z-index: 999;
    padding: 8px 0;
}

/* Ponte Invisível (Zona de Segurança): Liga os pontinhos ao menu suspenso */
.nav-more-dropdown .dropdown-content::before {
    content: '';
    position: absolute;
    top: -15px; /* Cobre o espaço em branco acima do menu */
    left: 0;
    width: 100%;
    height: 15px;
    background: transparent;
}

/* Mostrar ao passar o rato */
.nav-more-dropdown:hover .dropdown-content {
    display: block !important;
}

.nav-more-dropdown .dropdown-content a {
    color: #1e293b !important;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: background 0.2s ease;
}

.nav-more-dropdown .dropdown-content a:hover {
    background-color: #f8fafc;
    color: #dc2626 !important; /* Destaque em vermelho ao passar o rato */
}

/* ==========================================================================
   PERSONALIZAÇÃO COMPLETA DO FIBOSEARCH (LUPA E TEXTO DE INPUT)
   ========================================================================== */
/* 1. Forçar a cor BRANCA na lupa padrão do FiboSearch (Header) */
.dgwt-wcas-search-icon,
.dgwt-wcas-ico-magnifier,
.fibosearch-form-icon,
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important; /* Caso a lupa seja um elemento gráfico SVG */
}

/* 2. Forçar a cor BRANCA na lupa quando passa o rato (Hover) ou quando clica */
.dgwt-wcas-search-icon:hover,
.dgwt-wcas-search-input:focus + .dgwt-wcas-search-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 3. Mudar a cor do texto para AZUL (#283346) quando abre a barra para escrever */
.dgwt-wcas-search-input,
input[type="search"].dgwt-wcas-search-input,
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    color: #283346 !important;
    font-weight: 600 !important; /* Dá uma espessura ligeiramente mais nítida à escrita */
}

/* 4. Cor do texto do "Placeholder" (o texto de ajuda que aparece antes de escrever) */
.dgwt-wcas-search-input::placeholder {
    color: #283346 !important;
    opacity: 0.7 !important; /* Fica ligeiramente transparente enquanto não escreve */
}

/* ==========================================================================
   PERSONALIZAÇÃO do archive posts(blog)
   ========================================================================== */
/* 1. Alvo Exclusivo: Aplica o fundo branco, cantos arredondados de 5px e sombra de 10px APENAS no widget Archive Posts */
.archive .elementor-widget-archive-posts .elementor-post {
    background-color: #ffffff !important;
    border-radius: 5px !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08) !important; /* Desfoque de 10px */
    overflow: hidden !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Força a imagem a colar no topo e a respeitar os 5px de arredondamento APENAS no widget Archive Posts */
.archive .elementor-widget-archive-posts .elementor-post__thumbnail {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden !important;
}

/* 3. Aplica o Content Padding de 30px em toda a área de texto APENAS no widget Archive Posts */
.archive .elementor-widget-archive-posts .elementor-post__text {
    padding: 30px !important;
}