/* ==================================================================
   EN-TÊTE, NAVIGATION & BLOC CONTACT AUTEUR

   ⚠️ VIGILANCE : le bloc branding utilisait #block-solo-branding dans
   le CSS d'origine, mais l'inspection réelle du site montre
   #block-chineur-branding (corrigé ci-dessous). Il est possible que
   d'autres IDs "solo-" plus bas dans ce fichier (#block-solo-codeqr,
   #block-solo-contactauthor, #block-solo-views-block-faq-3questions)
   souffrent du même écart — à vérifier en inspectant si ces blocs
   fonctionnent toujours comme prévu sur le site.
   ================================================================== */

/* Bandeau titre du site (nom)
   CORRECTION : le vrai ID confirmé par inspection est #block-chineur-branding
   (pas #block-solo-branding). Structure réelle :
   #block-chineur-branding > .branding-wrapper > .branding-first (logo)
   + .branding-second.site-name-outer.site-slogan-outer (nom + slogan) */
#block-chineur-branding .branding-second.site-name-outer.site-slogan-outer .site-name a {
  font-size: 1.1em;
  text-align: center;
  padding: 5px;
}
@media screen and (max-width: 64em) {
  #block-chineur-branding .branding-second.site-name-outer.site-slogan-outer .site-name a { font-size: 1.1em; }
}
@media screen and (max-width: 50em) {
  #block-chineur-branding .branding-second.site-name-outer.site-slogan-outer .site-name a { font-size: 1.12em; }
}
@media screen and (max-width: 30em) {
  #block-chineur-branding .branding-second.site-name-outer.site-slogan-outer .site-name a { font-size: 1.1em; }
}

/* Slogan du site */
#block-chineur-branding .branding-second.site-name-outer.site-slogan-outer .site-slogan {
  font-style: italic;
  font-size: 1.2em;
  padding: 1px;
}
@media screen and (max-width: 64em) {
  #block-chineur-branding .branding-second.site-name-outer.site-slogan-outer .site-slogan { font-size: 1.2em; }
}
@media screen and (max-width: 50em) {
  #block-chineur-branding .branding-second.site-name-outer.site-slogan-outer .site-slogan { font-size: 1.1em; }
}
@media screen and (max-width: 30em) {
  #block-chineur-branding .branding-second.site-name-outer.site-slogan-outer .site-slogan { font-size: 1em; }
}

/* ==================================================================
   POSITION DU BLOC "LOGO + TITRE + SLOGAN" — décalage vers la droite
   .branding-wrapper hérite d'un width: 100% forcé par une autre règle
   Solo (.header-inner .branding-wrapper), plus spécifique qu'un simple
   justify-content. On annule ce width: 100% (width: fit-content) pour
   que la boîte ne prenne que la place de son contenu.
   NOTE : margin-left/margin-inline: auto n'a pas fonctionné ici
   (probablement parce que #block-chineur-branding, le parent, ne
   laisse pas d'espace libre distribuable par un auto-margin — pas de
   contexte flex/grid parent adapté). On utilise donc une valeur fixe
   en px, réglée à l'oeil, ce qui fonctionne de façon fiable.
   Réglages séparés desktop / mobile pour un réglage indépendant de
   chaque version — ajuste ces valeurs directement si besoin.
   ================================================================== */

/* Desktop (>= 768px) : bloc décalé vers la droite */
@media (min-width: 768px) {
  #block-chineur-branding .branding-wrapper {
    width: fit-content;
    margin-left: 160px; /* Pousse le bloc logo+titre+slogan vers la droite */
  }
}

/* Mobile (< 768px) : bloc décalé vers la droite */
@media (max-width: 767px) {
  #block-chineur-branding .branding-wrapper {
    width: fit-content;
    margin-left: 60px; /* Pousse le bloc logo+titre+slogan vers la droite */
  }
}

/* ==================================================================
   COMPACTAGE DU HEADER MOBILE
   #header-inner (flex, flex-wrap) empile search/compte/logo sur
   plusieurs rangées faute de place (358px de large, 3 blocs). On
   réduit le padding du conteneur + la taille des liens de compte
   pour libérer de l'espace et rapprocher les rangées.
   ================================================================== */
@media (max-width: 767px) {
  #header-inner {
    padding: 8px; /* Valeur d'origine : 16px */
    gap: 6px;
  }

  /* Liens "Mon compte" / "Se déconnecter" : texte et icône réduits */
  #block-chineur-account-menu a {
    font-size: 0.8em;
    padding: 4px 8px;
  }

  /* Logo réduit sur mobile pour libérer de la place verticale */
  #block-chineur-branding .site-logo-img {
    width: 56px;
    height: 56px;
  }
}

/* Logo du site */
.site-logo-img {
  width: 80px;
  height: 80px;
}

/* Bandeau haut de page (bannière type "marquee-top", pas le texte défilant) */
.marquee-top {
  padding: 0.3em;
  background: var(--couleur-principale);
  color: #ffffff;
  display: block;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 1.3rem;
}
.marquee-top:hover { color: #ffffff; background: var(--couleur-principale); }
.marquee-top a { color: #ffffff; text-decoration: none; }
.marquee-top a:hover { color: #ffffff; text-decoration: none; }
.marquee-top a:visited { color: #ffffff; text-decoration: none; }

/* Bloc recherche fixe : hauteur minimale pour éviter le "saut" de mise en page */
#fixed-search-block .fixed-search-block-inner {
  min-height: 120px;
}

/* Blocs masqués sur petits mobiles (< 480px) pour alléger l'affichage */
@media (max-width: 480px) {
  #sidebar-box-first,
  #block-solo-codeqr,
  #search-block-form--2,
  #block-solo-views-block-faq-3questions {
    display: none;
  }
}

/* Bloc "Contact Auteur" */
#block-solo-contactauthor {
  border-radius: 5px;
  border: 1px solid var(--couleur-principale-sombre);
  margin-bottom: 10px;
}

#block-solo-contactauthor > a.use-ajax::before {
  content: "📧 ";
}

#block-solo-contactauthor > a.use-ajax {
  font-size: 1.2em;
  animation: blink 2.5s infinite;
  animation-fill-mode: both;
}
/* NB : l'animation "blink" est définie une seule fois dans
   08-mise-en-page-divers.css (voir README pour le doublon corrigé). */