/* ============================================================
   THEME LIGHT — Overrides exclusivos para esta vista
   ============================================================ */

.menus-page.theme-light {
    background: #f4f4f4 !important;
    color: #222 !important;
}

/* ------------------------
   TOPBAR
-------------------------*/
.menus-page.theme-light .toplink {
    color: #222 !important;
}

.menus-page.theme-light .divider {
    color: rgba(0, 0, 0, 0.4) !important;
}

/* ------------------------
   HERO
-------------------------*/
.menus-page.theme-light .full-hero .overlay {
    background: rgb(144 144 144 / 50%) !important;
}

.menus-page.theme-light .hero-title,
.menus-page.theme-light .hero-subtitle {
    color: #222 !important;
}

.menus-page.theme-light .hero-logo {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.menus-page.theme-light .btn-outline-light {
    color: #333 !important;
    border-color: #333 !important;
}

.menus-page.theme-light .btn-outline-light:hover {
    background: #333 !important;
    color: #fff !important;
}

/* ------------------------
   SOCIAL ICONS
-------------------------*/
.menus-page.theme-light .social-icon {
    border-color: rgba(0, 0, 0, 0.35) !important;
    color: #222 !important;
}

.menus-page.theme-light .social-icon:hover {
    background: #222 !important;
    color: #fff !important;
}

/* ------------------------
   CARDS (slides)
-------------------------*/
.menus-page.theme-light .menu-slide {
    color: #222 !important;
}

.menus-page.theme-light .menu-image {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18) !important;
}

.menus-page.theme-light .menu-name {
    color: #222 !important;
}

.menus-page.theme-light .menu-desc {
    color: rgba(0, 0, 0, 0.65) !important;
}

/* ------------------------
   SWIPER BULLETS
-------------------------*/
.menus-page.theme-light .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.4) !important;
}

.menus-page.theme-light .swiper-pagination-bullet-active {
    background: #000 !important;
}

/* ------------------------
   FOOTER
-------------------------*/
.menus-page.theme-light .menus-footer {
    background: #f7f7f7 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.menus-page.theme-light .footer-made,
.menus-page.theme-light .menus-footer a {
    color: #222 !important;
}

.menus-page.theme-light .menus-footer a:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
}

.menus-page.theme-light .menus-section-full {
    background: #f7f7f7 !important;
    color: #222 !important;
}

.menus-page.theme-light .menu-hours {
    color: rgba(0, 0, 0, 0.55) !important;
}

.menus-page.theme-light .menu-badge.hours {
    background: rgba(255, 255, 255, 0.75) !important;
    color: #111 !important;
}

.menus-page.theme-light .menu-badge.status.closed {
    background: rgba(0, 0, 0, 0.08) !important;
    color: rgba(0, 0, 0, 0.6) !important;
}