/* =========================================================
   EspaceClub — thème admin Sonata
   Porte l'identité du site sur le "chrome" de l'admin :
   header + sidebar en teal, actions/accents en doré.
   Le contenu reste clair (AdminLTE) pour la lisibilité.
   Palette alignée sur assets/styles/tokens.css.
   Chargé après app.css via sonata_admin.assets.extra_stylesheets.
   ========================================================= */
:root {
    --ec-teal-1:      #06202c; /* logo / plus sombre        */
    --ec-teal-2:      #0c2c3b; /* navbar + sidebar           */
    --ec-teal-3:      #16465c; /* survol                     */
    --ec-gold:        #e6c98a; /* accent : fonds, bordures   */
    --ec-gold-strong: #f3dca7; /* survol accent              */
    --ec-gold-ink:    #7c5e23; /* doré lisible sur fond clair (liens/texte) */
    --ec-ink:         #06202c; /* texte sombre sur fond doré */
    --ec-text-light:  #e9eff3;
    --ec-text-muted:  #a9bcc7;
}

/* ---------- Header (barre du haut) ---------- */
.main-header .navbar {
    background-color: var(--ec-teal-2);
}
.main-header .logo {
    background-color: var(--ec-teal-1);
    color: var(--ec-gold);
    font-weight: 600;
    border-right: 1px solid rgba(255, 255, 255, .06);
}
.main-header .logo:hover {
    background-color: var(--ec-teal-1);
    color: var(--ec-gold-strong);
}
.main-header .navbar .sidebar-toggle,
.main-header .navbar .nav > li > a {
    color: var(--ec-text-light);
}
.main-header .navbar .sidebar-toggle:hover,
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus {
    background-color: var(--ec-teal-3);
    color: var(--ec-gold-strong);
}
.main-header .navbar .nav > .active > a {
    background-color: var(--ec-teal-3);
}

/* ---------- Sidebar ---------- */
.main-sidebar,
.left-side {
    background-color: var(--ec-teal-2);
}
.sidebar-menu > li > a {
    color: var(--ec-text-muted);
    border-left: 3px solid transparent;
}
.sidebar-menu > li.header {
    color: var(--ec-text-muted);
    background: var(--ec-teal-1);
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a,
.sidebar-menu > li.menu-open > a {
    color: var(--ec-gold-strong);
    background-color: var(--ec-teal-3);
    border-left-color: var(--ec-gold);
}
.sidebar-menu > li > .treeview-menu {
    background-color: var(--ec-teal-1);
}
.sidebar-menu .treeview-menu > li > a {
    color: var(--ec-text-muted);
}
.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li > a:hover {
    color: var(--ec-gold-strong);
}
.user-panel > .info,
.user-panel > .info > a {
    color: var(--ec-text-light);
}
.sidebar-form input[type="text"],
.sidebar-form .btn {
    background-color: var(--ec-teal-1);
    border-color: rgba(255, 255, 255, .08);
    color: var(--ec-text-light);
}

/* ---------- Accents dorés dans le contenu (fond clair) ---------- */
/* Boutons d'action primaires (Sonata create/update = .btn-success) */
.btn-primary,
.btn-success {
    background-color: var(--ec-gold);
    border-color: var(--ec-gold);
    color: var(--ec-ink);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    background-color: var(--ec-gold-strong);
    border-color: var(--ec-gold-strong);
    color: var(--ec-ink);
}

/* Liens du contenu : doré assombri pour rester lisible sur fond clair */
.content-wrapper a:not(.btn):not(.label),
.content-header a {
    color: var(--ec-gold-ink);
}
.content-wrapper a:not(.btn):hover {
    color: var(--ec-teal-2);
}

/* En-tête de blocs, onglets, pagination, focus : bleu #3c8dbc -> doré */
.box.box-primary {
    border-top-color: var(--ec-gold);
}
.nav-tabs-custom > .nav-tabs > li.active,
.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
    border-top-color: var(--ec-gold);
}
.nav-tabs-custom > .nav-tabs > li.active > a {
    color: var(--ec-ink);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: 2px solid var(--ec-gold);
    color: var(--ec-ink);
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span {
    background-color: var(--ec-gold);
    border-color: var(--ec-gold);
    color: var(--ec-ink);
}
.form-control:focus {
    border-color: var(--ec-gold);
    box-shadow: 0 0 0 .1rem rgba(230, 201, 138, .35);
}
.label-primary {
    background-color: var(--ec-gold);
    color: var(--ec-ink);
}