/* ===== CORES CUSTOMIZADAS ===== */
/* Gerado automaticamente - Não editar manualmente */
/* Última atualização: 2026-03-02 12:29:39 */

:root {
    --color-promo-bar: #007ef5;
    --color-primary: #21a2f2;
    --color-price: #21c427;
    --color-button: #21a2f2;
    --color-menu-active: #c620c6;
    --color-cart-header: #ff2d2d;
    --color-cart-button: #21c427;
    --gradient-start: #0091ff;
    --gradient-end: #009dff;
}

/* Barra de Promoção */
.bg-\[\#6b21a8\] {
    background-color: #007ef5 !important;
}

/* Cor Primária - APENAS textos e borders */
.text-\[\#c620c6\] {
    color: #21a2f2 !important;
}

.hover\:text-\[\#c620c6\]:hover {
    color: #21a2f2 !important;
}

/* ===== PREÇOS (TODAS AS PÁGINAS) ===== */
.price-text,
.product-price,
.cart-item-price,
.total-price,
.order-price {
    color: #21c427 !important;
}

/* Preços específicos nos cards de produto */
.card-product .text-\[19px\].font-bold {
    color: #21c427 !important;
}

/* ===== BOTÕES (TODOS) ===== */
.btn-add,
.btn-action,
.btn-buy,
.btn-aproveitar,
button[type="submit"].bg-\[\#c620c6\],
button.bg-\[\#c620c6\] {
    background: #21a2f2 !important;
}

.btn-add svg {
    stroke: white !important;
}

/* ===== COR PRIMÁRIA (badges, textos, títulos) ===== */
.text-primary,
.badge-primary,
.complementos-gratis {
    color: #21a2f2 !important;
}

/* Círculo do check (localização) */
.bg-primary-circle {
    background-color: #21a2f2 !important;
}

/* Título do rodapé */
h3.text-primary {
    color: #21a2f2 !important;
}

/* Modal da home - bordas e elementos primários */
.modal-primary,
.modal-border,
.text-\[\#c620c6\].complementos-gratis {
    color: #21a2f2 !important;
}

/* Corrigir roxos no modal */
[class*="text-[#c620c6]"]:not(.price-text) {
    color: #21a2f2 !important;
}

/* Carrinho - Header */
#cart-modal .cart-header,
.cart-header {
    background: #ff2d2d !important;
}

/* Carrinho - Botão Finalizar */
#cart-modal .btn-checkout,
.btn-checkout {
    background: linear-gradient(135deg, #0091ff, #009dff) !important;
}

/* Degradê geral */
.bg-gradient-custom {
    background: linear-gradient(135deg, #0091ff, #009dff) !important;
}

/* Border colors */
.border-\[\#c620c6\] {
    border-color: #21a2f2 !important;
}

/* Badge "Aberto" */
.badge-open,
.text-white.px-2.py-0\.5.rounded-md.text-xs.font-medium {
    background-color: #21a2f2 !important;
}

/* Links hover */
a.hover-primary:hover {
    color: #21a2f2 !important;
}

/* Admin - Menu ativo */
.nav-item.active {
    background: #c620c6 !important;
    color: white !important;
}