/**
 * =====================================================================================
 * FILE: /css/site_food_drinks.css
 * MODULE: Food & Drinks
 * TYPE: Stylesheet
 *
 * PROPÓSITO:
 * Definir estilos específicos de la sección Food & Drinks sin romper el sistema global
 * de cards usado por Weeket.
 *
 * RESPONSABILIDADES:
 * - Mantener compatibilidad visual con /css/site_live_shows.css.
 * - Añadir ajustes propios de Food & Drinks.
 * - Controlar loading y fin de resultados.
 * - Garantizar que las modales queden por encima del menú fijo/migrado.
 *
 * DEPENDE DE:
 * - /css/estilos_generales.css
 * - /css/site_live_shows.css
 * - Bootstrap 5.3.8
 *
 * REGLAS IMPORTANTES:
 * - No duplicar el grid global si ya existe en site_live_shows.css.
 * - No redefinir estilos globales fuera del scope necesario.
 * - Mantener z-index de modales superior al menú público.
 *
 * AUTHOR: Fernando A. Peón / Weeket WebMaster
 * VERSION: 1.0.2
 * UPDATED: 2026-04-30
 * =====================================================================================
 */


/* =========================================================================
   FOOD & DRINKS — AJUSTES PROPIOS DE CARD
   ========================================================================= */

.site-food-drinks-price {
    font-size: 13px;
    font-weight: 600;
    color: #005BAB;
    margin-top: 4px;
}


/* =========================================================================
   FOOD & DRINKS — LOADING Y FIN DE RESULTADOS
   ========================================================================= */

.loading-message-container {
    text-align: center;
    margin-top: 20px;
    display: none;
}

.loading-message-container p {
    margin-top: 8px;
    font-size: 14px;
    color: #6c757d;
}

#endOfResults {
    text-align: center;
    color: #888;
    font-size: 14px;
    display: none;
}


/* =========================================================================
   FOOD & DRINKS — MODALES POR ENCIMA DEL MENÚ
   =========================================================================
   Motivo:
   Algunas plantillas de menú usan position fixed, transform o z-index alto.
   Bootstrap usa por defecto:
   - backdrop: 1050
   - modal: 1055

   En esta sección se fuerza un nivel superior para asegurar que:
   - el backdrop cubra el menú
   - la modal quede encima del backdrop
   - el dialog no quede atrapado detrás de ningún header
   ========================================================================= */

body.modal-open {
    overflow: hidden !important;
}

.modal-backdrop {
    z-index: 10400 !important;
}

.modal {
    z-index: 10450 !important;
}

.modal-dialog {
    z-index: 10460 !important;
}


/* =========================================================================
   FOOD & DRINKS — COMPATIBILIDAD CON MENÚS FIJOS
   =========================================================================
   Este bloque evita que elementos de navegación flotante queden por encima de
   las modales cuando el menú usa z-index exagerado.
   ========================================================================= */

body.modal-open header,
body.modal-open nav,
body.modal-open .navbar,
body.modal-open .fixed-top,
body.modal-open .sticky-top,
body.modal-open .site-header,
body.modal-open .menu-site,
body.modal-open .menu-mobile,
body.modal-open .menu-pc-tablet {
    z-index: 10300 !important;
}