/* TREIZE IMMOBILIER — en-tête réglé dans le panel (Réglages › En-tête, module « entete » du noyau MYDMC, 29.10.2026).
   Toutes les règles demandent data-entete-fond sur la barre (posé par includes/gabarit.php › entete_attributs() depuis
   content.json › site.entete) : sans réglage, rien ici ne s'applique et la barre d'origine reste telle quelle.
   --entete-fond et --entete-texte viennent du panel (contraste calculé ≥ 4,5:1 dans le pire cas) ; rien n'est choisi ici.
   Le fond reste le même au repos, après défilement et menu ouvert (site.js peut poser .est-claire : sans effet ici). */

.barre[data-entete-fond], .barre[data-entete-fond].est-claire {
  background: var(--entete-fond) !important; color: var(--entete-texte) !important;
}
.barre[data-entete-fond="blanc"], .barre[data-entete-fond="blanc"].est-claire {
  -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom-color: var(--ligne); box-shadow: 0 10px 30px -26px rgba(0, 0, 0, .45);
}
.barre[data-entete-fond="verre-clair"], .barre[data-entete-fond="verre-clair"].est-claire {
  -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4); border-bottom-color: var(--ligne);
  box-shadow: 0 10px 30px -24px rgba(0, 0, 0, .5);
}
.barre[data-entete-fond="verre-fonce"], .barre[data-entete-fond="verre-fonce"].est-claire {
  -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4); border-bottom-color: rgba(255, 255, 255, .12); box-shadow: none;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .barre[data-entete-fond="verre-clair"], .barre[data-entete-fond="verre-clair"].est-claire { background: rgba(255, 255, 255, .97) !important; }
  .barre[data-entete-fond="verre-fonce"], .barre[data-entete-fond="verre-fonce"].est-claire { background: rgba(22, 21, 20, .96) !important; }
}

/* Logo : version claire sur fond foncé, version normale sur fond clair (même règle au repos et après défilement). */
.barre[data-entete-logo-version="normal"] .barre__logo-clair { display: none !important; }
.barre[data-entete-logo-version="normal"] .barre__logo-fonce { display: block !important; }
.barre[data-entete-logo-version="clair"] .barre__logo-clair { display: block !important; }
.barre[data-entete-logo-version="clair"] .barre__logo-fonce { display: none !important; }

/* Bouton « Appeler » de la barre (ordinateur) : il suit la couleur calculée. */
@media (min-width: 1021px) {
  .barre[data-entete-logo-version="normal"] .bouton--verre { color: #161514; border-color: rgba(22, 21, 20, .3); background: rgba(255, 255, 255, .5); }
  .barre[data-entete-logo-version="clair"] .bouton--verre { color: #fff; border-color: rgba(255, 255, 255, .4); background: rgba(20, 19, 18, .64); }
}

/* Logo au centre — ordinateur : le logo seul sur la 1re ligne, le menu centré dessous. */
@media (min-width: 1021px) {
  .barre[data-entete-logo="centre"] .barre__dedans { flex-wrap: wrap; justify-content: center; row-gap: 0; }
  .barre[data-entete-logo="centre"] .barre__logo { margin-inline: auto; padding-top: 10px; }
  .barre[data-entete-logo="centre"] .barre__nav { margin-left: 0; flex-basis: 100%; justify-content: center; padding-bottom: 8px; }
}
/* Logo au centre — tablette et iPhone : Appeler à gauche, logo au centre, menu à droite (zones de 44 × 44 px gardées). */
@media (max-width: 1020px) {
  .barre[data-entete-logo="centre"] .barre__dedans { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; column-gap: 8px; }
  .barre[data-entete-logo="centre"] .barre__tel-mobile { grid-column: 1; grid-row: 1; margin-left: 0; justify-self: start; }
  .barre[data-entete-logo="centre"] .barre__logo { grid-column: 2; grid-row: 1; justify-self: center; }
  .barre[data-entete-logo="centre"] .barre__burger { grid-column: 3; grid-row: 1; justify-self: end; margin-right: 0; }
}
/* Menu ouvert (tablette, iPhone) : fond plein, la page ne se voit plus à travers les liens (lisibilité). */
@media (max-width: 1020px) {
  .barre[data-entete-fond] .barre__nav { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}