/*
Theme Name: Ecomus Child
Template: ecomus
Description: Tema filho do Ecomus para personalizações customizadas
Version: 1.0.0
Author: Ecomus Child
Text Domain: ecomus-child
Domain Path: /languages
*/

/* =================================================================
   MINI-CART CUSTOMIZATIONS - ECOMUS CHILD THEME
   ================================================================= */

/* Loading state para updates do mini-cart */

.widget_shopping_cart_content.updating {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

.widget_shopping_cart_content.updating::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 999;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Melhorar layout dos itens do mini-cart */
.widget_shopping_cart_content .woocommerce-mini-cart-item {
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: 20px;
    border-top: 1px solid var(--em-border-color);
    display: flex;
    align-items: flex-start;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

/* Organizar o layout interno do item */
.widget_shopping_cart_content .woocommerce-mini-cart-item__summary {
    display: flex;
    justify-content: space-between;
    flex: 1;
    padding-left: 23px;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item__box {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

/* Melhorar área dos controles de quantidade */
.widget_shopping_cart_content .woocommerce-mini-cart-item__qty {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    flex-wrap: nowrap;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item__qty .quantity {
    margin: 0;
    flex-shrink: 0;
    order: 1;
}

/* Melhorar botão remover */
.widget_shopping_cart_content .remove_from_cart_button {
    font-size: 11px;
    text-decoration: underline;
    color: #888;
    margin: 0;
    padding: 4px 6px;
    border-radius: 3px;
    transition: all 0.2s ease;
    flex-shrink: 0;
    order: 2;
    white-space: nowrap;
}

.widget_shopping_cart_content .remove_from_cart_button:hover {
    color: #dc3545;
    background-color: rgba(220, 53, 69, 0.08);
    text-decoration: none;
}

/* CORRIGIR PADDING DO FOOTER - CRÍTICO */
.widget_shopping_cart_content .widget_shopping_cart_footer {
    padding: 30px !important;
    border-top: 2px solid var(--em-border-color) !important;
    margin-top: 20px !important;
    background-color: rgba(245, 245, 245, 0.7) !important;
}

/* Forçar padding em todos os breakpoints */
@media (min-width: 1px) {
    .widget_shopping_cart_content .widget_shopping_cart_footer {
        padding: 30px !important;
    }
}

/* Melhorar área do subtotal */
.widget_shopping_cart_content .woocommerce-mini-cart__total {
    margin-bottom: 20px !important;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--em-border-color);
}

/* Ajustar botões do carrinho */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons {
    gap: 12px;
    margin: 0 !important;
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {
    width: calc(50% - 6px) !important;
    padding: 12px 16px;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
}

/* Melhorar nome do produto */
.widget_shopping_cart_content .woocommerce-mini-cart-item__name a {
    font-weight: 500;
    color: var(--em-color__dark);
    text-decoration: none;
    line-height: 1.3;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item__name a:hover {
    color: var(--em-color-primary, #000);
}
.woocommerce-mini-cart__buttons .buttons {
    padding: 1em;
}

/* ESPECIFICIDADE EXTRA PARA FOOTER PADDING */
.cart-panel .widget_shopping_cart_content .widget_shopping_cart_footer,
.offscreen-panel .widget_shopping_cart_content .widget_shopping_cart_footer,
.woocommerce .widget_shopping_cart_content .widget_shopping_cart_footer {
    padding: 30px !important;
    border-top: 2px solid var(--em-border-color) !important;
    margin-top: 20px !important;
    background-color: rgba(245, 245, 245, 0.7) !important;
}

/* Responsive para mobile */
@media (max-width: 480px) {
    .cart-panel .panel__container {
        width: 100vw;
        max-width: none;
    }
    
    .widget_shopping_cart_content .woocommerce-mini-cart {
        padding: 0 20px;
    }
    
    .widget_shopping_cart_content .widget_shopping_cart_footer,
    .cart-panel .widget_shopping_cart_content .widget_shopping_cart_footer,
    .offscreen-panel .widget_shopping_cart_content .widget_shopping_cart_footer {
        padding: 25px !important;
    }
    
    .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {
        width: 100% !important;
    }
    
    .widget_shopping_cart_content .woocommerce-mini-cart-item__qty {
        flex-direction: column;
        align-items: flex-end;
        gap: 8px;
    }
}