/* =========================================
   1. NAVEGACIÓN Y FOOTER (Navbar y Bottom Bar)
   ========================================= */
.custom-navbar, .custom-bottom-bar, #barraCarritoAbajo {
    background-color: #1a1a1a !important;
}
.custom-navbar .navbar-brand, .custom-navbar a, .custom-navbar i, .custom-navbar span, 
.custom-bottom-bar span, .custom-bottom-bar i, .custom-bottom-bar .cart-info {
    color: #ffffff !important;
}
.custom-navbar i, .custom-bottom-bar i { color: #04aaa3 !important; }

/* =========================================
   2. BOTONES CATÁLOGO (Carta / Menu / Takeaway)
   ========================================= */
/* Botón Agregar (+) */
.custom-btn-add, .btn-add-cart, .card-app .bottom-row button {
    background-color: #04aaa3 !important;
    border-color: #04aaa3 !important;
    color: #ffffff !important;
}
.custom-btn-add i, .btn-add-cart i, .card-app .bottom-row button i { color: #ffffff !important; }

/* Botón Ver Carta Completa */
a[href*="carta.php"] {
    background-color: #04aaa3 !important;
    border-color: #04aaa3 !important;
    color: #ffffff !important;
}
a[href*="carta.php"] i { color: #ffffff !important; }

/* Botón Ver Carrito (Inferior) */
button[data-bs-target="#offcanvasCarrito"] {
    background-color: #f8f9ff !important;
    border-color: #f8f9ff !important;
    color: #04aaa3 !important;
}
button[data-bs-target="#offcanvasCarrito"] i { color: #04aaa3 !important; }

/* =========================================
   3. VENTANAS EMERGENTES (SweetAlert2 - Producto)
   ========================================= */
.swal2-popup {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
}
.swal2-popup .swal2-title, .swal2-popup .swal2-html-container { color: #1a1a1a !important; }
.swal2-popup i { color: #04aaa3 !important; }

/* Botón de Confirmar (Agregar de SweetAlert) */
.swal2-confirm {
    background-color: #04aaa3 !important;
    color: #ffffff !important;
}
.swal2-confirm i { color: #ffffff !important; }

/* =========================================
   4. MENÚ LATERAL (Offcanvas Carrito)
   ========================================= */
.offcanvas { background-color: #ffffff !important; }
.offcanvas .offcanvas-title, .offcanvas .offcanvas-body { color: #1a1a1a !important; }
.offcanvas .offcanvas-title i { color: #04aaa3 !important; }

/* Botón Ir a Pagar en Carrito */
.offcanvas-footer button[type="submit"], .offcanvas-footer a[href*="checkout.php"] {
    background-color: #04aaa3 !important;
    border-color: #04aaa3 !important;
    color: #ffffff !important;
}
.offcanvas-footer button[type="submit"] i, .offcanvas-footer a[href*="checkout.php"] i { color: #ffffff !important; }

/* =========================================
   5. PÁGINA CHECKOUT (Pago)
   ========================================= */
body:has(form#formCheckout) .custom-navbar {
    background-color: #ffffff !important;
}
body:has(form#formCheckout) .custom-navbar a, body:has(form#formCheckout) .custom-navbar span {
    color: #1a1a1a !important;
}
body:has(form#formCheckout) .custom-navbar i { color: #1a1a1a !important; }

body:has(form#formCheckout) h3, body:has(form#formCheckout) h5, body:has(form#formCheckout) h6 {
    color: #1a1a1a !important;
}
body:has(form#formCheckout) .text-muted, body:has(form#formCheckout) small, body:has(form#formCheckout) label {
    color: #333333 !important;
}
body:has(form#formCheckout) i:not(.btn i) { color: #04aaa3 !important; }

body:has(form#formCheckout) .bg-light.border { background-color: #f8f9ff !important; }
body:has(form#formCheckout) #bloqueDivision { background-color: #f8f9ff !important; }

body:has(form#formCheckout) #btnSubmitPedido {
    background-color: #04aaa3 !important;
    border-color: #04aaa3 !important;
    color: #ffffff !important;
}
body:has(form#formCheckout) #btnSubmitPedido i { color: #ffffff !important; }

/* =========================================
   6. CALIFICACIÓN (calificar.php)
   ========================================= */
.card-calificacion { background-color: #ffffff !important; }
.card-calificacion h3, .card-calificacion p { color: #1a1a1a !important; }
#btnEnviar {
    background-color: #04aaa3 !important;
    border-color: #04aaa3 !important;
    color: #ffffff !important;
}
#btnEnviar i { color: #ffffff !important; }