/*
  Marque AddictA (Docs/Marques.md) : les règles propres à la marque, chargées par App.razor après site.css,
  seulement quand Orbite:Marque vaut AddictA. Les couleurs viennent des jetons (couleurs.css de ce dossier,
  généré de Orbite.Theme/marques/addicta.json) ; ce fichier ne pose que ce que les jetons ne disent pas :

  - la police des titres : Montserrat (fichier de ce dossier, licence SIL OFL : Montserrat-OFL.txt), proche de celle de l'application d'AddictA ; le texte
    courant, les grilles et les champs gardent la police d'Orbite (densité des données inchangée) ;
  - la barre supérieure jaune à l'encre (jetons nav-fond / sur-bleu), mais la navigation latérale claire, comme
    l'application d'AddictA (fond de page clair, cartes crème) ;
  - la page de connexion claire, le logo en couleurs (lettres à l'encre, traits jaunes) ;
  - le logo en SVG (Layout/MarqueOrbite.razor) : grand ou compact (le « A ») selon la place.
  Toutes les règles sont sous html.marque-addicta : sans la marque, elles ne s'appliquent à rien.
*/

/* Montserrat hébergée avec la marque (pas de Google Fonts : utile sur site et hors ligne) : la police variable 500 à 700,
   sous-ensemble latin (le français y est en entier). */
@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500 700;
    font-display: swap;
    src: url("montserrat-latin.woff2") format("woff2");
}

html.marque-addicta {
    --marque-police-titres: Montserrat, var(--orbite-police);
}

/* ---------- Police des titres ---------- */

html.marque-addicta h1, html.marque-addicta h2, html.marque-addicta h3,
html.marque-addicta .orbite-titre-texte,
html.marque-addicta .login-fenetre-titre, html.marque-addicta .login-organisme-nom,
html.marque-addicta .orbite-organisme, html.marque-addicta .orbite-panneau-entete {
    font-family: var(--marque-police-titres);
}

/* ---------- Logo (MarqueOrbite) ---------- */

