/**
 * ============================================================================
 * PLATAFORMA: Roomora OS (Gestión Hotelera)
 * Archivo: public/assets/css/themes/theme-polar.css
 * Descripción: Tema "Polar" (Claro). Diseño minimalista de alto contraste.
 * ============================================================================
 */
html[data-theme="polar"] {
    /* Fondos */
    --bg-base: #f3f4f6; /* Gris muy claro (fondo general) */
    --bg-surface: #ffffff; /* Tarjetas y menús blancos */
    --bg-elevated: #ffffff; 
    --bg-hover: #e5e7eb; /* Gris claro para hovers */

    /* Textos */
    --text-primary: #111827; /* Gris casi negro */
    --text-secondary: #4b5563; /* Gris medio */
    --text-muted: #9ca3af;
    --text-inverse: #ffffff;

    /* Acentos */
    --accent-primary: #2563eb; /* Azul corporativo fuerte */
    --accent-secondary: #0ea5e9; /* Azul cielo */

    /* Bordes y Sombras */
    --border-subtle: rgba(0, 0, 0, 0.05);
    --border-default: rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

    /* Estados */
    --status-success: #10b981; /* Verde esmeralda */
    --status-warning: #f59e0b; /* Naranja/Ámbar */
    --status-error: #ef4444; /* Rojo suave */
}

/* Forzamos sombra en el menú de temas para que destaque sobre el fondo blanco */
html[data-theme="polar"] body .choices__list--dropdown {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

/* =========================================================
   CONTRASTE DE GANTT EN TEMA CLARO
   ========================================================= */
/* Volvemos oscuros los textos de la reserva para que se lean bien */
html[data-theme="polar"] .gantt-reservation-block .gantt-guest-name {
    color: var(--text-primary);
    text-shadow: none;
}
html[data-theme="polar"] .gantt-reservation-block .gantt-guest-status {
    color: var(--text-secondary);
}

/* Hacemos los fondos de los bloques un poquito más sólidos para que el blanco de la tabla no los apague */
html[data-theme="polar"] .gantt-reservation-block.status-confirmed { background-color: rgba(16, 185, 129, 0.4); }
html[data-theme="polar"] .gantt-reservation-block.status-in_house { background-color: rgba(59, 130, 246, 0.4); }
html[data-theme="polar"] .gantt-reservation-block.status-pending { background-color: rgba(245, 158, 11, 0.4); }

/* =========================================================
   OVERRIDE WEB: FORMULARIO DE RESERVAS (TEMA POLAR)
   ========================================================= */
/* Aseguramos que el contenedor sea totalmente blanco sin blur */
html[data-theme="polar"] .search-widget {
    background: #ffffff;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1); /* Sombra suave para fondos claros */
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
}

/* Forzamos fondo blanco puro en los inputs para tema claro */
html[data-theme="polar"] {
    --bg-input-form: #ffffff;
}

html[data-theme="polar"] .search-group input, 
html[data-theme="polar"] .search-group select,
html[data-theme="polar"] .search-group .choices__inner {
    border-color: #d1d5db; /* Borde gris más marcado en modo claro */
}

/* =========================================================
   SUBMENÚ SIDEBAR EN TEMA POLAR
   ========================================================= */
/* Eliminamos el fondo negro semitransparente que ensucia el tema claro */
html[data-theme="polar"] .submenu {
    background: transparent; 
}

/* Opcional: Le damos un color un poco más fuerte al texto activo para que 
   resalte mejor sobre el fondo blanco del submenú */
html[data-theme="polar"] .submenu li.active > a {
    background: var(--bg-hover);
    color: var(--accent-primary);
}