/* =============================================================================
   ILWANOX THEME — Midnight Executive
   Palette : navy foncé + or + ice blue
   =============================================================================
   Charge APRÈS domus.css. N'écrase pas les couleurs sémantiques
   (success/warning/danger/info) qui gardent leur signification.
   Pour revenir au thème original : retire la ligne <link> dans les layouts.
============================================================================= */

:root {
    /* Nouvelles couleurs Ilwanox brand */
    --ilwanox-navy:       #0F1B3D;
    --ilwanox-navy-dark:  #0A1329;
    --ilwanox-navy-light: #1E2761;
    --ilwanox-accent:     #F59E0B;
    --ilwanox-accent-hover: #D97706;
    --ilwanox-ice:        #CADCFC;
    --ilwanox-ice-bg:     #E8EEFB;
}

/* =============================================================================
   HEADER (bandeau du haut) — navy au lieu de noir
============================================================================= */
.top-header {
    background: linear-gradient(135deg,
        var(--ilwanox-navy-dark) 0%,
        var(--ilwanox-navy) 40%,
        var(--ilwanox-navy-light) 100%) !important;
}
.top-header::before {
    background: linear-gradient(90deg,
        transparent,
        rgba(245, 158, 11, 0.04) 50%,
        rgba(245, 158, 11, 0.08) 100%) !important;
}

/* =============================================================================
   SIDEBAR — navy au lieu de noir
============================================================================= */
.sidebar {
    background: var(--ilwanox-navy) !important;
}
.sidebar-hotel {
    border-bottom-color: rgba(202, 220, 252, 0.15) !important;
}
.sidebar-hotel-card:hover {
    background: rgba(245, 158, 11, 0.12) !important;
}
.sidebar-hotel-avatar {
    background: var(--ilwanox-accent) !important;
    color: var(--ilwanox-navy) !important;
    font-weight: 700 !important;
}
.sidebar-hotel-name {
    color: var(--ilwanox-ice) !important;
}
.sidebar-hotel-meta,
.sidebar-hotel-label {
    color: rgba(202, 220, 252, 0.6) !important;
}
.sidebar-hotel-chevron {
    color: var(--ilwanox-accent) !important;
}

/* Sections de navigation */
.sidebar-section-title {
    color: var(--ilwanox-accent) !important;
    opacity: 0.85;
}

/* Liens de navigation */
.sidebar-nav a,
.sidebar-nav-item {
    color: rgba(202, 220, 252, 0.85) !important;
}
.sidebar-nav a:hover,
.sidebar-nav-item:hover {
    background: rgba(245, 158, 11, 0.12) !important;
    color: white !important;
    text-decoration: none !important;
}
.sidebar-nav a.active,
.sidebar-nav-item.active {
    background: rgba(245, 158, 11, 0.2) !important;
    color: var(--ilwanox-accent) !important;
    border-left: 3px solid var(--ilwanox-accent);
}

/* Sidebar footer / user */
.sidebar-footer,
.sidebar-user {
    border-top-color: rgba(202, 220, 252, 0.15) !important;
}

/* =============================================================================
   BOUTONS
============================================================================= */

/* Bouton primaire : navy avec bordure or, hover navy dark */
.btn-primary {
    background: var(--ilwanox-navy) !important;
    color: white !important;
    border-color: var(--ilwanox-navy) !important;
    transition: all 0.15s ease;
}
.btn-primary:hover {
    background: var(--ilwanox-navy-dark) !important;
    border-color: var(--ilwanox-accent) !important;
    color: var(--ilwanox-accent) !important;
}
.btn-primary:focus,
.btn-primary:focus-visible {
    outline: 2px solid var(--ilwanox-accent);
    outline-offset: 2px;
}

/* Bouton d'action accent (nouveau ou "call to action" fort) */
.btn-accent {
    background: var(--ilwanox-accent) !important;
    color: var(--ilwanox-navy) !important;
    border-color: var(--ilwanox-accent) !important;
    font-weight: 600;
}
.btn-accent:hover {
    background: var(--ilwanox-accent-hover) !important;
    border-color: var(--ilwanox-accent-hover) !important;
}

/* =============================================================================
   LIENS
============================================================================= */
a {
    color: var(--ilwanox-navy);
}
a:hover {
    color: var(--ilwanox-accent);
}
/* Sauf dans les zones dark où les liens gardent leur couleur locale */
.sidebar a,
.top-header a,
.auth-card a {
    color: inherit;
}

/* =============================================================================
   BADGES
============================================================================= */
.badge-info {
    background: var(--ilwanox-ice-bg) !important;
    color: var(--ilwanox-navy) !important;
    border-color: var(--ilwanox-ice) !important;
}

/* =============================================================================
   CARDS - accents subtils
============================================================================= */
.card-title {
    color: var(--ilwanox-navy);
    border-bottom: 1px solid var(--ilwanox-ice-bg);
    padding-bottom: 8px;
}

/* =============================================================================
   FORMULAIRES - focus en accent or
============================================================================= */
.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--ilwanox-navy) !important;
    outline: 2px solid rgba(245, 158, 11, 0.3) !important;
    outline-offset: 0 !important;
}

/* =============================================================================
   PAGE HEADERS
============================================================================= */
.page-title {
    color: var(--ilwanox-navy);
}
.page-subtitle {
    color: var(--ilwanox-navy-light);
    opacity: 0.7;
}

/* =============================================================================
   BREADCRUMB
============================================================================= */
.breadcrumb {
    color: var(--ilwanox-navy-light);
}
.breadcrumb a {
    color: var(--ilwanox-navy);
}
.breadcrumb a:hover {
    color: var(--ilwanox-accent);
}
.breadcrumb .sep {
    color: var(--ilwanox-ice);
}

/* =============================================================================
   AUTH PAGES (login, setup) - fond navy avec logo or
============================================================================= */
.auth-page {
    background: linear-gradient(135deg,
        var(--ilwanox-navy-dark) 0%,
        var(--ilwanox-navy) 100%) !important;
}
.auth-brand {
    color: var(--ilwanox-accent) !important;
    letter-spacing: 4px;
}
.auth-tagline {
    color: var(--ilwanox-ice) !important;
}

/* =============================================================================
   TABLE HEADERS - fond ice discret
============================================================================= */
.table thead th {
    background: var(--ilwanox-ice-bg);
    color: var(--ilwanox-navy);
    border-bottom: 2px solid var(--ilwanox-navy);
}

/* =============================================================================
   BADGE CUSTOM UTILITAIRES
============================================================================= */
.badge-navy {
    background: var(--ilwanox-navy);
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}
.badge-accent {
    background: var(--ilwanox-accent);
    color: var(--ilwanox-navy);
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
}

/* =============================================================================
   FIN THEME ILWANOX
============================================================================= */