html.marque-addicta .marque-logo { display: inline-flex; align-items: center; line-height: 0; color: inherit; }
html.marque-addicta .marque-logo-large, html.marque-addicta .marque-logo-compact { display: inline-flex; align-items: center; }
html.marque-addicta .marque-logo svg { display: block; height: var(--marque-hauteur, 28px); width: auto; }
/* Dans les barres, le logo garde l'œil du mot (pas la hauteur pleine de la barre). */
html.marque-addicta .orbite-barre-haut .marque-logo svg { height: 22px; }
html.marque-addicta .marque-logo-compact { display: none; }
/* Sur les barres jaunes, les traits jaunes du logo disparaîtraient : un or foncé les garde visibles. */
html.marque-addicta .orbite-barre-haut .marque-logo [fill="#f1c651"] { fill: #9a6f00; }
html.marque-addicta .orbite-marque svg { width: auto; }

/* Téléphone : l'icône (le « A » et ses traits) à la place du mot, dans les barres seulement. */
@media (max-width: 599px) {
    html.marque-addicta .orbite-barre-haut .marque-logo-large { display: none; }
    html.marque-addicta .orbite-barre-haut .marque-logo-compact { display: inline-flex; }
    html.marque-addicta .orbite-barre-haut .marque-logo svg { height: 28px; }
}

/* ---------- Barre supérieure : jaune, encre ---------- */

html.marque-addicta .orbite-barre-haut { box-shadow: 0 1px 0 rgba(29, 29, 27, .12), 0 2px 6px rgba(29, 29, 27, .10); }
html.marque-addicta .orbite-recherche { background: rgba(255, 255, 255, .55); }
html.marque-addicta.orbite-sombre .orbite-recherche { background: rgba(255, 255, 255, .35); }
html.marque-addicta .orbite-barre-bouton:focus-visible,
html.marque-addicta .orbite-utilisateur-bouton:focus-visible { outline-color: var(--orbite-sur-bleu); }

/* ---------- Navigation latérale : claire, encre, élément actif en jaune pâle ---------- */

html.marque-addicta .orbite-nav {
    background: var(--orbite-fond-surface);
    color: var(--orbite-texte-secondaire);
    border-right: 1px solid var(--orbite-bordure);
    scrollbar-color: color-mix(in srgb, var(--orbite-texte) 25%, transparent) transparent;
}
html.marque-addicta .orbite-nav-item:hover, html.marque-addicta .orbite-nav-groupe-bouton:hover { background: var(--orbite-survol); color: var(--orbite-texte); }
html.marque-addicta .orbite-nav-item:focus-visible, html.marque-addicta .orbite-nav-groupe-bouton:focus-visible { outline-color: var(--orbite-focus); }
html.marque-addicta .orbite-nav-item.actif { background: var(--orbite-bleu-pale); border-left-color: var(--orbite-accent); color: var(--orbite-texte); }
html.marque-addicta .orbite-nav-groupe.courant:not(.ouvert) > .orbite-nav-groupe-bouton { color: var(--orbite-texte); }
html.marque-addicta .orbite-nav-separateur { background: var(--orbite-bordure-discrete); }
html.marque-addicta .orbite-nav-pied { border-top-color: var(--orbite-bordure-discrete); }
html.marque-addicta .orbite-nav-pied-info { color: var(--orbite-texte-secondaire); opacity: 1; }

/* ---------- Connexion : page claire, bande jaune, logo en couleurs ---------- */

html.marque-addicta .orbite-login {
    background: var(--orbite-fond-page);
    color: var(--orbite-texte);
    box-shadow: inset 0 6px 0 var(--orbite-bleu);
}
html.marque-addicta .login-fenetre { box-shadow: var(--orbite-ombre), 0 12px 32px rgba(29, 29, 27, .10); }
html.marque-addicta .login-pied { color: var(--orbite-texte-secondaire); }
/* Le logo de Virtys (texte sombre) : tel quel sur le fond clair, en blanc sur le fond sombre. */
html.marque-addicta .login-pied img { filter: none; opacity: .7; }
html.marque-addicta.orbite-sombre .login-pied img { filter: brightness(0) invert(1); }

/* ---------- Contrôles DevExpress sur l'accent jaune : le texte à l'encre ---------- */

/* Fluent pose un blanc fixe (--dxds-color-content-neutral-default-static-dark-rest, …-inverted-rest) sur l'accent :
   bouton primaire, coche, page active, élément pressé ou actif. Sur le jaune, c'est l'encre qui se lit (contraste
   10,4 contre 1,6). Mêmes variables que Fluent, redéfinies sur les mêmes éléments, sélecteurs plus précis. */
html.marque-addicta .dxbl-btn { --dxbl-btn-primary-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-btn-split { --dxbl-btn-split-contained-primary-active-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-btn-dropdown { --dxbl-btn-dropdown-contained-primary-active-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-btn-group { --dxbl-btn-group-contained-primary-active-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio) { --dxbl-checkbox-check-element-check-icon-primary-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-list-box, html.marque-addicta .dxbl-list-box-render-container { --dxbl-list-box-item-selected-hover-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-calendar { --dxbl-calendar-mounth-year-selection-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-pager { --dxbl-pager-active-page-btn-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-treeview { --dxbl-treeview-item-active-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-grid { --dxbl-grid-focus-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-context-menu, html.marque-addicta .dxbl-context-menu-submenu { --dxbl-context-menu-item-active-color: var(--orbite-sur-bleu); }
html.marque-addicta .dxbl-menu, html.marque-addicta .dxbl-menu-dropdown { --dxbl-menu-item-pressed-color: var(--orbite-sur-bleu); }

/* ---------- Aide croisée : dans AddictA, les sections d'aide aux couleurs d'Orbite (site.css, .aide-croisee) ---------- */

html.marque-addicta {
    --orbite-aide-fond: #f4f7fb;
    --orbite-aide-bordure: #c9d4e3;
    --orbite-aide-texte: #1b2430;
    --orbite-aide-entete: #1f4e8c;
    --orbite-aide-entete-texte: #ffffff;
    --orbite-aide-accent: #245ba8;
}
html.marque-addicta.orbite-sombre {
    --orbite-aide-fond: #263040;
    --orbite-aide-bordure: #33404f;
    --orbite-aide-texte: #e9eef5;
    --orbite-aide-entete: #1b3a63;
    --orbite-aide-entete-texte: #f2f6fb;
    --orbite-aide-accent: #8fb8f0;
}