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

/* Bandeau titre du site (nom) */
#block-solo-branding > div > div.branding-second.site-name-outer.site-slogan-outer > div.site-name > a {
  font-size: 1.1em;
  text-align: center;
  padding: 5px;
}
@media screen and (max-width: 64em) {
  #block-solo-branding > div > div.branding-second.site-name-outer.site-slogan-outer > div.site-name > a { font-size: 1.1em; }
}
@media screen and (max-width: 50em) {
  #block-solo-branding > div > div.branding-second.site-name-outer.site-slogan-outer > div.site-name > a { font-size: 1.12em; }
}
@media screen and (max-width: 30em) {
  #block-solo-branding > div > div.branding-second.site-name-outer.site-slogan-outer > div.site-name > a { font-size: 1.1em; }
}

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

/* 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é). */