@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

.material-symbols-outlined{
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 22px;
  vertical-align: -4px;  /* aligne l’icône avec le texte */
  margin-right: 8px;     /* espace avant le texte */
}

/* Espacement entre le titre du site et le slogan */
.site-branding .site-title {
  margin-bottom: 15px;
}

/* Slogan (blogdescription) : espace + hauteur de ligne */
.site-branding .site-description {
  margin-top: 6px !important;   /* descend le slogan de quelques mm */
  margin-bottom: 0 !important;
  line-height: 2.30 !important; /* évite que le Y “touche” la ligne suivante */
}



/* === Fond complet du bandeau supérieur === */
.ast-above-header {
  background-color: #39165a;   /* violet ABAK sur toute la largeur */
  padding: 0;
}

/* === Contenu du bandeau (texte et lien) === */
.ast-above-header .ast-header-html {
  color: #fbf5f3;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  letter-spacing: 0.3px;
}

/* === Lien "Téléchargez l’app ici" === */
.ast-above-header .ast-header-html a {
  color: #8c1480 !important;
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.25s ease;
}

/* === Hover du lien === */
.ast-above-header .ast-header-html a:hover {
  color: #9ebc9f !important;
  text-decoration: none;
}

/* === Responsive (mobile) === */
@media (max-width: 768px) {
  .ast-above-header .ast-header-html {
    font-size: 15px;
    line-height: 1.4;
    padding: 12px;
  }
}

/* === Ajustement du slogan sur mobile === */
@media (max-width: 768px) {
  .site-branding .site-description {
    line-height: 1.3 !important; /* plus compact sur petits écrans */
  }
}

/* === Titre du site (nom de l'app) : adaptation mobile === */
@media (max-width: 768px) {
  .site-branding .site-title {
    font-size: 22px !important;   /* réduit la taille du titre sur mobile */
    line-height: 1.2 !important;  /* garde les lignes bien séparées */
    word-break: break-word;       /* permet le retour à la ligne si besoin */
    white-space: normal !important; /* autorise le texte à passer à la ligne */
  }
}

/* === Ajustement de l'espacement titre ↔ slogan sur mobile === */
@media (max-width: 768px) {
  .site-branding .site-title {
    font-size: 22px !important;    /* déjà ajouté pour la lisibilité mobile */
    line-height: 1.2 !important;
    word-break: break-word;
    white-space: normal !important;
    margin-bottom: 4px !important; /* ↓ espace plus serré entre titre et slogan */
  }

  .site-branding .site-description {
    line-height: 1.0 !important;   /* conserve le bon espacement des lignes */
    margin-top: 2px !important;    /* ↓ réduit encore un peu le décalage vertical */
  }
}


/* Réduit l'espace entre un bloc paragraphe et un bloc liste (Gutenberg) */
.wp-site-blocks .wp-block-paragraph {
  margin-bottom: 0.6em;
}

/* Quand une liste suit un paragraphe : enlever la marge haute du bloc liste */
.wp-site-blocks .wp-block-paragraph + .wp-block-list,
.wp-site-blocks .wp-block-paragraph + ul,
.wp-site-blocks .wp-block-paragraph + ol {
  margin-top: 0 !important;
}

/* Réduit aussi l'espace interne du bloc liste (souvent la vraie source) */
.wp-site-blocks .wp-block-list {
  margin-top: 0.2em;
  margin-bottom: 0.6em;
}

/* Ciblage contenu principal Astra */
.ast-single-post .entry-content .wp-block-paragraph + .wp-block-list,
.ast-page-builder-template .entry-content .wp-block-paragraph + .wp-block-list,
.page .entry-content .wp-block-paragraph + .wp-block-list {
  margin-top: 0 !important;
}


/* Espace réduit entre deux paragraphes successifs */
.wp-site-blocks p + p {
  margin-top: 0;
}

/* Optionnel : réduit aussi l'espace global sous les paragraphes */
.wp-site-blocks p {
  margin-bottom: 0.6em;
}

/* 1) Réduit la marge basse du paragraphe juste avant une liste */
.entry-content p {
  margin-bottom: 0.6em;
}

/* 2) Annule la marge haute de la liste Gutenberg (souvent le vrai coupable) */
.entry-content .wp-block-list,
.entry-content ul,
.entry-content ol {
  margin-top: 0.2em !important;
}

/* 3) Cas précis : bloc paragraphe suivi d'un bloc liste */
.entry-content .wp-block-paragraph + .wp-block-list {
  margin-top: 0 !important;
}