/* AgriDesk — Banque Agricole: branding overrides */
:root{
  --brand-primary:#0b5d3b;
  --brand-secondary:#c9a227;
  --brand-dark:#052f1e;
  --brand-light:#f4f8f6;

  /* extra helpers */
  --brand-white:#ffffff;
  --brand-text:#e8f2ee;
  --brand-text-dark:#1f2a24;   /* texte pour fonds clairs */
  --brand-muted-dark:#495057;  /* icônes / caret */
}

/* Links */
a{color:var(--brand-primary);}
a:hover{color:var(--brand-dark);}

/* Ace primary helpers */
.text-primary,.text-primary-m1,.text-primary-m2,.text-primary-m3{color:var(--brand-primary)!important;}
.brc-primary,.brc-primary-m1,.brc-primary-m2,.brc-primary-m3{border-color:var(--brand-primary)!important;}
.bgc-primary,.bgc-primary-m1,.bgc-primary-m2,.bgc-primary-m3{background-color:var(--brand-primary)!important;}

/* =============================================================================
   NAVBAR / TOPBAR — FIX CONTRASTE (ULTRA ROBUSTE)
   -> on force le fond + couleurs texte sur toutes les variantes Ace/skins
   ============================================================================= */

/* 1) Fond navbar : quel que soit le skin */
.navbar,
.navbar .navbar-inner,
.navbar .navbar-container,
.navbar .navbar-header,
.navbar .navbar-content{
  background:linear-gradient(90deg,var(--brand-dark),var(--brand-primary))!important;
}

/* 2) Certains skins appliquent une couleur/opacity sur navbar-inner */
.navbar .navbar-inner{
  background:linear-gradient(90deg,var(--brand-dark),var(--brand-primary))!important;
  border-color:rgba(255,255,255,.10)!important;
}

/* 3) Texte / icônes : on force en blanc partout dans la topbar */
.navbar,
.navbar a,
.navbar .nav-link,
.navbar .navbar-text,
.navbar .navbar-brand,
.navbar .navbar-brand span,
.navbar .navbar-brand small,
.navbar .ace-nav,
.navbar .ace-nav > li,
.navbar .ace-nav > li > a,
.navbar .ace-nav > li > a > span,
.navbar .ace-nav > li > a > i,
.navbar .ace-nav > li > a .user-info,
.navbar .ace-nav > li > a .user-info small,
.navbar .ace-nav > li > a .badge,
.navbar .ace-nav > li > a .label{
  color:var(--brand-white)!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* 4) Hover/active lisibles */
.navbar a:hover,
.navbar .nav-link:hover,
.navbar .ace-nav > li > a:hover,
.navbar .ace-nav > li.open > a,
.navbar .ace-nav > li.active > a{
  color:var(--brand-secondary)!important;
}

/* 5) Icônes hover */
.navbar .ace-nav > li > a:hover > i,
.navbar .ace-nav > li.open > a > i,
.navbar .ace-nav > li.active > a > i{
  color:var(--brand-secondary)!important;
}

/* 6) Séparateurs/cadres du menu haut (évite tout “fade” clair) */
.navbar .ace-nav > li{
  border-left:1px solid rgba(255,255,255,.10)!important;
}
.navbar .ace-nav > li:first-child{
  border-left:none!important;
}

/* 7) Badges/compteurs dans la topbar : lisibles sur fond vert */
.navbar .ace-nav .badge,
.navbar .ace-nav .label{
  color:#fff!important;
}

/* 8) Dropdown navbar (menu user, etc.) */
.navbar .dropdown-menu{
  border-color:rgba(0,0,0,.08)!important;
}
.navbar .dropdown-menu a,
.navbar .dropdown-menu .dropdown-item{
  color:#1a1a1a!important;
}
.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu .dropdown-item:hover{
  background-color:rgba(11,93,59,.08)!important;
  color:#1a1a1a!important;
}

/* 9) Logo/brand spacing */
.navbar .navbar-brand span{letter-spacing:.3px;}

