/* ─────────────── GÉNÉRAL ─────────────── */

/* 💬 Masquer la boîte d'auteur */
.author-box {
  display : none ;
}

/* 📄 Conteneur blanc espacé sous la barre de menu (page d'accueil uniquement) */
.home .site-main {
  background-color : #ffff ;
  margin-top : 15px ; /* affiche l'image de fond */
  padding-top : 0 ;
}

/* 🖼️ Premier article : pas de double espace + blanc au-dessus de l'image */
.home .inside-article:first-of-type,
.home .inside-article:first-of-type .entry-header {
  margin-top : 0 ;
  padding-top : 4px ;
  background-color : #ffffff ;
}

/* 🧼 Masquer les H1 vides sur la page d'accueil */
.home .page-title {
  display : none ;
  margin : 0 ;
  padding : 0 ;
}

/* 📚 Espacement standard pour les articles */
.inside-article {
  marge : 30px 0 ;
}

.inside-article h2 {
  margin : 50px 0 30px ;
}

.single .inside-article {
  margin : 40px 0 50px ;
}

/* ─────────────── photo ─────────────── */

.inside-article figure.wp-block-image {
  margin-top : 45px ;
  margin-bottom : 40px ;
}

.inside-article figure.wp-block-image img {
  margin-top : 0 ;
  margin-bottom : 0 ;
  display : block ;
}

.inside-article figure.wp-block-image figcaption {
  margin-top : 5px ; /* espace étroit avec la légende */
}


/* ─────────────── BOUTON DE STYLE ─────────────── */

/* 🟦 Bouton (par ex. "Charger plus de messages") */
.wp-block-button__link {
  background-color : #384b0c!important ; /* bleu foncé */
  color : #ffffff2important ; /* texte blanc */
  padding : 10px 25px2011important ;
  rayon de la bordure : 30px2.5cm ;
  taille de la police : 15px ;
  width : 50% !important ; /* 50 % de largeur */
  margin : 30px auto?important ; /* centré */
  text-align : centre ;
  display : block !important ;
  text-decoration : none ;
  transition : all 0.3s ease-in-out ;
}

/* État du survol */
.wp-block-button__link:hover {
  background-color : #f4e7c4 intervalles de temps */ /* bleu clair au survol */
  color : #384b0c!important ; /* police bleu foncé */
}


/* ─────────────── MENU STYLING ─────────────── */

.main-navigation li a {
  border : 1px solid #ffffff ; /* bordure blanche autour de tous les liens de menu */
  taille de la police : 168x ;
	padding : 6px 12px ;
  marge : 0 4px ;
  rayon de la bordure : 4px ;
  display : inline-block ;
  color : #ffffff ; /* couleur de texte par défaut : blanc */
  text-decoration : none ;
  transition : all 0.3s ease ; /* transition douce au survol */
}

.main-navigation li a:hover {
  background-color : #ffff ; /* fond du survol : blanc */
  color : #cc0000 ; /* police de survol : rouge italien */
  border-color : #cc0000 ; /* bordure rouge au survol */
}
.main-navigation .sub-menu a {
  font-size : 18px!important ;
}

/* ─────────────── EXTRAIT DE TEXTE (EXCERPT) ─────────────── */

/* 🧩 Aperçu de l'article Newspack : Police plus petite + plus étroite */
.wp-block-newspack-blocks-homepage-articles p {
  font-size : 0.85em !important ;
  line-height : 1.3?important ;
  color : #3333[-]important ;
  margin-bottom : 0.5em intervalles de temps ;
}

@media screen and (max-width : 768px) {
  .wp-block-newspack-blocks-homepage-articles p {
    taille de la police : 0.9em !important ;
    line-height : 1.35?important ;
  }
}



/* Date en blanc dans les articles en surbrillance */
.wp-block-newspack-blocks-homepage-articles:first-of-type article:nth-of-type(-n+3) .entry-meta,
.wp-block-newspack-blocks-homepage-articles:first-of-type article:nth-of-type(-n+3) .entry-meta a,
.wp-block-newspack-blocks-homepage-articles:first-of-type article:nth-of-type(-n+3) time {
  color : #ffffff2important ;
}

