/* Bordeaux Gusto · ajustements propres à WordPress (le reste vient de site.css, identique au site validé) */

/* les cadres ajoutés par WordPress ne prennent aucune place (bg-adapt.js les retire ; ceci couvre l'instant avant) */
.wp-site-blocks > *, .wp-block-post-content, .wp-block-template-part { margin: 0; }
.wp-block-image, .wp-block-video { margin: 0; }
.entry-content > :where(*) { margin-block: 0; }

/* liens des pages légales, comme sur le site validé */
.legal-txt a { color: var(--grenat); }

/* article du Journal ouvert seul (adresse directe, Google) : même mise en forme que la fenêtre de lecture */
.bg-article { max-width: 760px; }
.bg-article .k a { color: inherit; text-decoration: none; }
.bg-article .k { margin-bottom: 18px; }
.bg-article h4 { font-family: var(--serif); font-weight: 400; font-size: 1.25rem; margin: 30px 0 10px; }
.bg-article h2, .bg-article h3 { font-family: var(--serif); font-weight: 400; font-size: 1.5rem; margin: 34px 0 12px; }
.bg-article p, .bg-article li { color: var(--body); line-height: 1.8; font-size: 1rem; margin: 0 0 14px; }
.bg-article ul { padding-left: 1.2em; margin: 0 0 14px; }
.bg-article img { width: 100%; height: auto; border-radius: 3px; margin: 10px 0 24px; }
.bg-article .bg-retour { margin-top: 40px; }
.hero .wp-block-post-title { font-family: var(--serif); }
dialog.lecture .wp-block-image { margin: 0; }
.bg-404 { min-height: 70vh; display: flex; align-items: center; padding-top: 140px; }
.bg-404 .bouton { margin-top: 30px; display: inline-block; }

/* connecté : la barre noire de WordPress (32 px, 46 px sur petit écran) ne recouvre plus l'en-tête fixe ;
   rien ne change pour les visiteurs (la classe admin-bar n'existe que pour une personne connectée) */
.admin-bar .nav { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .nav { top: 46px; } }

/* 1.1.0 · drapeaux des langues dans l'en-tête (FR, EN, ES, PT), à droite des liens ; sur téléphone, à côté de « Menu »
   et toujours visibles, menu ouvert compris */
.nav .liens { margin-left: auto; }
.bg-langues { display: flex; align-items: center; gap: 10px; margin-left: 30px; position: relative; z-index: 3; }
.bg-lang { display: block; width: 22px; height: 15px; border-radius: 2px; overflow: hidden; line-height: 0; position: relative;
  opacity: .62; box-shadow: 0 0 0 1px rgba(244,238,228,.35); transition: opacity .3s, box-shadow .3s, transform .3s; }
.bg-lang svg { width: 100%; height: 100%; display: block; }
.bg-lang:hover, .bg-lang:focus-visible { opacity: 1; transform: translateY(-1px); }
.bg-lang.est-courante { opacity: 1; box-shadow: 0 0 0 1px var(--or), 0 0 0 3px rgba(192,154,94,.28); }
.nav.solide .bg-lang { box-shadow: 0 0 0 1px rgba(23,17,16,.16); }
.nav.solide .bg-lang.est-courante { box-shadow: 0 0 0 1px var(--or), 0 0 0 3px rgba(192,154,94,.25); }
.bg-lang-code { font-size: 10px; letter-spacing: .08em; line-height: 15px; display: block; text-align: center; color: var(--creme); }
.bg-lang-nom { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 900px) {
  /* téléphone : menu fermé, seul le drapeau de la langue affichée (un toucher ouvre le menu) ;
     menu ouvert, les 4 drapeaux en haut, au-dessus du menu */
  .bg-langues { margin-left: auto; margin-right: 16px; gap: 10px; }
  .bg-lang { width: 22px; height: 15px; }
  .bg-lang:not(.est-courante) { display: none; }
  .liens.ouvert ~ .bg-langues .bg-lang { display: block; }
  .liens.ouvert ~ .bg-langues .bg-lang.est-courante { box-shadow: 0 0 0 1px var(--or), 0 0 0 3px rgba(192,154,94,.3); }
}