/* entete.css — gldigitallab.fr · l'en-tête et le pied de page COMMUNS à toutes les pages statiques.
   Harmonisation du 29/09/2026. Classes préfixées `gl-` : aucune collision possible avec site.css
   ni manifeste.css, qui emploient déjà .barre, .menu, .pied, .grille pour autre chose.
   Sélecteurs à DEUX classes : `.page-simple a` et `.page-simple ul` (site.css) l'emportaient sinon
   sur le bouton et le menu (mesuré le 29/09/2026 sur contact.php). */
.gl-barre { position: sticky; top: 0; z-index: 50; background: rgba(8, 11, 20, .9); backdrop-filter: blur(8px);
  border-bottom: 1px solid #1e2742; font: 15px/1.5 ui-sans-serif, system-ui, "Segoe UI", Roboto, Ubuntu, sans-serif; }
.gl-cadre { width: 100%; max-width: 1180px; margin-inline: auto; padding-inline: 20px; box-sizing: border-box; }
.gl-barre .gl-cadre { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; flex-wrap: wrap; }
.gl-barre .gl-logo, .gl-pied .gl-logo { display: inline-flex; align-items: center; gap: 10px; color: #e4e9f2; text-decoration: none; font-weight: 800; letter-spacing: .08em; }
.gl-logo b { font-size: 24px; letter-spacing: 0; color: #e4e9f2; } .gl-logo b span { color: #ff3b4e; }
.gl-logo small { font-weight: 600; font-size: 14px; letter-spacing: .14em; }
.gl-barre .gl-menu { display: flex; gap: 22px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.gl-barre .gl-menu a { color: #e4e9f2; text-decoration: none; opacity: .85; }
.gl-barre .gl-menu a:hover, .gl-barre .gl-menu a[aria-current] { opacity: 1; color: #2abfff; }
.gl-barre .gl-bouton { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 20px; border-radius: 999px;
  background: #ff3b4e; color: #fff; font-weight: 700; text-decoration: none; }
.gl-barre .gl-bouton:hover { background: #ff5a6a; }
.gl-barre a:focus-visible, .gl-pied a:focus-visible { outline: 2px solid #2abfff; outline-offset: 3px; border-radius: 4px; }

.gl-pied { border-top: 1px solid #1e2742; padding-block: 48px 24px; background: #080b14; color: #e4e9f2;
  font: 14px/1.6 ui-sans-serif, system-ui, "Segoe UI", Roboto, Ubuntu, sans-serif; }
.gl-pied-grille { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 28px; }
.gl-pied h2 { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #9aa6bf; margin: 0 0 12px; }
.gl-pied .gl-pied-grille ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.gl-pied .gl-cadre a { color: #e4e9f2; text-decoration: none; opacity: .85; } .gl-pied .gl-cadre a:hover { color: #2abfff; opacity: 1; }
.gl-pied p { color: #9aa6bf; margin: 8px 0 0; }
.gl-legal { border-top: 1px solid #1e2742; margin-top: 32px; padding-top: 16px; color: #9aa6bf; display: flex; gap: 16px;
  flex-wrap: wrap; justify-content: space-between; font-size: 13px; }
@media (max-width: 960px) { .gl-pied-grille { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .gl-pied-grille { grid-template-columns: 1fr; } .gl-barre .gl-menu { gap: 14px; } }