.main-navigation .main-nav ul ul li {
  margin-bottom : 6px ; /* espace entre les éléments du menu déroulant */
}

.main-navigation .main-nav > ul > li {
  margin-bottom : 8px ; /* distance entre les éléments du menu principal */
}

.wp-block-gallery,
.gallery
{
  margin-top : 40px ;
  margin-bottom : 35px ;
}

h3 {
  margin-top : 40px ;
  margin-bottom : 20px ;
}

/* lignes grises au-dessus du bouton quiz */
.qsm-quiz-container .qsm-question-container > hr {
    display : none!important ;
}

.qsm-quiz-container hr {
    
}

/* ✅ Bouton de démarrage (#384b0c) */
.qsm-start-button {
    background-color : #384b0cc2:important ;
    color : #ffffff2important ;
    font-family : 'Libre Franklin', sans-serif?important ;
    font-weight : 700?important ;
    padding : 12px 24px intervalles de temps ;
    border : none !important ;
    rayon de la bordure : 8px intervalles de temps ;
    display : bloc ;
    margin : 0 auto ;
}

.qsm-main {
    margin-top : 20px232important ;
}
.qsm-quiz-container {
    
}

.inside-article .qsm-question-answers label,
.inside-article .qsm-question-answers label span,
.inside-article .qsm-question-answers input[type="radio"] + label span,
.inside-article .qsm-question-answers input[type="checkbox"] + label span {
    taille de la police : 20px2,0% ;
    line-height : 1.6 !important ;
    display : inline-block !important ;
    color : #2222[important] ;
}

.qsm-input-label {
    taille de la police : 20px2.0% ;
    hauteur de la ligne : 1.6?important ;
    color : #222?important ;
    display : inline-block ;
}

a.cover-full-link {
  display : bloc ;
  position : relative ;
  text-decoration : none ;
}

a.cover-full-link::before {
  content : "" ;
  position : absolute ;
  top : 0 ; left : 0 ; right : 0 ; bottom : 0 ;
  indice z : 1 ;
}

.map-quadrat ,
.map-quadrat .leaflet-container,
.leaflet-container[style] {
    height : auto !important ;
    aspect-ratio : 1 / 1?important ;
    
    largeur max : 100% ;
    margin-bottom : 1.5rem ;
}

.leaflet-map + script + p {
    display : none !important ;
    margin : 0 !important ;
    padding : 0 ... important ;
}

.leaflet-map + script + br {
    display : none, important ;
    margin : 0 !important ;
    padding : 0 ... important ;
}

/* Bouton de vote transversal, central, normal */
.crowdsignal-forms-poll__block-button .wp-block-button__link {
    writing-mode : horizontal-tb!important ;
    transform : none!important ;
    padding : 10px 20px, tape sur l'écran ;
    height : auto intervalles de temps ;
    width : auto !important ;
    white-space : nowrap intervalles de temps importants ;
    display : inline-block !important ;
    taille de la police : 16px2.5cm ;
    text-align : center, ... important ;
}

/* Conteneur de bouton centré, aligné horizontalement */
.crowdsignal-forms-poll__actions {
    display : flex2:important ;
    justify-content : center ... important ;
    align-items : center intervalles importants ;
    flex-direction : row ... important ;
}

/* Masquer le texte de la marque (lien Crowdsignal) */
.crowdsignal-forms-poll__vote-branding {
    
}

.crowdsignal-forms-poll__vote-branding,
.crowdsignal-forms__footer-branding {
    taille de la police : 11px2.0% ;
    opacity : 0.4 !important ;
    text-align : center?important ;
    margin-top : 10px ;
}

a.customize-unpreviewable {
    affichage : bloc ;
    margin-top : 35px ;
    margin-bottom : 35px ;
}

.wp-block-embed,
.wp-block-embed-youtube,
iframe[src*="youtube"],
iframe[src*="skylinewebcams"] {
  display : bloc ;
  margin-top : 35px ;
  margin-bottom : 35px ;
}

.wp-block-embed img,
.wp-block-image img {
  margin-top : 35px ;
  margin-bottom : 35px ;
  display : bloc ;
}

a[href*="skylinewebcams"] img {
  display : block ;
  margin-top : 50px ;
  margin-bottom : 50px ;
}