@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');

.site-header { 
  display: none !important; 
}

.site-footer { 
  display: none !important; 
}

/* Supprimer le soulignage des boutons Elementor sans casser leurs bordures */
a.e-button-base,
a.e-button-base:hover,
a.e-button-base:focus,
a.e-button-base:active,
a.e-button-base:visited {
  text-decoration: none !important;
  text-decoration-line: none !important;
  background-image: none !important;
}

/* Supprimer le trait / soulignage du menu Elementor */
.elementor-widget-nav-menu a,
.elementor-widget-nav-menu a:hover,
.elementor-widget-nav-menu a:focus,
.elementor-widget-nav-menu a:active,
.elementor-widget-nav-menu a:visited,
.elementor-widget-nav-menu a span,
.elementor-widget-nav-menu a span:hover,
.elementor-widget-nav-menu a span:focus {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Supprimer les traits générés par pseudo-éléments du menu */
.elementor-widget-nav-menu a::before,
.elementor-widget-nav-menu a::after,
.elementor-widget-nav-menu a span::before,
.elementor-widget-nav-menu a span::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

/* Bouton outline premium */
a.bouton-outline,
a.bouton-outline.e-button-base {
  background: transparent !important;
  background-color: transparent !important;
  color: #2C2924 !important;
  border: 1px solid #B8A56F !important;
  border-bottom: 1px solid #B8A56F !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

a.bouton-outline:hover,
a.bouton-outline.e-button-base:hover {
  background: #B8A56F !important;
  background-color: #B8A56F !important;
  color: #1A1A1A !important;
  border: 1px solid #B8A56F !important;
  border-bottom: 1px solid #B8A56F !important;
}

/* Animation premium uniquement sur le bouton lui-même */
a.btn-hover-premium,
a.btn-hover-premium.e-button-base {
  transition: transform 260ms ease, box-shadow 260ms ease, background-color 260ms ease !important;
  will-change: transform;
}

a.btn-hover-premium:hover,
a.btn-hover-premium.e-button-base:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 8px 24px rgba(44, 41, 36, 0.16) !important;
}

/* ================================================
   Brevo Form — Lettres d'Anagnorèse
   ================================================ */
.elementor-widget-shortcode .elementor-shortcode { max-width: 620px; }
.sib_signup_box_inside_1 { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }
p.sib-email-area { flex: 1 1 180px; margin: 0 !important; padding: 0 !important; min-width: 0; }
.sib_signup_box_inside_1 > p:last-of-type { margin: 0 !important; padding: 0 !important; flex-shrink: 0; }
.sib_msg_disp { width: 100% !important; order: 10; margin: 8px 0 0 !important; font-size: 14px !important; color: #F5F1E9 !important; }
input.sib-email-area { width: 100% !important; height: 56px !important; padding: 0 24px !important; background: transparent !important; border: 1px solid #F5F1E959 !important; border-radius: 999px !important; color: #F5F1E9 !important; font-size: 15px !important; font-family: inherit !important; outline: none !important; box-sizing: border-box !important; transition: border-color 0.25s ease !important; box-shadow: none !important; }
input.sib-email-area::placeholder { color: #F5F1E98C !important; }
input.sib-email-area:focus { border-color: #B8A56F !important; box-shadow: none !important; }
input.sib-default-btn { height: 56px !important; padding: 0 32px !important; background: #B8A56F !important; color: #1A1A1A !important; border: none !important; border-radius: 999px !important; font-size: 15px !important; font-weight: 600 !important; font-family: inherit !important; cursor: pointer !important; white-space: nowrap !important; letter-spacing: 0.04em !important; width: auto !important; box-shadow: none !important; transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important; }
input.sib-default-btn:hover { background: #CEB98A !important; transform: translateY(-2px) !important; box-shadow: 0 6px 24px #B8A56F33 !important; }
input.sib-default-btn:active { transform: translateY(0) !important; box-shadow: none !important; }
@media (max-width: 600px) { .sib_signup_box_inside_1 { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; } p.sib-email-area { flex: none !important; width: 100% !important; } .sib_signup_box_inside_1 > p:last-of-type { width: 100% !important; } input.sib-default-btn { width: 100% !important; padding: 0 24px !important; } }

/* ================================================
   Retraites — Signup bloc gold
   ================================================ */
.retraites-signup-section { text-align: center; }
.retraites-signup-section .elementor-widget-text-editor p,
.retraites-signup-section .elementor-widget-heading .elementor-heading-title { color: #1A1A1A !important; }
.retraites-signup-section .sib_signup_box_inside_1 { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }
.retraites-signup-section p.sib-email-area { flex: 1 1 200px; margin: 0 !important; padding: 0 !important; min-width: 0; max-width: 400px; }
.retraites-signup-section .sib_signup_box_inside_1 > p:last-of-type { margin: 0 !important; padding: 0 !important; flex-shrink: 0; }
.retraites-signup-section .sib_msg_disp { width: 100% !important; order: 10; margin: 8px 0 0 !important; font-size: 14px !important; color: #1A1A1A !important; }
.retraites-signup-section input.sib-email-area { width: 100% !important; height: 56px !important; padding: 0 24px !important; background: #1A1A1A26 !important; border: 1px solid #1A1A1A59 !important; border-radius: 999px !important; color: #1A1A1A !important; font-size: 15px !important; font-family: inherit !important; outline: none !important; box-sizing: border-box !important; transition: border-color 0.25s ease !important; box-shadow: none !important; }
.retraites-signup-section input.sib-email-area::placeholder { color: #1A1A1A8C !important; }
.retraites-signup-section input.sib-email-area:focus { border-color: #1A1A1A !important; box-shadow: none !important; }
.retraites-signup-section input.sib-default-btn { height: 56px !important; padding: 0 32px !important; background: #1A1A1A !important; color: #F5F1E9 !important; border: none !important; border-radius: 999px !important; font-size: 15px !important; font-weight: 600 !important; font-family: inherit !important; cursor: pointer !important; white-space: nowrap !important; letter-spacing: 0.04em !important; width: auto !important; box-shadow: none !important; transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important; }
.retraites-signup-section input.sib-default-btn:hover { background: #333333 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 24px #1A1A1A33 !important; }
.retraites-signup-section input.sib-default-btn:active { transform: translateY(0) !important; box-shadow: none !important; }
@media (max-width: 600px) { .retraites-signup-section .sib_signup_box_inside_1 { flex-direction: column !important; align-items: stretch !important; } .retraites-signup-section p.sib-email-area { flex: none !important; width: 100% !important; max-width: 100% !important; } .retraites-signup-section .sib_signup_box_inside_1 > p:last-of-type { width: 100% !important; } .retraites-signup-section input.sib-default-btn { width: 100% !important; } }

/* ======================================================
 *    HEADER MOBILE  masquer CTA desktop, hamburger propre
 *    ====================================================== */

@media (max-width: 767px) {
	
	  /* 1. Masquer Studio + Appel decouverte sur mobile */
	.elementor-widget-nav-menu ~ a.e-button-base {
		    display: none !important;
	}
	
	  /* 2. Nav row : logo gauche + hamburger droit */
	.elementor-element-5748abb {
		    flex-direction: row !important;
		    align-items: center !important;
		    justify-content: space-between !important;
		    padding-left: 20px !important;
		    padding-right: 20px !important;
		    min-height: 72px;
	}
	
	  /* 3. Logo : taille max */
	.e-f2a30c3-59fcd41 {
		    max-width: 150px !important;
		    width: 150px !important;
		    height: auto !important;
	}
	
	  /* 4. Container droit : uniquement le hamburger */
	.elementor-element-fe19a53 {
		    flex: 0 0 auto !important;
		    width: fit-content !important;
		    max-width: fit-content !important;
		    gap: 0 !important;
	}
	
	  /* 5. Dropdown ouvert : fond sombre */
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
		    background-color: #111111 !important;
		      position: fixed !important;
		      top: 80px !important;
		      left: 0 !important;
		      width: 100vw !important;
		      z-index: 99998 !important;
		      padding: 8px 0 32px !important;
	}
	
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li a {
		    color: #F5F2EC !important;
		    padding: 14px 24px !important;
	}
	
	.elementor-widget-nav-menu .elementor-nav-menu--dropdown li a:hover {
		    color: #B8A46A !important;
	}
	
}

/* ======================================================
   HEADER MOBILE — Studio + Appel dans le dropdown hamburger
   ====================================================== */

/* 6. Masquer Studio + Appel du nav desktop (eviter le doublon avec les boutons CTA) */
.elementor-nav-menu--main li.menu-item-studio,
.elementor-nav-menu--main li.menu-item-appel {
  display: none !important;
}

/* 7. Bouton Studio dans le dropdown mobile */
@media (max-width: 767px) {
  .elementor-nav-menu--dropdown li.menu-item-studio > a {
    background-color: #F5F2EC !important;
    color: #111111 !important;
    border-radius: 999px !important;
    margin: 8px 24px !important;
    display: inline-block !important;
    padding: 10px 24px !important;
  }

  .elementor-nav-menu--dropdown li.menu-item-appel > a {
    background-color: #B8A46A !important;
    color: #111111 !important;
    border-radius: 999px !important;
    margin: 8px 24px !important;
    display: inline-block !important;
    padding: 10px 24px !important;
  }
}

/* Fix hero mobile white space */
@media (max-width: 767px) {
  .elementor .e-21bd98b-3272f45 { min-height: 0 !important; justify-content: flex-start !important; }
  .elementor-element-b16b14e { min-height: 0 !important; }
}

/* #146 — Masquer CTA Studio + Entretien de Clarté sur mobile */
@media (max-width: 767px) {
  .e-aebaa43-4658ea5,
  .e-b66398f-cf42f2e {
    display: none !important;
  }
}

/* Fix /journal/ horizontal overflow — archive template inline containers */
.elementor-754 {
  overflow-x: hidden;
  max-width: 100%;
}