/* ==========================================================================
   MONOLITH - E-COMMERCE STYLES
   V 1.1 - 01-04-2026
   ========================================================================== */

/* =========================================
   0. VARIÁVEIS (CONFIGURAÇÃO)
   ========================================= */
:root {
    --primary: #0d6efd;
    --primary-hover: #0b5ed7;
    --primary-border: #0a58ca;
    
    --success: #198754;
    --danger: #dc3545;
    --danger-hover: #a71d2a;
    --info: #0dcaf0;
    
    --text-dark: #212529;
    --text-muted: #6c757d;
    --text-light: #ffffff;
    
    --bg-light: #f8f9fa;
    --bg-pastel: #f1f4f9;
    
    --border: #dee2e6;
    --radius: 0.375rem;
}

/* =========================================
   1. NOTIFICAÇÕES (DESATIVADAS NO MONOLITH)
   ========================================= */
.woocommerce-notices-wrapper, 
.woocommerce-message, 
.woocommerce-error,
.woocommerce-info {
    display: none !important;
}

/* =========================================
   2. ELEMENTOS DE TEXTO
   ========================================= */
.product_title { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; }
.price { font-size: 1.5rem; color: var(--text-dark); margin-bottom: 1.5rem; display: block; }
.price ins { text-decoration: none; font-weight: 800; color: var(--primary); }
.price del { opacity: 0.5; font-size: 0.8em; margin-right: 10px; }

/* =========================================
   3. FORMULÁRIO DE COMPRA & BOTÕES
   ========================================= */

/* Contentor Geral */
.woocommerce div.product form.cart {
    display: block !important;
}

/* Quantidade */
.woocommerce div.product form.cart .quantity {
    display: block !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    float: none !important;
}

.woocommerce div.product form.cart .quantity::before {
    content: "Quantidade:";
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    color: var(--text-dark);
}

.woocommerce div.product form.cart .quantity input.qty {
    width: 100px !important;
    height: 45px !important;
    text-align: center;
    border: 1px solid var(--border);
    border-radius: var(--radius);
}

/* Botões de Compra Monolith (Full Width) */
.woocommerce div.product form.cart .single_add_to_cart_button,
.monolith-buy-now-btn,
.monolith-wishlist-btn,
.monolith-full-width {
    width: 100% !important;
    height: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: var(--radius) !important;
    transition: all 0.2s ease-in-out;
    margin-bottom: 10px !important;
    border: none;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
}

/* Estilo Primário (Carrinho e Comprar Já) */
.woocommerce div.product form.cart .single_add_to_cart_button,
.monolith-buy-now-btn {
    background-color: var(--primary) !important;
    color: #ffffff !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.monolith-buy-now-btn:hover {
    background-color: var(--primary-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);
}

/* Estilo Secundário (Favoritos eBay Style) */
.monolith-wishlist-btn {
    background-color: #ffffff !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    margin-top: 5px;
}

.monolith-wishlist-btn.active {
    background-color: var(--bg-pastel) !important;
}

.monolith-wishlist-btn svg path {
    fill: currentColor;
}

/* Estados Desativados (Variações não selecionadas) */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled,
.monolith-buy-now-btn.disabled,
.monolith-buy-now-btn:disabled {
    background-color: #d1d5db !important;
    color: #6c757d !important;
    border: 1px solid #ced4da !important;
    opacity: 0.7 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    filter: grayscale(1);
}

/* =========================================
   4. FAVORITOS (GRELHA DE PRODUTOS)
   ========================================= */
.ratio > button.wishlist-toggle {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 50 !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #fff !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 50% !important;
    color: #ccc !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    line-height: 1 !important;
}

.ratio > button.wishlist-toggle i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 16px !important;
}

.ratio > button.wishlist-toggle:hover,
.ratio > button.wishlist-toggle.active {
    color: #dc3545 !important;
    background-color: #fff !important;
    transform: scale(1.1);
}

.ratio > button.wishlist-toggle i {
    position: relative;
    top: 1px;
}

/* =========================================
   5. FICHA TÉCNICA & VARIAÇÕES
   ========================================= */
.product-spec-sheet {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    padding: 3rem;
    margin-bottom: 2rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.03);
}

table.variations td, table.variations th { display: block; border: none; padding: 5px 0; }
.variations select {
    width: 100%;
    padding: 0.5rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    min-height: 45px;
}

/* =========================================
   6. CARRINHO & CHECKOUT (BLOCKS)
   ========================================= */
.wp-block-woocommerce-cart-totals-block,
.wp-block-woocommerce-checkout-order-summary-block {
    background-color: var(--bg-light) !important;
    border: 1px solid var(--border) !important;
    padding: 2rem !important;
    border-radius: 0.5rem !important;
}

a.wc-block-components-product-name {
    background-color: var(--bg-pastel) !important;
    border-left: 4px solid var(--primary) !important;
    padding: 0.75rem 1rem !important;
    display: block !important;
    color: var(--text-dark) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* =========================================
   7. MINHA CONTA (DASHBOARD)
   ========================================= */
.woocommerce-account .woocommerce { display: flex; flex-wrap: wrap; gap: 40px; }
.woocommerce-MyAccount-navigation { flex: 0 0 260px; }
.woocommerce-MyAccount-content { flex: 1; }

.woocommerce-MyAccount-navigation ul {
    list-style: none; padding: 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden;
}

.woocommerce-MyAccount-navigation li.is-active a {
    background-color: var(--bg-pastel);
    color: var(--primary);
    border-left: 4px solid var(--primary);
}

/* Fix: Boas-vindas Dashboard */
.woocommerce-MyAccount-content p:first-child:not(.form-row) {
    background-color: #fff;
    border-left: 5px solid var(--primary);
    padding: 2rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
}

@media (max-width: 991px) {
    .woocommerce-account .woocommerce { flex-direction: column; }
    .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 2rem; }
}












.monolith-wishlist-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #ddd;
	background: #fff;
	padding: 0;
	transition: all 0.2s ease;
	position: relative;
	z-index: 99;
}


.monolith-wishlist-btn i {
	pointer-events: none; 
	font-size: 18px;
	color: #666;
}

.monolith-wishlist-btn.active i {
	color: #e74c3c;
}

.monolith-wishlist-btn.loading {
	opacity: 0.5;
	cursor: wait;
}