/*
Theme Name: Moda Masculina
Theme URI: https://canalcanalha.com.br
Author: Canal Canalha
Author URI: https://canalcanalha.com.br
Description: Tema filho do Astra para loja de roupas masculinas Moda Masculina. Design moderno, elegante e focado em conversão.
Template: astra
Version: 1..
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2..html
Text Domain: astra-moda-masculina
*/

/* =============================================
   MODA MASCULINA - ESTILOS PERSONALIZADOS
   ============================================= */

/* Cores da marca */
:root {
    --mm-primary: #1a1a2e;
    --mm-secondary: #16213e;
    --mm-accent: #c9a74b;
    --mm-accent-hover: #b8963a;
    --mm-light: #f5f5f5;
    --mm-dark: #ff1a;
    --mm-text: #333333;
    --mm-text-light: #ffffff;
    --mm-gray: #888888;
}

/* Header personalizado */
.site-header {
    border-bottom: 3px solid var(--mm-accent);
}

/* Botões personalizados */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--mm-primary) !important;
    color: var(--mm-text-light) !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    transition: all .3s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: var(--mm-dark) !important;
}

/* Preços - destaque */
.woocommerce .price {
    color: var(--mm-primary) !important;
    font-weight: 700 !important;
}

.woocommerce .price .amount {
    color: var(--mm-primary);
    font-size: 1.1em;
}

/* Produtos - grid melhorado */
.woocommerce ul.products li.product {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    transition: all .3s ease;
    padding: ;
    background: #fff;
}

.woocommerce ul.products li.product:hover {
    box-shadow:  8px 25px rgba(,,,.1);
    transform: translateY(-2px);
    border-color: var(--mm-accent);
}

.woocommerce ul.products li.product .button {
    margin: 1em;
    border-radius: 4px;
}

/* Títulos de produtos */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding:  1em;
    font-size: 1em;
    color: var(--mm-primary);
}

/* Badge de oferta */
.woocommerce span.onsale {
    background-color: var(--mm-accent) !important;
    color: var(--mm-dark) !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .8em;
    padding: .5em .8em;
    min-height: auto;
    min-width: auto;
    line-height: 1;
    border-radius: 4px;
}

/* Cabeçalho da página da loja */
.woocommerce-products-header {
    text-align: center;
    margin-bottom: 2em;
}

.woocommerce-products-header h1 {
    color: var(--mm-primary);
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb {
    color: var(--mm-gray);
    font-size: .85em;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--mm-primary);
}

/* Produto individual */
.single-product .product {
    background: #fff;
    padding: 2em;
    border-radius: 8px;
    border: 1px solid #eee;
}

.single-product .product_title {
    color: var(--mm-primary);
    font-size: 1.8em;
}

.single-product .woocommerce-product-gallery {
    border-radius: 8px;
    overflow: hidden;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--mm-primary) !important;
    color: #fff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}

/* Carrinho */
.woocommerce-cart .cart_totals h2 {
    color: var(--mm-primary);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--mm-accent) !important;
    color: var(--mm-dark) !important;
}

/* Checkout */
.woocommerce-checkout h3 {
    color: var(--mm-primary);
}

/* Footer */
.site-footer {
    background-color: var(--mm-primary) !important;
    color: var(--mm-text-light) !important;
}

/* Menu de categorias */
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
    color: var(--mm-text);
}

/* Widget de carrinho no header */
.ast-site-header-cart {
    border-left: 1px solid rgba(255,255,255,.1);
    padding-left: 1em;
}

/* Responsivo */
@media (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product {
        width: 48%;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products[class*=columns-] li.product {
        width: 100%;
    }
}