/* CSS simplificado ao máximo para o minicart */

/* ========================================
   VARIÁVEIS DE CORES DA MARCA
======================================== */
:root {
    --preto-absoluto: #000000;      /* Detalhes pontuais, rodapé */
    --dourado-sofisticado: #C0AB8E; /* Destaques secundários, ícones, bordas */
    --rosa-nude: #D3B8B8;           /* Cor de destaque principal: Botões, banners */
    --creme-suave: #FDFBF6;         /* Cor de fundo principal */
    --cinza-taupe: #8B8581;         /* Cor do texto principal */
}

/* Indicador de carregamento apenas para operações de produto */
#mini-cart.processing::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid var(--creme-suave);
    border-top-color: var(--rosa-nude);
    animation: simple-spin 0.8s linear infinite;
    z-index: 10;
}

/* Item em remoção - estilo minimalista */
.cart-item.removing {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

/* Animação simples de rotação */
@keyframes simple-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Estilo básico para erros */
.cart-error {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--rosa-nude);
    color: var(--preto-absoluto);
    padding: 2px 8px;
    border-radius: 3px;
    border: 1px solid var(--dourado-sofisticado);
    font-size: 12px;
    z-index: 10;
}