/* =====================================================================
   SOLUKEN ACADEMY - Feuille de styles principale (mobile-first)
   Fichier : public/assets/css/app.css
   ===================================================================== */

:root { --soluken-primary: #0d3b66; }

body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }

.bg-primary   { background-color: var(--soluken-primary) !important; }
.btn-primary  { background-color: var(--soluken-primary); border-color: var(--soluken-primary); }

.hero {
    background: linear-gradient(rgba(13, 59, 102, .72), rgba(27, 108, 168, .72)),
                url('../img/hero.jpg') center / cover no-repeat;
    min-height: 62vh;
    display: flex;
    align-items: center;
}

#layout { min-height: 100vh; }

.sidebar { width: 230px; min-height: 100vh; flex-shrink: 0; }
.sidebar .nav-link { border-radius: .5rem; padding: .5rem .75rem; opacity: .85; }
.sidebar .nav-link:hover { background: rgba(255, 255, 255, .12); opacity: 1; }

.card { border-radius: .75rem; }

/* Responsive : barre latérale repliée sur petit écran */
@media (max-width: 768px) {
    .sidebar { width: 64px; padding: .5rem !important; }
    .sidebar .nav-link span, .sidebar a.fw-bold span { display: none; }
    .sidebar .nav-link i { font-size: 1.3rem; }
}