/* ===========================================================================
 * Charte graphique DGI / Ministère des Finances (logo officiel)
 * ---------------------------------------------------------------------------
 * NOIR (texte & emblème) + ROUGE (monogramme IGD & barre) + TRICOLORE RDC.
 *
 * Ce fichier SURCHARGE la couleur primaire du thème (bleu #0162e8 -> rouge DGI)
 * via les variables CSS du thème. Il doit être chargé APRÈS style.css.
 * Aucune modification du thème de base (style.css) : tout est réversible en
 * retirant simplement le <link> vers ce fichier.
 * ======================================================================== */

:root{
  /* --- Couleurs de marque DGI (calees sur logo-dgi-finances.png) --- */
  --dgi-rouge:#ed1c24;        /* rouge du monogramme / barre */
  --dgi-rouge-fonce:#c8101a;
  --dgi-noir:#141414;         /* noir du texte / anneau */
  --rdc-bleu:#00aeef;         /* tricolore RDC : bleu ciel */
  --rdc-jaune:#fff200;        /* tricolore RDC : jaune */
  --rdc-rouge:#ed1c24;        /* tricolore RDC : rouge */

  /* --- Remappage du primaire du theme (bleu -> rouge DGI) --- */
  --primary-bg-color:#ed1c24;
  --primary-bg-hover:#c8101a;
  --primary-bg-border:#ed1c24;
  --primary-1:rgba(237,28,36,.10);
  --primary-2:rgba(237,28,36,.20);
  --primary-3:rgba(237,28,36,.30);
  --primary-5:rgba(237,28,36,.50);
  --primary-8:rgba(237,28,36,.80);
  --primary-transparentcolor:rgba(237,28,36,.20);
  --transparent-body:#c8101a;
  --blue:#ed1c24;
  --indigo:#ed1c24;
  --primary:#ed1c24;
}

/* Le thème alias "blue"/"indigo" sur le primaire : on garde les classes bg-primary,
   btn-primary, text-primary, etc. mais en rouge DGI désormais (via les variables). */

/* --- Filet tricolore RDC réutilisable (rappel de marque) --- */
.dgi-tricolore-bar{
  height:4px;width:100%;
  background:linear-gradient(90deg,
    var(--rdc-bleu) 0 33.33%,
    var(--rdc-jaune) 33.33% 66.66%,
    var(--rdc-rouge) 66.66% 100%);
}

/* --- Affichage du logo officiel (ratio ~2.87:1) : bien visible, jamais déformé ---
   On contraint par max-height + max-width avec width/height auto : le navigateur
   conserve le ratio intrinsèque et fait tenir le logo dans la boîte de chaque contexte. */
.dgi-logo{display:inline-block;height:auto;width:auto;max-height:48px;max-width:100%;vertical-align:middle}

/* Logos du template : en-tête / sidebar (espace large) */
.main-logo,.logo-1,.dark-logo-1,.desktop-logo img{
  height:auto !important;width:auto !important;max-height:42px;max-width:200px;object-fit:contain}
/* Icône de la sidebar repliée / mobile (espace étroit) */
.logo-icon img{height:auto !important;width:auto !important;max-height:34px;max-width:62px;object-fit:contain}
/* Badge de marque des pages login / inscription */
.brand-badge{width:auto !important;height:auto !important}
.brand-badge img{height:auto !important;width:auto !important;max-height:46px;max-width:170px;object-fit:contain}