/* -----------------------------------------------------------------------------
   Compat : si GestSup applique une classe skin (tu en avais listé)
   -> on garde, mais maintenant le bloc ci-dessus couvre aussi le cas sans skin
----------------------------------------------------------------------------- */
.navbar-skyblue,.navbar-orange,.navbar-green,.navbar-cadetblue,.navbar-slategrey,.navbar-plum,.navbar-dark{
  background:linear-gradient(90deg,var(--brand-dark),var(--brand-primary))!important;
}

/* =========================
   SIDEBAR — THEMES
   ========================= */

/* Sidebar palettes (DARK skins only) */
.sidebar-darkblue,.sidebar-plum,.sidebar-gradient2,.sidebar-cadetblue,.sidebar-darkslategrey,.sidebar-dark,.sidebar-slategrey{
  background:linear-gradient(180deg,var(--brand-dark),#083d28)!important;
}

/* ✅ Sidebar text contrast — ONLY for DARK sidebars */
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav a,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav a span,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav a i{
  color:var(--brand-text)!important;
}

/* Hover state — DARK sidebars */
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav a:hover{
  background-color:rgba(201,162,39,.14)!important;
}

/* ✅ Active/open states — DARK sidebars */
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav .active > a,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav .open > a,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav .active > a span,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav .open > a span{
  background-color:rgba(201,162,39,.18)!important;
  color:var(--brand-white)!important;
}
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav .active > a i,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav .open > a i{
  color:var(--brand-secondary)!important;
}

/* ✅ Submenu readability — DARK sidebars */
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .submenu,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .nav .submenu{
  background-color:rgba(0,0,0,.12)!important;
}
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .submenu a,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .submenu a span{
  color:var(--brand-text)!important;
}
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .submenu a:hover{
  background-color:rgba(201,162,39,.12)!important;
}
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .submenu .active > a,
.sidebar:not(.sidebar-light):not(.sidebar-white):not(.sidebar-lightblue):not(.sidebar-lightgrey):not(.sidebar-lightgray) .submenu .active > a span{
  color:var(--brand-white)!important;
  background-color:rgba(201,162,39,.18)!important;
}

/* =========================
   SIDEBAR — LIGHT skins
   ========================= */

/* ✅ Sidebar palettes (LIGHT skins) */
.sidebar-light, .sidebar-white, .sidebar-lightblue, .sidebar-lightgrey, .sidebar-lightgray{
  background: var(--brand-light)!important;
}

/* ✅ Text & icons — LIGHT sidebars */
.sidebar-light .nav a,
.sidebar-white .nav a,
.sidebar-lightblue .nav a,
.sidebar-lightgrey .nav a,
.sidebar-lightgray .nav a,
.sidebar-light .nav a span,
.sidebar-white .nav a span,
.sidebar-lightblue .nav a span,
.sidebar-lightgrey .nav a span,
.sidebar-lightgray .nav a span{
  color: var(--brand-text-dark)!important;
}

.sidebar-light .nav a i,
.sidebar-white .nav a i,
.sidebar-lightblue .nav a i,
.sidebar-lightgrey .nav a i,
.sidebar-lightgray .nav a i{
  color: var(--brand-muted-dark)!important;
}

/* Hover — LIGHT sidebars */
.sidebar-light .nav a:hover,
.sidebar-white .nav a:hover,
.sidebar-lightblue .nav a:hover,
.sidebar-lightgrey .nav a:hover,
.sidebar-lightgray .nav a:hover{
  background-color: rgba(11,93,59,.08)!important;
  color: var(--brand-primary)!important;
}
.sidebar-light .nav a:hover i,
.sidebar-white .nav a:hover i,
.sidebar-lightblue .nav a:hover i,
.sidebar-lightgrey .nav a:hover i,
.sidebar-lightgray .nav a:hover i{
  color: var(--brand-primary)!important;
}

/* Active/Open — LIGHT sidebars */
.sidebar-light .nav .active > a,
.sidebar-white .nav .active > a,
.sidebar-lightblue .nav .active > a,
.sidebar-lightgrey .nav .active > a,
.sidebar-lightgray .nav .active > a,
.sidebar-light .nav .open > a,
.sidebar-white .nav .open > a,
.sidebar-lightblue .nav .open > a,
.sidebar-lightgrey .nav .open > a,
.sidebar-lightgray .nav .open > a{
  background-color: rgba(11,93,59,.12)!important;
  color: var(--brand-primary)!important;
  font-weight: 600!important;
}
.sidebar-light .nav .active > a i,
.sidebar-white .nav .active > a i,
.sidebar-lightblue .nav .active > a i,
.sidebar-lightgrey .nav .active > a i,
.sidebar-lightgray .nav .active > a i,
.sidebar-light .nav .open > a i,
.sidebar-white .nav .open > a i,
.sidebar-lightblue .nav .open > a i,
.sidebar-lightgrey .nav .open > a i,
.sidebar-lightgray .nav .open > a i{
  color: var(--brand-primary)!important;
}

/* Submenu — LIGHT sidebars */
.sidebar-light .submenu,
.sidebar-white .submenu,
.sidebar-lightblue .submenu,
.sidebar-lightgrey .submenu,
.sidebar-lightgray .submenu{
  background-color: rgba(0,0,0,.03)!important;
  border-left: 1px solid rgba(0,0,0,.08)!important;
}
.sidebar-light .submenu a,
.sidebar-white .submenu a,
.sidebar-lightblue .submenu a,
.sidebar-lightgrey .submenu a,
.sidebar-lightgray .submenu a,
.sidebar-light .submenu a span,
.sidebar-white .submenu a span,
.sidebar-lightblue .submenu a span,
.sidebar-lightgrey .submenu a span,
.sidebar-lightgray .submenu a span{
  color: var(--brand-text-dark)!important;
}
.sidebar-light .submenu a:hover,
.sidebar-white .submenu a:hover,
.sidebar-lightblue .submenu a:hover,
.sidebar-lightgrey .submenu a:hover,
.sidebar-lightgray .submenu a:hover{
  background-color: rgba(11,93,59,.08)!important;
}

/* Buttons */
.btn-primary{
  background-color:var(--brand-primary)!important;
  border-color:var(--brand-primary)!important;
}
.btn-primary:hover{
  background-color:var(--brand-dark)!important;
  border-color:var(--brand-dark)!important;
}

/* Badges */
.badge-primary{background-color:var(--brand-primary)!important;}
.badge-warning,.badge-orange{
  background-color:var(--brand-secondary)!important;
  color:#1a1a1a!important;
}

/* Cards / page */
.body-container{background:var(--brand-light);}
.main-content .page-content{padding-bottom:1.25rem;}

/* Footer scroll-up button */
.btn-scroll-up{
  background:var(--brand-dark)!important;
  border-color:var(--brand-dark)!important;
}

/* ✅ Optional: unify some common "info" accents */
.badge-info,.badge-success{
  background-color:rgba(11,93,59,.92)!important;
}

/* =========================================================
   AgriDesk — FIX VISIBILITÉ TITRE SUR PAGE LOGIN
   Objectif : rendre le titre lisible et cohérent avec la topbar
   ========================================================= */

/* Fond login (optionnel : harmonise) */
.login-layout,
.login-layout .main-container,
.login-layout .main-content{
  background: var(--brand-light) !important;
}

/* Zone titre (Banque Agricole Helpdesk / Portail...) */
.login-layout .center h1,
.login-layout .center h4,
.login-layout .center h1 span,
.login-layout .center h4 span{
  color: var(--brand-dark) !important;   /* lisible sur fond clair */
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Si ton thème met un fond foncé derrière le titre, utilise plutôt blanc */
.login-layout .center.bg-dark h1,
.login-layout .center.bg-dark h4{
  color: var(--brand-white) !important;
}

/* Petit sous-titre / marque */
.login-layout .center .grey,
.login-layout .center .text-muted{
  color: rgba(5,47,30,.75) !important;
}

/* Titre du bloc Connexion */
.login-layout .login-box .widget-header h4{
  color: var(--brand-primary) !important;
}

/* Labels/texte dans le formulaire */
.login-layout .login-box,
.login-layout .login-box label,
.login-layout .login-box .form-control{
  color: var(--brand-text-dark) !important;
}

/* =========================================================
   ✅ FIX LOGIN PAGE (titre blanc + logo minuscule)
   - Le titre devient lisible (vert foncé)
   - Le logo dans le header login est agrandi proprement
   ========================================================= */
.login-layout,
.login-layout .main-container,
.login-layout .main-content{
  background:var(--brand-light)!important;
}

/* Titre principal "Banque Agricole Helpdesk" */
.login-layout .center h1,
.login-layout .center h1 span,
.login-layout .center .navbar-brand,
.login-layout .center .navbar-brand span{
  color:var(--brand-primary)!important;
  text-shadow:none!important;
}

/* Sous-titres */
.login-layout .center h4,
.login-layout .center .text-grey,
.login-layout .center small{
  color:rgba(5,47,30,.70)!important;
  text-shadow:none!important;
}

/* Logo dans le header login (celui qui apparaît minuscule chez toi) */
.login-layout .center img{
  height:40px!important;
  width:auto!important;
  max-width:200px!important;
  opacity:1!important;
  filter:none!important;
}

/* Si le logo est dans un <a> ou un <span> spécifique */
.login-layout .center a img,
.login-layout .center span img{
  height:40px!important;
  width:auto!important;
}

/* Harmoniser la carte login */
.login-layout .login-box .card,
.login-layout .login-box .widget-box{
  border-top:4px solid var(--brand-primary)!important;
}

/* Bouton connexion déjà OK, on renforce le contraste */
.login-layout .btn-success,
.login-layout .btn.btn-success{
  background-color:var(--brand-primary)!important;
  border-color:var(--brand-primary)!important;
}
.login-layout .btn-success:hover,
.login-layout .btn.btn-success:hover{
  background-color:var(--brand-dark)!important;
  border-color:var(--brand-dark)!important;
}

/* =========================================================
   AgriDesk — CLEAN PATCH (à coller en fin de brand.css)
   Objectif : supprimer effets de bord + rendre le rendu plus pro
   ========================================================= */

/* ---------- LOGIN : cibler logo proprement (évite de modifier toutes les images) ---------- */
.login-layout .navbar-brand img,
.login-layout .center .navbar-brand img{
  height:48px!important;
  width:auto!important;
  max-width:240px!important;
  opacity:1!important;
  filter:none!important;
}

/* Titre login lisible */
.login-layout .center h1,
.login-layout .center h1 span{
  color:var(--brand-primary)!important;
  text-shadow:none!important;
  opacity:1!important;
}
.login-layout .center h4,
.login-layout .center small,
.login-layout .center .text-muted{
  color:rgba(5,47,30,.70)!important;
  text-shadow:none!important;
}

/* ---------- SIDEBAR : marqueur visuel item actif (barre gauche) ---------- */
.sidebar .nav .active > a{
  position:relative;
}
.sidebar .nav .active > a:before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background:var(--brand-secondary);
}

/* ---------- NAVBAR dropdown détails ---------- */
.navbar .dropdown-menu .dropdown-divider{
  border-top:1px solid rgba(0,0,0,.08)!important;
}
.navbar .dropdown-menu .dropdown-header{
  color:rgba(0,0,0,.55)!important;
}

/* ---------- BTN SUCCESS global (GestSup l’utilise souvent) ---------- */
.btn-success{
  background-color:var(--brand-primary)!important;
  border-color:var(--brand-primary)!important;
}
.btn-success:hover{
  background-color:var(--brand-dark)!important;
  border-color:var(--brand-dark)!important;
}