/* ========== AFRO RIDE — B/W readable, nothing hidden ========== */
:root {
    --primary: #ffffff;
    --primary-dark: #e5e5e5;
    --primary-light: rgba(255,255,255,0.12);
    --accent: #ffffff;
    --bg: #000000;
    --bg-card: #1c1c1c;
    --bg-soft: #242424;
    --bg-hover: #2e2e2e;
    --text: #ffffff;
    --text-muted: #b3b3b3;
    --radius: 16px;
    --nav-h: 68px;
}

/* NEVER hide content */
.reveal, .reveal-left, .reveal-right, .reveal-scale,
.stagger, .stagger > *, .will-reveal, .section-line {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

body, .eats-landing, .page-dark, body.landing {
    background: #000 !important;
    color: #fff !important;
}

.navbar, .u-nav {
    background: #000 !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

.card, .u-card, .eats-card-bs, .cart-panel {
    background: #1c1c1c !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.u-card h3, .card h3 { color: #fff !important; }
.u-card p, .text-muted, .text-secondary { color: #b3b3b3 !important; }

.u-card .details, .u-card a.details {
    display: inline-flex !important;
    background: #fff !important;
    color: #000 !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-top: 12px !important;
}

.btn-primary, .btn-solid, .u-btn-white, .nav-link.btn-solid {
    background: #fff !important;
    color: #000 !important;
}
.u-form-card .u-see-prices {
    background: #000 !important;
    color: #fff !important;
}
.u-see-prices {
    background: #fff !important;
    color: #000 !important;
}
.btn-secondary, .btn-outline-light {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
}

.u-section, .eats-section, .eats-grid, .u-cards, .row {
    opacity: 1 !important;
    visibility: visible !important;
}
.u-section h2, .eats-section h2, h1, h2, h3 {
    color: #fff !important;
}

.eats-chip, .eats-cat {
    background: #242424 !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
}
.eats-chip.active, .eats-cat.active {
    background: #fff !important;
    color: #000 !important;
}

.avatar, .badge, .v-icon-badge {
    background: #fff !important;
    color: #000 !important;
}

.footer, .footer a, .footer p { color: #a3a3a3 !important; }
.footer a:hover { color: #fff !important; }

.u-hero-wrap { width: 100% !important; max-width: none !important; position: relative; }
.u-hero-wrap .u-hero { position: relative; z-index: 1; }

/* Ensure eats cards show */
.eats-card-bs, .col-12, .col-sm-6, .col-lg-4 {
    opacity: 1 !important;
    visibility: visible !important;
}
.eats-grid, .row.g-3 {
    display: grid !important; /* fallback if bootstrap missing on some pages */
}
/* Bootstrap row should remain flex/grid from bootstrap - don't break */
.eats-section .row {
    display: flex !important;
    flex-wrap: wrap !important;
}