/**
 * Estilos específicos para a página da Loja (WooCommerce).
 * Este arquivo complementa o main.css
 */
@font-face{
    font-family: 'RockSalt';
    src: url('../landing-page/fonts/AXIFORMA/RockSalt-Regular.ttf') format('truetype');
    font-weight: normal; /* Defina se este arquivo específico é bold (700), regular (400), etc. */
    font-style: normal;
    font-display: swap;
}

.title-column-conversion h2{
    font-family: 'RockSalt', sans-serif;
}


/* Garante que os seletores tenham prioridade sobre os padrões do Woo */
.woocommerce {

    /* --- Título da Página e Contagem --- */
    .woocommerce-products-header__title {
        font-family: 'Oswald', sans-serif;
        font-size: 2.5rem;
        font-weight: 600;
        color: var(--black_tone, #333);
        margin-bottom: 0.5rem;
    }

    .woocommerce-result-count {
        margin-bottom: 2rem;
        font-size: 0.9rem;
        color: var(--dark_grey_tone, #555);
    }
    /* Woo */
    ul.products {
        display: flex;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* Grade responsiva */
        gap: 2rem;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    li.product {
        border: 1px solid var(--light_grey_tone, #eee);
        border-radius: 8px; /* Combinando com seus inputs de formulário */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
        background: var(--white_tone, #fff);
        overflow: hidden; /* Para conter a imagem */
        display: flex;
        flex-direction: column;
    }

    li.product:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    }

    /* O link que envolve o card */
    li.product a.woocommerce-LoopProduct-link {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        flex-grow: 1; /* Faz o link ocupar todo o espaço */
    }

    li.product img {
        max-width: 100%;
        height: auto;
        display: block;
        aspect-ratio: 1 / 1; /* Força imagens quadradas */
        object-fit: cover;
        margin-bottom: 1rem;
    }

    /* Título do Produto */
    .woocommerce-loop-product__title {
        font-family: 'Oswald', sans-serif;
        font-size: 1.25rem;
        font-weight: 500;
        color: var(--black_tone, #333);
        padding: 0 1rem;
        margin: 0.5rem 0;
    }

    /* Preço do Produto */
    .woocommerce .price {
        font-size: 2rem;
        font-weight: 600;
        color: var(--main_colour); /* Usando sua cor principal */
        padding: 0 1rem;
        margin-bottom: 1rem;
        display: block;
    }

    /* --- Botão "Adicionar ao Carrinho" --- */
    /* Estilizando para se parecer com seu .cta_button_primary */
    li.product .button {
        font-size: 1.1rem;
        text-align: center;
        text-decoration: none;
        display: inline-flex !important; /* Importante para sobrescrever o Woo */
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        border-radius: 10rem;
        width: fit-content;
        padding: 0.75rem 1.5rem !important; /* Sobrescreve padding padrão */
        transition: all 0.3s ease;
        height: auto; /* Sobrescreve .cta_button */
        margin: 0 1rem 1rem 1rem; /* Margem inferior e centraliza */
        margin-top: auto; 
        background-color: var(--main_colour) !important;
        color: var(--white_tone) !important;
        fill: var(--white_tone);
        border: none;
        line-height: 1.2;
    }

    li.product .button:hover {
        background-color: var(--main_colour_darker) !important;
        color: var(--white_tone) !important;
        transform: translateY(-2px);
    }
    
    /* --- Paginação --- */
    .woocommerce-pagination {
        margin-top: 3rem;
    }
    .woocommerce-pagination ul {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        list-style: none;
        padding: 0;
    }
    .woocommerce-pagination ul li a,
    .woocommerce-pagination ul li span {
        display: block;
        padding: 0.75rem 1rem;
        min-width: 40px;
        text-align: center;
        border: 1px solid var(--light_grey_tone, #ddd);
        border-radius: 8px;
        text-decoration: none;
        color: var(--main_colour);
        background: var(--white_tone);
        transition: all 0.2s ease;
    }
    .woocommerce-pagination ul li span.current,
    .woocommerce-pagination ul li a:hover {
        background: var(--main_colour);
        color: var(--white_tone);
        border-color: var(--main_colour);
    }

    /* --- Widgets da Sidebar --- */
    .widget-area .widget-title {
        font-family: 'Oswald', sans-serif;
        font-size: 1.5rem;
        color: var(--black_tone);
        border-bottom: 2px solid var(--main_colour);
        padding-bottom: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .widget_price_filter .price_slider_wrapper .ui-widget-content {
        background: var(--light_grey_tone, #eee);
        border-radius: 1rem;
    }
    .widget_price_filter .price_slider_wrapper .ui-slider-range {
        background: var(--main_colour);
    }
    .widget_price_filter .price_slider_wrapper .ui-slider-handle {
        background: var(--main_colour);
        border-radius: 50%;
        border: none;
    }

}