/*
 Theme Name: MediCenter Child
 Theme URI:  http://collectifburnout.fr
 Description: Thème enfant MediCenter
 Author: Vania Goncalves
  Author URI: http://collectifburnout.fr
 Template: medicenter
 Version: 1.0.0
*/

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  color: #222222;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #4B625D;
}

blockquote {
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-style: italic;
  font-size: 18px;
  color: #555555;
}

.cta-menu-btn a {
  background-color: #f6a96d; /* orange doux */
  color: #ffffff !important;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
	opacity: 2; /* assure que c'est bien visible */
	display: inline-block;
}

.cta-menu-btn a:hover {
  background-color:  #2a5d9f; /* couleur au survol */
  color: #ffffff !important;
}


/* --- Uniformisation des polices --- */
h1, h2, h3 {
  font-family: 'Montserrat', sans-serif;
  color: #4B625D;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 20px;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

/* --- Texte standard (paragraphes) --- */
p, .wpb_text_column {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #555555;
  line-height: 1.5;
  margin-bottom: 10px;
}

/* --- Boutons (style doux et arrondi) --- */
.vc_btn3.vc_btn3-color-primary {
  background-color: #B03A48;
  color: #ffffff;
  padding: 12px 24px;
  border-radius: 25px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.vc_btn3.vc_btn3-color-primary:hover {
  background-color: #902c38;
  color: #ffffff;
}


/* Bloc accompagnements */
.accompagnement-bloc {
  background-color: #f9f9f9;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  text-align: center;
  transition: transform 0.3s ease;
  margin-bottom: 30px;
}

.accompagnement-bloc:hover {
  transform: scale(1.02);
}

/* Images */
.accompagnement-bloc img {
  width: 100%;
  max-width: 250px;
  height: auto;
  border-radius: 10px;
  margin-bottom: 15px;
}

/* Titres */
.accompagnement-bloc h4 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

/* Descriptions */
.accompagnement-bloc p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

.contact-text-blanc p {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  margin: 0 auto;
  max-width: 800px;
}


/* --- Footer : alignement et couleur des paragraphes --- */
.footer .wp-block-column p {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
}

/* --- Footer : liens de navigation --- */
.footer .wp-block-column a {
  color: #e8b3b3;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer .wp-block-column a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* --- Footer : espacement entre les colonnes --- */
.footer .wp-block-columns {
  gap: 40px;
}

/* --- Réduction de la taille des icônes --- */
.footer .wp-block-column svg {
  width: 22px;
  height: 22px;
}

/* --- LISTES (liens de navigation) --- */
.footer .wp-block-column ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.footer .wp-block-column ul li {
  margin-bottom: 8px;
}

/* Aligne le texte au centre dans toutes les colonnes */
.footer .wp-block-column {
  text-align: center;
}

/* Titre des colonnes (Navigation, Suivez-nous) */
.footer h3.wp-block-heading {
  color: #e8b3b3; /* ou violet/orange selon ta charte */
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}

.footer ul.wp-block-list li a {
  color: #ffffff;
  text-decoration: none;
}

.footer ul.wp-block-list li a:hover {
  color: #e8b3b3; /* couleur d'accent */
}

/* Texte de description (colonne logo) */
.footer .footer-col-1 p {
  color: #dddddd;
  font-size: 14px;
  margin-top: 10px;
}

.footer .footer-col-3 ul li a:hover {
  color: #e8b3b3;
}

/* Réduit l'espacement global du footer */
.footer {
  padding: 40px 20px;
}

/* Responsive : colonnes en pile sur mobile */
@media (max-width: 768px) {
  .footer .wp-block-columns {
    flex-direction: column;
    gap: 30px;
  }
}

.footer-container {
  background-color: #375a7f !important;
  width: 100% !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  margin: 0 !important;
}

.footer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  color: #ffffff;
}

.footer .wp-block-columns {
  margin-bottom: 0 !important;
}

.footer .wp-block-column {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.footer ul,
.footer p {
  margin-bottom: 10px !important;
}


.footer .wp-block-columns {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

.footer .wp-block-column {
  flex: 1 1 0;
  min-width: 0;
}

.footer .footer-columns-fix {
  display: flex !important;
  flex-direction: row !important;
  gap: 40px;
  justify-content: space-between;
}

.footer .footer-columns-fix > .wp-block-column {
  flex: 1 1 0;
}

.footer .wp-block-columns {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

.footer .wp-block-column {
  width: 30%;
  margin-bottom: 20px;
}

/* Container général du footer */
.footer-container {
  background-color: #2C3E50; /* couleur bleu profond */
  padding: 30px 0; /* espace haut/bas réduit */
}

/* Colonnes en ligne */
.footer-container .wp-block-columns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start; /* ou center si tu veux centrer verticalement */
}

/* Colonnes individuelles */
.footer-container .wp-block-column {
  width: 32%;
  padding: 0 15px;
}

/* Paragraphe et liens du footer */
.footer-container p,
.footer-container li,
.footer-container a {
  font-size: 14px;
  line-height: 1.6;
  color: #f1f1f1;
}

/* Titre (h3) dans les colonnes */
.footer-container h3 {
  color: #f9c74f; /* orange doux */
  margin-bottom: 15px;
}

/* Liens */
.footer-container a:hover {
  color: #a0dad9; /* turquoise clair */
  text-decoration: underline;
}


/* Réduction de l'espacement vertical interne */
.footer-container .wp-block-column p,
.footer-container .wp-block-column ul,
.footer-container .wp-block-column figure,
.footer-container .wp-block-column h3 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  padding: 0 !important;
}

/* Ajustement du container global */
.footer-container {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.footer-container .wp-block-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Liens de contact (mails, tél) dans le footer */
.footer-container .wp-block-column a {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}
.footer-container .wp-block-column a:hover {
  color: #a0dad9; /* Turquoise doux au survol */
}

/* Espacement plus doux entre les lignes */
.footer-container .wp-block-column ul li {
  margin-bottom: 5px;
}

/* Style et centrage du texte copyright */
.copyright-text {
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 0;
}

.copyright-text .footer-link {
  color: #e8b3b3; /* rose clair harmonieux */
  text-decoration: underline;
  transition: color 0.3s ease;
}

.copyright-text .footer-link:hover {
  color: #ffffff;
}

/* Masquer les éléments indésirables dans le footer */
.menu-footer-menu-container,
.footer-default,
.copyright-area .menu,
.copyright-area .social-icons {
  display: none !important;
}

.copyright-text {
  display: none !important;
}

/* Cible plus précisément la zone de texte */
div.copyright-area-container .copyright-area.clearfix {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin: 0 auto !important;
}

/* Centre le texte et réduit encore la taille */
div.copyright-area-container .copyright-text {
  text-align: center !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
}

.header-left img {
  max-height: 100px !important;
  width: auto !important;
  height: auto !important;
}

/* --- HEADER GÉNÉRAL --- */
.header-container {
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

.mobile-menu a {
  color: #333333 !important;
}

.mobile-menu a:hover {
  color: #476d89 !important;
}

/* --- LIENS DU MENU PRINCIPAL --- */
.menu-container ul.sf-menu > li > a {
  color: #333333 !important;
  background: none !important;
  border: none !important;
  font-weight: 500;
  padding: 15px 18px;
  transition: color 0.3s ease;
}

.menu-container ul.sub-menu li a:hover {
  color: #476d89 !important;
  background: none !important;
  border: none !important;
}

/* STYLE GLOBAL DE LA SECTION ACCOMPAGNEMENT */
.section-accompagnement .vc_column-inner {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  padding: 20px 15px;
  margin: 10px;
  text-align: center;
  transition: transform 0.3s ease;
}

/* EFFET AU SURVOL */
.section-accompagnement .vc_column-inner:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

/* STYLE DES IMAGES */
.section-accompagnement img {
  border-radius: 8px;
  max-height: 100px;
  width: auto;
  margin-bottom: 10px;
}

/* TITRES */
.section-accompagnement h4 {
  font-size: 18px;
  margin-top: 10px;
  font-weight: bold;
  color: #333;
}

/* PARAGRAPHES */
.section-accompagnement p {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 0;
}

.home .testimonials .sentence-author {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  display: block;
  text-align: center;
  color: #2a5d9f;
  margin-top: 10px;
}

.contact-section {
  background: linear-gradient(
    to bottom,
    rgba(55, 90, 127, 0.95) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  padding: 60px 20px;
  border-radius: 8px;
}

.contact-section .vc_btn3.vc_btn3-color-primary {
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.contact-section .vc_btn3.vc_btn3-color-primary:hover {
  background-color: #2e4e70; /* Bleu plus foncé */
  transform: translateY(-2px);
}

.copyright-area-container {
  background-color: #888b99 !important; /* gris anthracite */
  border-top: 1px solid rgba(255, 255, 255, 0.1); /* bordure blanche subtile */
}

/* --- MENU PRINCIPAL --- */
.menu-container ul.sf-menu > li > a:hover,
.menu-container ul.sf-menu > li.sfHover > a {
  background-color: #e49b5f!important;
  color: #ffffff !important;
  border-radius: 6px;
  padding: 10px 16px;
  transition: all 0.3s ease;
}

/* --- SOUS-MENU (arrière-plan et texte) --- */
.menu-container ul.sub-menu li a:hover {
  background-color: #e49b5f !important;
  color: #ffffff !important;
  border-radius: 4px;
  transition: all 0.3s ease;
}

/* --- Assurer un fond blanc neutre en dehors du hover --- */
.menu-container ul.sub-menu li a {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* --- Correction : supprimer bordures par défaut si présentes --- */
.menu-container ul.sf-menu li,
.menu-container ul.sub-menu li {
  border: none !important;
  background: none !important;
}

/* === STYLE POUR LES ARTICLES DE BLOG (Masonry Grid) === */
.blog-articles-section .vc_gitem-zone.vc_gitem-zone-a {
  background-color: #ffffff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  border: 1px solid #eaeaea;
  transition: transform 0.3s ease;
}

.blog-articles-section .vc_gitem-zone.vc_gitem-zone-a:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Images des articles */
.blog-articles-section .vc_gitem-zone img {
  border-radius: 6px;
  max-height: 180px;
  object-fit: cover;
  width: 100%;
  margin-bottom: 12px;
}

/* Titre des articles */
.blog-articles-section .vc_gitem-post-data h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
  transition: color 0.3s ease;
}

.blog-articles-section .vc_gitem-post-data h4:hover {
  color: #3c75a6;
}

/* Texte d'extrait */
.blog-articles-section .vc_gitem-post-data p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

.titre-blog-section h2 {
  font-size: 28px;
  font-weight: 700;
  color: #476d89;
  text-align: center;
  text-shadow: 0 2px 4px rgba(71, 109, 137, 0.2); /* ombre dans le ton */
  margin-bottom: 30px;
}

/* Masquer toute la section header de la page (titre + fil d’Ariane) */
.page-header {
  display: none !important;
}

.section-burnout p {
  margin-bottom: 0px !important;
  line-height: 1.5;
}

.wpb_gallery_slides.flexslider .slides img {
  max-height: 400px !important; /* ajuste à ton goût */
  width: auto !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
  object-fit: contain;
  border-radius: 12px;
}

.wpb_gallery_slides.flexslider {
  max-width: 90%;
  margin: 0 auto;
}

.wpb_gallery_slides.flexslider {
  background-color: #f0f4f8; /* Bleu gris très doux */
  padding: 0px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Flèches plus petites et arrondies */
.flex-direction-nav a {
  font-size: 16px !important;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: rgba(71, 109, 137, 0.08); /* fond très doux */
  color: #476d89 !important;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.flex-direction-nav a:hover {
  background-color: rgba(71, 109, 137, 0.3);
  color: #ffffff !important;
}
/* Réduction et style des points de pagination */
.flex-control-nav li a {
  width: 10px !important;
  height: 10px !important;
  background-color: #a0b9cc !important;
  opacity: 0.5;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.flex-control-nav li a.flex-active {
  background-color: #476d89 !important;
  opacity: 1 !important;
  transform: scale(1.2);
}

.burnout-spacing-fix {
  margin-top: 50px !important;
  padding-top: 0px;
}

.section-approche p {
  margin-bottom: 0px !important;
}

.approche-image:hover {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}

/* Ombre douce pour les titres des symptômes et causes */
.symptomes-causes-section h3 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* Effet de survol doux sur les colonnes de valeurs */
.section-valeurs {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 10px;
}

.section-valeurs:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
}

.etapes-colonnes {
  transition: box-shadow 0.3s ease;
}

.etapes-colonnes:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.fiche-pro {
  background-color: #2a5d9f; /* Bleu actuel */
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
  margin-bottom: 30px;
  text-align: center;
  min-height: 100%;
}

.fiche-pro:hover {
  transform: translateY(-4px);
  background-color: #3d70b3; /* Bleu légèrement plus clair et lumineux */
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}


.fiche-pro img {
  border: 5px solid 					#AFEEEE!important;
  border-radius: 50%; /* ou 12px si pas en cercle */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}


.vc_gitem-zone-a {
  border-radius: 16px !important;
  overflow: hidden;
}

/* Réduction des marges dans les blocs de la grille */
.vc_gitem-post-data-source-post_title {
  margin-bottom: 10px !important;
}

.vc_gitem-post-data-source-post_excerpt {
  margin-bottom: 10px !important;
}

.vc_gitem-post-data-source-post_link {
  margin-top: 5px !important;
}

/* Réduction du padding global dans chaque item */
.vc_grid-item-mini {
  padding: 10px !important;
}

/* Réduire l'espace sous le titre de l'article */
.vc_gitem-post-data-source-post_title {
  margin-bottom: 8px !important;
}

/* Réduire l'espace sous l'extrait */
.vc_gitem-post-data-source-post_excerpt {
  margin-bottom: 8px !important;
}

/* Supprimer les marges inutiles sur les titres */
.vc_gitem-post-data-source-post_title h4 {
  margin-top: 0 !important;
  margin-bottom: 15px !important; /* ou moins si nécessaire */
}

/* Supprimer les paragraphes vides dans les extraits */
.vc_gitem-post-data-source-post_excerpt p:empty {
  display: none !important;
}

/* Réduire l’espacement entre les paragraphes dans l’extrait */
.vc_gitem-post-data-source-post_excerpt p {
  margin: 0 0 6px 0 !important;  /* ajustable */
  padding: 0 !important;
}

/* Ajuster l’espace au-dessus du bouton */
.vc_btn3-container {
  margin-top: 20px !important; /* réduire si trop espacé */
}

/* Réduire padding intérieur du bloc */
.vc_gitem-zone-c {
  padding: 12px !important; /* au lieu de 20px ou plus */
}

.vc_row.vc_custom_1749421152478 {
  display: flex;
  justify-content: center;
  gap: 20px; /* ajuste l’espace entre les boutons ici */
  flex-wrap: wrap;
}

.bouton-compact {
  margin: 0 !important;
  padding: 0 !important;
  max-width: fit-content;
}

@media (max-width: 768px) {
  .vc_row.vc_custom_1749421152478 {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .bouton-compact {
    width: 100% !important;
    text-align: center;
    margin-bottom: 10px;
  }
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 15px;
}

.social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  font-size: 18px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* Couleurs de marque */
.social-icons a.facebook {
  background-color: #3b5998;
}

.social-icons a.facebook:hover {
  background-color: #2d4373;
}

.social-icons a.linkedin {
  background-color: #0077b5;
}

.social-icons a.linkedin:hover {
  background-color: #005582;
}

.social-icons a.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social-icons a.instagram:hover {
  filter: brightness(1.1);
}

.social-icons a.twitter {
  background-color: #1da1f2;
}

.social-icons a.twitter:hover {
  background-color: #0d95e8;
}

.social-icons a.website {
  background-color: #1985a1;
}

.social-icons a.website:hover {
  background-color:#154b66;
}
/* 2. Masquer uniquement le nombre de commentaires, pas la date */
.single ul.comment-box li.comments-number {
    display: none !important;
}

/* Cible le bloc Photostream (h3 et sa ul juste après) */
.single .wpb_widgetised_column + h3.box-header + ul.photostream {
    display: none !important;
}
.single .wpb_widgetised_column + h3.box-header {
    display: none !important;
}

.single a.reply-button {
    display: none !important;
}

.single .post-footer-author {
    display: none !important;
}

.single-post .vc_row.wpb_row {
  max-width: 850px;
  margin: 0 auto;
  padding: 30px 20px;
}

/* 1. Conteneur principal centré et largeur fluide */
.single-post .post-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 2em 1em;
}

/* 2. Image d’en-tête adoucie */
.single-post .post-image img {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  filter: brightness(0.96) contrast(1.02);
  transition: all 0.3s ease-in-out;
}

/* 3. Titres et paragraphes : espacement et lisibilité */
.single-post .post-content h2,
.single-post .post-content h4 {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1em;
  font-family:'Montserrat', sans-serif;
  font-weight: bold;
  color: #444;
}

.single-post .post-content p {
  line-height: 1.8;
  font-size: 1.05em;
  color: #333;
  margin-bottom: 1.2em;
  text-align: justify;
}


/* 5. Footer de l'article : espacement et style sobre */
.single-post .post-footer {
  margin-top: 3em;
  text-align: center;
  font-size: 0.95em;
  color: #777;
}

/* Ajuster verticalement la date pour l'aligner avec l'image */
.single-post .comment-box .date {
  position: absolute;
  top: 120px; /* Ajuste la valeur ici selon ton visuel */
  left: 15px;
  z-index: 2;
}

/* Conserver le positionnement relatif du parent */
.single-post .post-content {
  position: relative;
}

/* Réduction de l'espace sous le contenu principal */
.single-post .post-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Réduction de l'espace dans le footer de l'article */
.single-post .post-footer {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Réduction de l’espace généré par les colonnes Visual Composer */
.single-post .vc_row:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 1. Arrière-plan global plus doux */
body.single-post {
  background-color: #f9f9f9;
}

/* 2. Conteneur principal structuré */
.single-post .post-content {
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 16px;
  padding: 40px 30px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
  max-width: 850px;
  margin: 40px auto 60px auto;
}

/* 3. Limiter largeur du contenu pour meilleure lisibilité */
.single-post .wpb_content_wrapper,
.single-post .vc_column_container {
  max-width: 800px;
  margin: 0 auto;
}

/* 4. Espacement équilibré entre paragraphes */
.single-post p {
  line-height: 1.8;
  margin-bottom: 1.2em;
}

/* 5. Mise en valeur des titres de sections */
.single-post h4.wp-block-heading {
  font-size: 1.3rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
  margin-top: 30px;
  color: #444;
}

/* 6. Image principale adoucie */
.single-post .post-image img {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* 7. Réduction de l’espace vide sous l’article */
.single-post .post-footer {
  margin-top: 30px;
  padding-bottom: 20px;
}

/* 8. Optionnel : centrage du bouton "Leave a reply" */
.single-post .reply-button {
  display: block;
  text-align: center;
  margin-top: 40px;
}

.comment-box .date .value {
  background-color: #2a5d9f!important;
  color: #ffffff !important;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
}

.post-footer-category a {
  color: #2a5d9f !important;
}

@media (max-width: 768px) {
  /* Exemple : centrage du contenu principal */
  .post-content, 
  .entry-content, 
  .content-area {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 100% !important;
    text-align: center; /* si tu veux centrer le texte */
  }

  /* Si certains éléments sont en float ou flex, on peut forcer un alignement */
  .some-container {
    display: block !important;
    margin: 0 auto !important;
  }
}

.single-post .post-content h4 {
  font-size: 1.3rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
  margin-top: 30px;
  color: #444;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

.single-post .post-content h3 {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  color: #444;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
  margin-top: 40px;
  margin-bottom: 20px;
}

/* Citation stylisée dans les articles */
.single-post blockquote {
  background-color: #f2f8fc;
  border-left: 4px solid #2a5d9f;
  padding: 20px 25px;
  margin: 30px auto;
  font-style: italic;
  color: #444;
  font-family: 'Merriweather', serif;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.03);
  max-width: 800px;
}

.atelier-carte {
  background-color: #f9f9f9;
  padding: 40px 30px;
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  max-width: 800px;
  margin: 0 auto 40px auto;
  text-align: center;
}

.atelier-carte img {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  margin: 20px 0;
}

/* Pour forcer le centrage de l'ensemble */
.vc_row .atelier-carte {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  float: none;
}

/* Pour le texte à l'intérieur des blocs ateliers */
.timetable .event a,
.timetable .event h4,
.timetable .event .hour,
.timetable .event .title {
  color: #ffffff !important;
}

/* Groupe de parole – Burnout & culpabilité → fond bleu paon */
td.event:has(.event-header[title*="Groupe de parole"]) {
  background-color: 	#688ab0!important;
  color: #ffffff !important;
	padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}

/* Conférence : Harcèlement au travail → fond orange doux */
td.event:has(.event-header[title*="Harcèlement"]) {
  background-color: #e49b5f !important;
  color: #ffffff !important;
	padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}

/* Atelier Photo & Estime de soi → fond violet doux */
td.event:has(.event-header[title*="Photo"]) {
  background-color: #6d5a8d !important;
  color: #ffffff !important;
	padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}

/* Rendre tous les textes à l'intérieur blancs */
td.event:has(.event-header[title]) .event-container * {
  color: #ffffff !important;
}

/* Massage & Réflexologie → vert sauge */
.event-container:has(.event-header[title*="Massage"]) {
  background-color: #82a39f !important;
  color: #ffffff !important;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}

/* Sophrobalade à Brunoy → turquoise doux */
.event-container:has(.event-header[title*="Sophrobalade"]) {
  background-color: #4aa6a6 !important;
  color: #ffffff !important;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 0px;
}

.vc_row .tabs-box-navigation {
  display: none !important;
}

tr.tip-row {
  display: none !important;
}

/* Ajoute une marge basse au timetable pour l’éloigner du footer */
table.timetable {
  margin-bottom: 60px; /* Ajustable selon ton ressenti */
}

.page-id-1294 .fullwidth-image img {
  height: 400px !important;
  object-fit: cover;
  object-position: center;
}

.page-id-1294 h3.box-header::after {
  display: none !important;
}

.page-id-1294 h3.box-header {
  text-align: center;
  color: #476d89;
  font-size: 26px;
  margin-bottom: 20px;
  position: relative;
}

.page-id-1294 .mc-button {
  background-color:  #476d89 !important;
  color: white;
  font-size: 16px;
  padding: 12px 28px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.page-id-1294 .mc-button:hover {
  background-color: #36566f;
  transform: scale(1.03);
}

/* Supprime la petite "dent" triangulaire */
.page-id-1294 .qtip.qtip-default.ui-tooltip-error .qtip-tip {
  display: none !important;
}

.qtip.qtip-default.ui-tooltip-error .qtip-content {
  background-color: #476d89 !important;
  color: white !important; /* on garde ton texte blanc */
  border-radius: 6px !important;
  padding: 10px 14px !important;
  border: 2px solid#476d89!important;
  box-shadow: none !important;
}

/* Style par défaut pour tous les champs du formulaire */
input.text_input,
textarea {
  border: 2px solid #d6e3ea !important;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 15px;
  background-color: #ffffff;
  color: #333;
  width: 100%;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

/* Effet focus doux */
input.text_input:focus,
textarea:focus {
  border-color: #476d89 !important;
  box-shadow: 0 0 4px rgba(71, 109, 137, 0.2);
  outline: none;
}

.qtip:not(.ui-tooltip-error) .qtip-content {
  background-color: #e7f6f2 !important;
  border: 1px solid #b7e2da !important;
  color: #2f6158 !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.atelier-carte img.vc_single_image-img {
  width: 100%;
  max-width: 720px;
  height: auto;
  display: block;
  margin: 20px auto;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.cky-notice-des a {
  display: inline !important;
  visibility: visible !important;
  color: #1863DC !important;
  font-weight: 500;
  text-decoration: underline;
}

.carte-conclusion {
  transition: box-shadow 0.3s ease;
}

.carte-conclusion:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.center-two-cols {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.center-align-cols {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.center-align-cols > .vc_column_container {
  max-width: 300px;
  flex: 1 1 300px;
}

.aligner-boutons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.aligner-boutons .vc_column_container {
    width: auto !important;
    flex: 0 1 auto;
}

.aligner-boutons .vc_btn3-container {
    margin: 0;
}

/* TABLETTE : alignement horizontal toujours ok */
@media (max-width: 991px) {
    .aligner-boutons {
        gap: 10px;
    }
}

/* MOBILE : les empiler avec un petit espace */
@media (max-width: 768px) {
    .aligner-boutons {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .aligner-boutons .vc_btn3-container {
        width: 100%;
        max-width: 300px;
    }
}

/* --- Alignement du header Desktop --- */
.header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 0px !important; /* Réduit seulement à gauche */
    padding-right: 30px !important; /* On garde à droite */
}

.header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-left img {
    height: 100px; /* ou 120px si tu veux un peu plus */
    width: auto;
}

.header-left .logo {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    white-space: nowrap !important;
    display: inline-block !important;
    margin-left: 0px !important;
    line-height: 1 !important;
}

/* --- Menu Desktop --- */
.menu-container {
    display: flex !important;
    justify-content: flex-end !important;
    flex-grow: 1 !important;
}

/* --- Masquer le burger en Desktop --- */
.mobile-menu-switch {
    display: none !important;
}


/* --- Responsive Tablette / Mobile --- */
@media (max-width: 1024px) {
    .header {
        flex-wrap: wrap !important;
        padding: 10px 0px !important;
    }

    .header-left {
        width: 100% !important;
        justify-content: space-between !important;
        padding: 0 !important;
    }

    .header-left img {
        width: 150px !important;
    }

    .header-left .logo {
        font-size: 16px !important;
        margin-left: -5px !important;
        position: relative !important;
        top: 0 !important;
    }

    .menu-container {
        display: none !important;
    }

    .mobile-menu-switch {
        display: block !important;
        position: absolute !important;
        right: 20px !important;
        top: 25px !important;
        z-index: 9999 !important;
    }

    .mobile-menu-container {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}


/* --- Optionnel : améliore le centrage des items du mobile menu --- */
.header-left a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .header-left {
        justify-content: flex-start !important;
        padding: 0 0px !important;
        gap: 10px !important;
    }

    .header-left .logo {
        padding-left: 5px;
        font-size: 14px;
    }
}

.header-left {
    align-items: flex-end !important;
    padding-bottom: 0px;
}

.header-left .logo {
    font-family: Dancing Script', cursive;
    font-size: 24px !important;
    font-weight: 600 !important;
    color:#9EE7E7!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 0px;
    line-height: 1.2;
}

@media (max-width: 1024px) {
    .header-left a {
        display: flex !important;
        align-items: center !important;
    }
}

@media (max-width: 1024px) {
    .header {
        padding-bottom: 10px !important;
    }

    .header-left {
        margin-bottom: 10px !important;
    }

    .mobile-menu-switch {
        top: 15px !important;
    }
}

.footer-columns-fix .footer-col-1 .wp-block-gallery .wp-block-image img {
    max-width: 150px !important;
    height: auto !important;
    display: block;
    margin: 0 auto 10px !important;
}

/* Espacement harmonisé du footer */
.footer-columns-fix {
    padding-bottom: 30px; /* Espace sous l'ensemble du footer */
 
/* Espacement entre les icônes de réseaux sociaux */
.wp-block-social-links {
    gap: 15px;
    justify-content: center;
}