/**
 * Mini-cart drawer (header cart preview) — always dark.
 *
 * Scope: ONLY .govee-mini-cart (wrapper around <v-mini-cart>).
 * Does NOT style:
 *   - .govee-mobile-nav (hamburger menu drawer)
 *   - /checkout/cart page
 *   - /checkout/onepage checkout
 *
 * Loaded on every shop page (global header chrome), including light
 * checkout/cart surfaces, so the drawer stays dark in both contexts.
 */

/* Panel shell */
.govee-mini-cart .fixed.z-\[1000\] {
    background: var(--govee-card) !important;
    border-left: 1px solid var(--govee-border) !important;
    color: var(--govee-text) !important;
    box-shadow: -12px 0 40px rgba(0, 0, 0, 0.45);
}

.govee-mini-cart .fixed.z-\[1000\] .pointer-events-auto.bg-white,
.govee-mini-cart .fixed.z-\[1000\] .bg-white {
    background: var(--govee-card) !important;
    color: var(--govee-text) !important;
}

/* Typography */
.govee-mini-cart .fixed.z-\[1000\] p,
.govee-mini-cart .fixed.z-\[1000\] a,
.govee-mini-cart .fixed.z-\[1000\] span:not([class*="icon-"]),
.govee-mini-cart .fixed.z-\[1000\] div {
    color: var(--govee-text);
}

.govee-mini-cart .fixed.z-\[1000\] .text-zinc-500,
.govee-mini-cart .fixed.z-\[1000\] .text-gray-600,
.govee-mini-cart .fixed.z-\[1000\] .text-zinc-400,
.govee-mini-cart .fixed.z-\[1000\] .max-md\:text-zinc-500 {
    color: var(--govee-muted) !important;
}

.govee-mini-cart .fixed.z-\[1000\] .text-black,
.govee-mini-cart .fixed.z-\[1000\] .font-medium.text-black {
    color: var(--govee-text) !important;
}

/* Prices / subtotal accent */
.govee-mini-cart .fixed.z-\[1000\] .text-3xl.font-semibold,
.govee-mini-cart .fixed.z-\[1000\] .text-lg,
.govee-mini-cart .fixed.z-\[1000\] .max-md\:font-semibold {
    color: var(--govee-cyan) !important;
}

.govee-mini-cart .fixed.z-\[1000\] .border-zinc-200,
.govee-mini-cart .fixed.z-\[1000\] .border-b,
.govee-mini-cart .fixed.z-\[1000\] .border-t,
.govee-mini-cart .fixed.z-\[1000\] .max-md\:border-b,
.govee-mini-cart .fixed.z-\[1000\] .max-md\:border-t {
    border-color: var(--govee-border) !important;
}

/* Icons */
.govee-mini-cart .fixed.z-\[1000\] [class^="icon-"],
.govee-mini-cart .fixed.z-\[1000\] [class*=" icon-"],
.govee-mini-cart .fixed.z-\[1000\] .icon-cancel {
    color: var(--govee-muted) !important;
}

.govee-mini-cart .fixed.z-\[1000\] .icon-cancel:hover,
.govee-mini-cart .fixed.z-\[1000\] .icon-plus:hover,
.govee-mini-cart .fixed.z-\[1000\] .icon-minus:hover {
    color: var(--govee-cyan) !important;
}

/* Quantity +/- */
.govee-mini-cart .fixed.z-\[1000\] .border-navyBlue,
.govee-mini-cart .fixed.z-\[1000\] v-quantity-changer,
.govee-mini-cart .fixed.z-\[1000\] [class*="border-navyBlue"] {
    border-color: var(--govee-border) !important;
    background: var(--govee-card-2) !important;
    color: var(--govee-text) !important;
    border-radius: 0.5rem;
}

.govee-mini-cart .fixed.z-\[1000\] .icon-minus,
.govee-mini-cart .fixed.z-\[1000\] .icon-plus {
    color: var(--govee-text) !important;
}

/* Remove link */
.govee-mini-cart .fixed.z-\[1000\] .cursor-pointer.text-base {
    color: var(--govee-muted) !important;
}

.govee-mini-cart .fixed.z-\[1000\] .cursor-pointer.text-base:hover {
    color: var(--govee-cyan) !important;
}

/* Primary CTA — Continuar con el Pago */
.govee-mini-cart .fixed.z-\[1000\] a.bg-navyBlue,
.govee-mini-cart .fixed.z-\[1000\] .bg-navyBlue {
    background: linear-gradient(90deg, var(--govee-cyan), var(--govee-violet)) !important;
    color: var(--govee-bg) !important;
    border: none !important;
    font-weight: 600;
}

.govee-mini-cart .fixed.z-\[1000\] a.bg-navyBlue:hover,
.govee-mini-cart .fixed.z-\[1000\] .bg-navyBlue:hover {
    filter: brightness(1.08);
    color: var(--govee-bg) !important;
}

/* Ver Carrito */
.govee-mini-cart .fixed.z-\[1000\] .text-center a {
    color: var(--govee-muted) !important;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.govee-mini-cart .fixed.z-\[1000\] .text-center a:hover {
    color: var(--govee-cyan) !important;
}

/* Product thumbs */
.govee-mini-cart .fixed.z-\[1000\] img {
    border-radius: 0.5rem;
    background: var(--govee-card-2);
}

/* Empty state */
.govee-mini-cart .fixed.z-\[1000\] .text-xl {
    color: var(--govee-muted) !important;
}