/*
Theme Name: TopCenter Store
Author: Jose Vicente
Version: 1.2
*/

/* 1. BOTÕES GLOBAIS - AZUL TOPCENTER
   ----------------------------------------------------------- */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce a.button.add_to_cart_button,
.woocommerce div.product .single_add_to_cart_button,
.woocommerce .return-to-shop a.button {
    background-color: #1d67a6 !important; /* Azul da Home */
    color: #ffffff !important;
    text-transform: none !important;
    font-weight: 700 !important;
    padding: 12px 25px !important;
    border-radius: 99px !important; /* Estilo pílula */
    border: none !important;
    display: inline-block !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    font-size: 15px !important;
}

.woocommerce a.button:hover, 
.woocommerce button.button:hover {
    background-color: #155184 !important;
    filter: brightness(1.1);
}

/* 2. VITRINE E PRODUTOS (LOJA/CATEGORIAS)
   ----------------------------------------------------------- */
.woocommerce ul.products li.product .button {
    margin-top: 15px !important;
    width: 100% !important;
    display: block !important;
}

.summary.entry-summary {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product_title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #000;
}

/* 3. STATUS DE ESTOQUE E LIMPEZA
   ----------------------------------------------------------- */
.stock.in-stock {
    color: #28a745 !important;
    font-weight: 700;
    font-size: 14px;
}

.stock.out-of-stock {
    color: #dc3545 !important;
    font-weight: 700;
}

.sku_wrapper, .posted_in, .tagged_as {
    display: none !important;
}

.woocommerce-product-gallery {
    border: none !important;
    box-shadow: none !important;
}

/* 4. CARRINHO E FINALIZAÇÃO (BOTÃO VERDE)
   ----------------------------------------------------------- */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-container button {
    background-color: #28a745 !important; /* Verde Sucesso */
    color: #ffffff !important;
    border-radius: 99px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    padding: 15px 30px !important;
}

.wc-block-cart__submit-button:hover {
    background-color: #218838 !important;
}

/* 5. PAGINAÇÃO EM QUADRADINHOS (LOJA E BUSCA)
   ----------------------------------------------------------- */
/* Centraliza o índice */
.woocommerce-pagination, .pagination-container {
    display: flex !important;
    justify-content: center !important;
    margin: 50px 0 !important;
}

/* Remove estilos de lista padrão */
.woocommerce-pagination ul.page-numbers, 
.pagination-container ul.page-numbers {
    display: flex !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.woocommerce-pagination ul.page-numbers li {
    border: none !important;
}

/* Estilo do Quadradinho */
.woocommerce-pagination ul.page-numbers li a, 
.woocommerce-pagination ul.page-numbers li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid #e2e8f0 !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    border-radius: 4px !important;
}

/* Página Atual (Cinza de destaque conforme image_729932.png) */
.woocommerce-pagination ul.page-numbers li span.current {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

/* Hover na paginação */
.woocommerce-pagination ul.page-numbers li a:hover {
    background-color: #1d67a6 !important;
    color: #ffffff !important;
    border-color: #1d67a6 !important;
}