/* ============================================================
   BRAND.CSS - Diafragm Group
   Plateforme Ciment - CodeIgniter 4
   ------------------------------------------------------------
   Ce fichier est chargé APRÈS style.css (template vendor) et
   surcharge uniquement les points de contact "identité" les
   plus visibles : logo, boutons primaires, liens, état actif
   du menu, badges/texte "primary", pagination, focus.

   Le fichier vendor (style.css) compte des centaines
   d'occurrences de la couleur d'origine (#FE9F43) réparties sur
   ~38 000 lignes ; le réécrire intégralement serait risqué et
   hors de portée raisonnable. Cette approche (variables +
   surcharges ciblées, chargées en dernier) est la pratique
   standard pour reskin un template Bootstrap sans forker le
   CSS vendor. Voir IMPLEMENTATION_JOURNAL_REGLEMENTS.md pour
   le détail des choix.
   ============================================================ */

:root {
    --brand-navy: #1800AC;
    --brand-navy-rgb: 24, 0, 172;
    --brand-violet: #705EE6;
    --brand-violet-rgb: 112, 94, 230;
}

/* ------------------------------------------------------------
   Utilitaires texte (utilisés par les logos "DG" en icône)
   ------------------------------------------------------------ */
.brand-navy {
    color: var(--brand-navy) !important;
}

.brand-violet {
    color: var(--brand-violet) !important;
}

/* ------------------------------------------------------------
   Logo (sidebar, header, login)
   ------------------------------------------------------------ */
.brand-logo-img {
    height: 40px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.brand-logo-img-header {
    height: 34px;
}

.brand-logo-img-login {
    height: auto;
    width: 100%;
    max-width: 150px;
}

/* Carte blanche derrière le logo quand il est posé sur un fond
   sombre (thème dark / bandeau blanc du logo garanti lisible) */
.brand-logo-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 8px;
    padding: 6px 10px;
}

/* ------------------------------------------------------------
   Cartes (card-header) — uniformisées en navy/blanc sur toute
   la plateforme, plutôt que d'éditer chaque vue une par une
   (41 fichiers concernés) : un seul endroit à maintenir, et
   toute nouvelle carte créée plus tard hérite automatiquement
   du même style sans y penser.
   ------------------------------------------------------------ */
.card > .card-header,
.card-header {
    background-color: var(--brand-navy) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/* Titres, texte et icônes à l'intérieur du header passent en
   blanc - mais on laisse les boutons, badges et champs de
   formulaire (souvent présents dans un header de filtre) gérer
   leurs propres couleurs. */
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6,
.card-header p,
.card-header span:not(.badge),
.card-header small,
.card-header label,
.card-header > i,
.card-header a:not(.btn):not(.dropdown-item) {
    color: #ffffff !important;
}

.card-header .text-muted {
    color: rgba(255, 255, 255, 0.75) !important;
}


a {
    color: var(--brand-navy);
}

/* ------------------------------------------------------------
   Boutons primaires
   ------------------------------------------------------------ */
.btn-primary,
.btn.btn-primary {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #140090 !important;
    border-color: #140090 !important;
}

.btn-outline-primary {
    color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.btn-outline-primary:hover {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------
   Utilitaires Bootstrap "primary"
   ------------------------------------------------------------ */
.text-primary {
    color: var(--brand-navy) !important;
}

.bg-primary {
    background-color: var(--brand-navy) !important;
}

.badge.bg-primary {
    background-color: var(--brand-navy) !important;
}

/* Deuxième teinte de marque pour différencier une info secondaire
   (ex : badges "en attente", accents) sans réutiliser le navy */
.bg-brand-violet {
    background-color: var(--brand-violet) !important;
}

.text-brand-violet {
    color: var(--brand-violet) !important;
}

/* ------------------------------------------------------------
   Formulaires (cases à cocher, radios, focus)
   ------------------------------------------------------------ */
.form-check-input:checked {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--brand-navy) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-navy-rgb), 0.15) !important;
}

/* ------------------------------------------------------------
   Pagination
   ------------------------------------------------------------ */
.pagination .page-item.active .page-link {
    background-color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}

.pagination .page-link {
    color: var(--brand-navy);
}

/* ------------------------------------------------------------
   Sidebar - état actif du menu
   ------------------------------------------------------------ */
.sidebar .sidebar-menu>ul>li.active svg,
.settings-sidebar .sidebar-menu>ul>li.active svg {
    color: var(--brand-navy) !important;
}

.sidebar .sidebar-menu>ul>li>a.active,
.settings-sidebar .sidebar-menu>ul>li>a.active {
    background: rgba(var(--brand-navy-rgb), 0.08) !important;
    color: var(--brand-navy) !important;
}

.sidebar .sidebar-menu>ul>li>a.active span,
.settings-sidebar .sidebar-menu>ul>li>a.active span,
.sidebar .sidebar-menu>ul>li.active a span,
.settings-sidebar .sidebar-menu>ul>li.active a span {
    color: var(--brand-navy) !important;
}

.sidebar .sidebar-menu>ul>li.active a,
.settings-sidebar .sidebar-menu>ul>li.active a,
.sidebar .sidebar-menu>ul>li>a.active,
.settings-sidebar .sidebar-menu>ul>li>a.active {
    background: rgba(var(--brand-navy-rgb), 0.08) !important;
}

.sidebar .sidebar-menu>ul>li.submenu ul li a.active,
.settings-sidebar .sidebar-menu>ul>li.submenu ul li a.active {
    color: var(--brand-navy) !important;
}

/* ------------------------------------------------------------
   Spinners / loaders
   ------------------------------------------------------------ */
.spinner-border.text-primary {
    color: var(--brand-navy) !important;
}