/* Réduction de l'espace interne du conteneur du titre */
#page-title-inner,
.page-title-inner {
  padding-top: 0.5rem !important;    /* Ajuste la valeur selon tes besoins (ex: 0.2rem à 0.8rem) */
  padding-bottom: 0.5rem !important; /* Ajuste la valeur selon tes besoins */
}

/* Réduction de l'espace sur le conteneur global si nécessaire */
#page-title {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Suppression/réduction des marges par défaut de la balise H1 */
#page-title .page-title-text,
.block-page-title-block h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.1 !important; /* Évite que la hauteur de ligne n'écarte trop le bloc */
}


.copyright-first {   font-family: 'CaveatBrand', cursive, sans-serif !important; }


/* ==========================================
   BRANDING & NOM DU SITE
   ========================================== */

/* Style du nom du site (Grand écran par défaut) */
.site-branding__name,
.site-branding__name a,
.site-name,
.site-name a {
  font-family: 'CaveatBrand', cursive, sans-serif !important;
  font-size: 2.8rem !important;
  line-height: 1 !important;
  text-align: center;
  padding: 3px;
}

/* Style du slogan (Grand écran par défaut) */
.site-slogan {
  font-family: 'LoraSlogan', Georgia, serif !important;
  font-size: 1.1rem !important;
  font-style: italic;
  line-height: 1.0;
  opacity: 0.75;
  text-align: center;
  padding: 1px;
}

/* ==========================================
   ADAPTATION MOBILE & TABLETTE
   ========================================== */

/* Écrans intermédiaires / Tablettes (moins de 1024px) */
@media screen and (max-width: 64em) {
  .site-branding__name,
  .site-branding__name a,
  .site-name,
  .site-name a {
    font-size: 2.2rem !important; /* Réduction fluide pour tablette */
  }
}

/* Écrans mobiles (moins de 480px) */
@media screen and (max-width: 30em) {
  .site-branding__name,
  .site-branding__name a,
  .site-name,
  .site-name a {
    font-size: 2.0rem !important; /* Réduction adaptée au mobile */
  }
  
  .site-slogan {
    font-size: 0.8rem !important; /* Ajustement du slogan sur très petit écran */
  }
}


/* ==================================================================
   POSITION DU BLOC "LOGO + TITRE + SLOGAN" 
   ================================================================== */

/* 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: 50px; /* 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: 60px;
    height: 60px;
  }
}

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



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