@media (max-width: 480px) {
  #rev_slider_63_1_wrapper {
    height: 500px;
  }
}

@media (max-width: 900px) {
  #rev_slider_63_1_wrapper {
    height: 560px;
  }
}

@media (max-width: 1260px) {
  #rev_slider_63_1_wrapper {
    height: 560px;
  }
}

@media (min-width: 1261px) {
  #rev_slider_63_1_wrapper {
    height: 600px;
  }
}

:root {
  --vamtam-accent-color: #d30505 !important;
  --vamtam-accent-color-rgb: 211, 5, 5 !important;
}

/* 1. Cadre centré à 1140px : Pages, Articles uniques (single), Blog et Archives */
body.blog #main > .limit-wrapper,
body.blog .limit-wrapper,
body.archive #main > .limit-wrapper,
body.archive .limit-wrapper,
body.page #main > .limit-wrapper,
body.page .limit-wrapper,
body.single-post #main > .limit-wrapper,
body.single-post .limit-wrapper,
body.single #main > .limit-wrapper,
body.single .limit-wrapper {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* 2. Cadrage du titre de la page au même format 1140px */
body.single-post #sub-header > .limit-wrapper,
body.page #sub-header > .limit-wrapper,
body.blog #sub-header > .limit-wrapper {
  max-width: 1140px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* 3. Masquage de l'extrait, des tags (BLOG) et du bouton Read More */
.blog .post-content .entry-summary,
.blog .post-content .excerpt,
.blog .post-content p:empty,
.blog .post-content a.more-link,
.blog .post-content .read-more-wrapper,
.blog .entry-content > p:last-child,
.standard-post-format .the-tags.vamtam-meta-tax,
.standard-post-format .post-content-meta:has(.the-tags),
.standard-post-format .vamtam-button-wrap {
  display: none !important;
}
/* Réduit la taille des titres H4 dans les cartes d'articles */
.standard-post-format .post-content-wrapper header h4,
.standard-post-format .post-content-wrapper header h4 a,
.standard-post-format .post-content-wrapper header h4 a.entry-title {
  font-size: 18px !important; /* Ajuste entre 16px et 19px selon le rendu voulu */
  line-height: 1.35 !important;
  font-weight: 400 !important;
}
/* Passe le libellé de catégorie au-dessus du titre en gris */
.standard-post-format .post-content-meta .vamtam-meta-tax a[rel="category tag"],
.standard-post-format .post-content-wrapper > .post-content-meta a {
  color: #767676 !important; /* Gris neutre lisible */
  text-decoration: none !important;
  font-weight: 500 !important;
}

/* Catégorie en gris fixe : aucun changement au survol ni en graisse */
.standard-post-format .post-content-meta .vamtam-meta-tax a[rel="category tag"],
.standard-post-format .post-content-wrapper > .post-content-meta a,
.standard-post-format .post-content-meta .vamtam-meta-tax a[rel="category tag"]:hover,
.standard-post-format .post-content-wrapper > .post-content-meta a:hover {
  color: #767676 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  cursor: pointer;
}
/* Masque la date et l'icône crayon dans les cartes d'articles */
.standard-post-format .post-actions-wrapper,
.standard-post-format .the-time,
.standard-post-format time,
.standard-post-format .post-date,
.standard-post-format .vamtam-meta-date {
  display: none !important;
}
/* Allume le lien du menu latéral selon la catégorie de l'article affiché */
article.category-renovation ~ aside .widget_nav_menu a[href*="/renovation/"],
article.category-entretien ~ aside .widget_nav_menu a[href*="/entretien/"],
article.category-reparation ~ aside .widget_nav_menu a[href*="/reparation/"],
article.category-toiture ~ aside .widget_nav_menu a[href*="/toiture/"],
article.category-autorisations-demarches ~ aside .widget_nav_menu a[href*="autorisations-demarches"] {
  color: var(--vamtam-accent-color, #d30505) !important;
  font-weight: 400 !important;
}

#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #d30505 !important;
	font-weight: normal;
    text-decoration: none;
    border-color: rgba(255, 255, 255, 0);
}
.custom-divider {
  border: 0;
  height: 1px;
  background-color: #e5e7eb; /* Teinte grise neutre ou ta couleur d'accent */
  margin: 2.5rem auto;       /* Espace vertical ajustable */
  width: 100%;               /* Ou une largeur fixe/relative, ex: 80% */
  max-width: 100%;
}