/* LPSR AGE OR — Gin sub-theme */

/* ── Accent LPSR ──────────────────────────────────────────────────────────────
 * Gin dérive TOUTES ses couleurs d'interface depuis --gin-color-primary-rgb.
 * On suit le même pattern que ses presets natifs (voir accent.css).
 * Le sélecteur [data-gin-accent] cible l'élément auquel Gin attache le preset.
 */
[data-gin-accent] {
  --gin-color-primary-rgb:             0, 35, 99;     /* #002363 */
  --gin-color-primary-light-rgb:       200, 215, 240; /* ton clair pour hovers */
  --gin-color-primary-hover:           #001a4a;
  --gin-color-primary-active:          #001233;
  --gin-bg-app-rgb:                    247, 249, 253;
  --gin-bg-header:                     #dde5f5;
  --gin-color-sticky-rgb:              235, 239, 251;
}

/* Fallback :root — gin_login redéfinit --gin-color-primary en dur (#003cc5)
 * sur la page de connexion. Notre CSS thème charge après les modules,
 * donc cette règle reprend la main. */
:root {
  --gin-color-primary: #002363;
  --gin-color-primary-hover: #001a4a;
  --gin-color-primary-active: #001233;
}

/* ── Décalage du contenu principal ───────────────────────────────────────────
 * Gin utilise `.admin-toolbar ~ .dialog-off-canvas-main-canvas` mais ce
 * sélecteur sibling ne fire pas selon la structure DOM générée.
 * On applique le décalage directement avec les mêmes variables Gin.
 */
@media (min-width: 61em) {
  .dialog-off-canvas-main-canvas {
    margin-inline-start: var(--drupal-displace-offset-left, var(--sidebar-width, 64px));
    transition: margin-inline-start 0.2s linear;
  }
}

/* La page login n'a pas de sidebar — pas de décalage */
body.gin-login .dialog-off-canvas-main-canvas {
  margin-inline-start: 0;
}

@media (prefers-reduced-motion: reduce) {
  .dialog-off-canvas-main-canvas {
    transition: none;
  }
}

/* ── Page de connexion — panneau de marque ───────────────────────────────────
 * Remplace la photo par défaut de gin_login (immeuble) par un panneau
 * aux couleurs AGE OR : marine profond + halos corail + logo centré.
 */
body.gin-login .user-form-page__wallpaper {
  background: linear-gradient(160deg, #002363 0%, #001a4a 55%, #001233 100%);
}

body.gin-login .user-form-page__wallpaper img {
  display: none;
}

/* Halos corail — rappel discret de la fleur du logo */
body.gin-login .user-form-page__wallpaper::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(38rem 26rem at 78% 24%, rgba(232, 83, 58, 0.22), transparent 70%),
    radial-gradient(30rem 30rem at 18% 88%, rgba(232, 83, 58, 0.12), transparent 70%);
}

/* Logo centré sur le panneau */
body.gin-login .user-form-page__wallpaper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/logo-full.svg) center / min(280px, 55%) auto no-repeat;
}

/* ── Sidebar — fond bleu marine ───────────────────────────────────────────────
 * Gin hardcode `background-color: white` sur .admin-toolbar.
 * Tout le reste (contenu, boutons, liens) est géré par les variables ci-dessus.
 * Rien ici ne touche au contenu principal.
 */
.admin-toolbar {
  background-color: #002363;
  border-inline-end-color: rgba(255, 255, 255, 0.12);
}

.admin-toolbar__sticky-section {
  background-color: #002363;
  border-block-start-color: rgba(255, 255, 255, 0.12);
}

/* Texte et icônes — contraste blanc sur fond marine */
.admin-toolbar,
.admin-toolbar a,
.admin-toolbar button,
.admin-toolbar .toolbar-link {
  color: rgba(255, 255, 255, 0.85);
}

.admin-toolbar svg {
  fill: rgba(255, 255, 255, 0.85);
}

/* Hover */
.admin-toolbar .toolbar-menu__item--level-1 > .toolbar-link:hover,
.admin-toolbar .toolbar-menu__item--level-1 > .toolbar-link:focus,
.admin-toolbar .toolbar-link--sidebar-toggle:hover,
.admin-toolbar .toolbar-link--sidebar-toggle:focus {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.admin-toolbar .toolbar-menu__item--level-1 > .toolbar-link:hover svg,
.admin-toolbar .toolbar-menu__item--level-1 > .toolbar-link:focus svg {
  fill: #ffffff;
}

/* Élément actif / page en cours */
.admin-toolbar .toolbar-menu__item--level-1.current > .toolbar-link,
.admin-toolbar .toolbar-menu__item--level-1.active-path > .toolbar-link,
.admin-toolbar .toolbar-menu__item--level-1.menu-item--expanded > .toolbar-link {
  background-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.admin-toolbar .toolbar-menu__item--level-1.current > .toolbar-link svg,
.admin-toolbar .toolbar-menu__item--level-1.active-path > .toolbar-link svg {
  fill: #ffffff;
}

/* Hover sur élément actif */
.admin-toolbar .toolbar-menu__item--level-1.current > .toolbar-link:hover,
.admin-toolbar .toolbar-menu__item--level-1.active-path > .toolbar-link:hover {
  background-color: rgba(255, 255, 255, 0.22);
}