/* ── Tenue de la barre du haut ────────────────────────────────────────────────
   Le groupe de droite (icones, langue, theme, compte) passait a la ligne des que
   la fenetre se resserrait : le nom se retrouvait au-dessus de la langue et la
   barre doublait de hauteur. Il reste sur une seule ligne, et ce sont les
   libelles qui s'effacent, pas les boutons. */
nav.navbar .navbar-nav{ flex-wrap:nowrap; align-items:center; }
nav.navbar .sk-username{ max-width:12ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; }
@media (max-width:1280px){
  nav.navbar .sk-username{ max-width:9ch; }
}
/* Le selecteur de langue affiche un globe et le code de la langue (FR) : plus rien a
   tronquer, et la meme largeur quelle que soit la langue. */
nav.navbar .sk-lang{ display:inline-flex; align-items:center; gap:.35rem; white-space:nowrap; }
nav.navbar .sk-lang .sk-lang-code{ font-weight:600; font-size:.85rem; letter-spacing:.03em; }
@media (max-width:1200px){
  /* On resserre les ecarts plutot que de laisser la barre passer sur deux rangees. */
  nav.navbar .navbar-nav > li > a,
  nav.navbar .navbar-nav > .nav-item > a{ padding-left:.45rem; padding-right:.45rem; font-size:.93rem; }
  nav.navbar a.btn{ padding:.4rem .75rem; }
  nav.navbar .sk-nav-icon{ margin-left:.15rem; margin-right:.15rem; }
}
@media (max-width:1100px){
  nav.navbar .sk-username{ max-width:7ch; }
  nav.navbar .navbar-nav > li > a{ padding-left:.3rem; padding-right:.3rem; font-size:.88rem; }
}

/* Une seule cloche : celle du site. Le menu de notifications natif d'OrchardCore (visible
   du seul super-administrateur) faisait doublon juste a cote, avec sa propre liste. */
nav.navbar a.nav-link[aria-label="Notifications" i]:not(#sk-notif-btn),
nav.navbar li:has(> a.nav-link[aria-label="Notifications" i]:not(#sk-notif-btn)){ display:none !important; }

/* Meme hauteur de barre pour tous : sans utilisateur connecte elle mesurait 80 px au lieu
   de 64, et changeait de taille au moment de la connexion. */
nav.navbar{ min-height:64px; }
/* 48 px de contenu + les 2x8 px de marge de la barre = 64 px, quelle que soit la session. */
nav.navbar > .container, nav.navbar > .container-fluid{ min-height:48px; align-items:center; }

/* ── Outils de la barre (favoris, panier, cloche, messages) ──────────────────
   14/10/2026 (phase 3, chantier 0) : leur habillage n'est plus accroché à leurs
   identifiants ici — le bouton Messages, absent de cette liste, sortait nu (20 px,
   bleu Bootstrap). Une seule classe, .sk-chrome-tool, et une seule pastille,
   .sk-chrome-badge, dessinées dans la charte (sk-ui.css), posées par TOUS les
   injecteurs (ce filtre, sk-messagerie.js). */
#sk-notif-panneau{ position:absolute; top:calc(100% + 10px); right:0; width:min(360px,92vw); background:#fff;
  border:1px solid var(--sk-border,#E4E6EF); border-radius:12px; box-shadow:0 14px 40px rgba(14,14,40,.18);
  z-index:1500; overflow:hidden; font-family:var(--sk-font,Inter,system-ui,sans-serif); color:var(--sk-fg,#0E0E28);
  text-align:left; font-weight:400; line-height:1.35; cursor:default; }
#sk-notif-panneau .sk-np-tete{ display:flex; align-items:center; justify-content:space-between; padding:.7rem .9rem;
  border-bottom:1px solid var(--sk-border,#E4E6EF); font-weight:800; font-size:.86rem; }
#sk-notif-panneau .sk-np-item{ display:block; padding:.65rem .9rem; border-bottom:1px solid #F1F2F7; text-decoration:none; color:inherit; }
#sk-notif-panneau .sk-np-item:hover{ background:var(--sk-surface-alt,#F8F9FC); }
#sk-notif-panneau .sk-np-item.is-nonlu{ background:#F7FAFF; }
#sk-notif-panneau .sk-np-titre{ font-size:.85rem; font-weight:700; line-height:1.3; }
#sk-notif-panneau .sk-np-corps{ font-size:.78rem; color:var(--sk-muted,#6B6B80); margin-top:.15rem;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#sk-notif-panneau .sk-np-date{ font-size:.7rem; color:var(--sk-subtle,#9A9AAE); margin-top:.2rem; }
#sk-notif-panneau .sk-np-vide{ padding:1.2rem .9rem; text-align:center; font-size:.83rem; color:var(--sk-muted,#6B6B80); }
#sk-notif-panneau .sk-np-pied{ display:block; padding:.7rem .9rem; text-align:center; font-weight:700; font-size:.83rem;
  color:var(--sk-primary,#094ED7); text-decoration:none; background:var(--sk-surface-alt,#F8F9FC); }
/* ── Raccourci vers le Designer ───────────────────────────────────────────────
   Pastille discrète dans le VOLET DE CONTENU, en bas à gauche. Elle reste à côté
   du rail, jamais au-dessus de celui-ci : le marqueur data-sk-rail la décalle de
   la largeur du rail, lue dans la charte. */
#sk-designer-edit{ position:fixed; left:18px; bottom:24px; z-index:2000;
  display:inline-flex; align-items:center; gap:0; height:44px; min-width:44px; max-width:44px;
  padding:0 13px; border-radius:22px; overflow:hidden; white-space:nowrap;
  background:var(--sk-primary,#094ED7); color:#fff; font-size:.85rem; font-weight:600;
  text-decoration:none; box-shadow:0 6px 18px rgba(9,78,215,.30);
  font-family:var(--sk-font,Inter,system-ui,sans-serif);
  transition:max-width .25s ease, gap .25s ease, background .15s ease; }
[data-sk-rail] #sk-designer-edit{ left:calc(var(--sk-rail-width, 248px) + 18px); }
body:has(#cconsent-bar:not(.ccb--hidden)) #sk-designer-edit{ bottom:96px; }
#sk-designer-edit i, #sk-designer-edit svg{ flex:none; width:18px; height:18px; font-size:18px; }
#sk-designer-edit .sk-de-texte{ opacity:0; transition:opacity .15s ease; }
#sk-designer-edit:hover, #sk-designer-edit:focus-visible{ max-width:260px; gap:.5rem;
  background:var(--sk-primary-hover,#073CA0); color:#fff; }
#sk-designer-edit:hover .sk-de-texte, #sk-designer-edit:focus-visible .sk-de-texte{ opacity:1; }
/* Sur mobile, le rail est replié : la pastille revient au bord de l'écran. */
@media(max-width:820px){ [data-sk-rail] #sk-designer-edit{ left:18px; } }
/* 06/10/2026 : en arabe (RTL) le rail est à droite — la pastille se place à côté de lui, à droite */
html[dir=rtl] #sk-designer-edit{ left:auto; right:18px; }
html[dir=rtl] [data-sk-rail] #sk-designer-edit{ left:auto; right:calc(var(--sk-rail-width, 248px) + 18px); }
@media(max-width:820px){ html[dir=rtl] [data-sk-rail] #sk-designer-edit{ right:18px; } }