/* Start custom CSS for html, class: .elementor-element-87f6296 *//* =========================================================
   ACTIVATION MOBILE AU TAP — FONDS COLORÉS
   Classe ajoutée temporairement par le JavaScript
   ========================================================= */

/* Le parcours thérapeutique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--parcours.is-active) .mobile-hover-bg--parcours{
  opacity:1;
}

/* L’Art-thérapie */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--art.is-active) .mobile-hover-bg--art{
  opacity:1;
}

/* La boussole éthique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--boussole.is-active) .mobile-hover-bg--boussole{
  opacity:1;
}

/* La cartographe */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--cartographe.is-active) .mobile-hover-bg--cartographe{
  opacity:1;
}

/* Les coordonnées */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--coordonnees.is-active) .mobile-hover-bg--coordonnees{
  opacity:1;
}

/* Le carnet de route */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--carnet.is-active) .mobile-hover-bg--carnet{
  opacity:1;
}

/* L’itinéraire artistique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--itineraire.is-active) .mobile-hover-bg--itineraire{
  opacity:1;
}


/* =========================================================
   ACTIVATION MOBILE AU TAP — CHEMINS
   ========================================================= */

/* Le parcours thérapeutique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--parcours.is-active) .mobile-chemin--parcours{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-haut-gauche 1.25s ease-in-out infinite alternate;
}

/* L’Art-thérapie */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--art.is-active) .mobile-chemin--art{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-haut-droite 1.25s ease-in-out infinite alternate;
}

/* La boussole éthique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--boussole.is-active) .mobile-chemin--boussole{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-gauche 1.25s ease-in-out infinite alternate;
}

/* La cartographe */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--cartographe.is-active) .mobile-chemin--cartographe{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-droite 1.25s ease-in-out infinite alternate;
}

/* Les coordonnées */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--coordonnees.is-active) .mobile-chemin--coordonnees{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-bas-gauche 1.25s ease-in-out infinite alternate;
}

/* Le carnet de route */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--carnet.is-active) .mobile-chemin--carnet{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-bas 1.25s ease-in-out infinite alternate;
}

/* L’itinéraire artistique */
.monart-hero-mobile__canvas:has(.monart-mobile-hotspot--itineraire.is-active) .mobile-chemin--itineraire{
  opacity:1;
  clip-path:circle(88% at 50% 48%);
  animation:monart-mobile-chemin-bas-droite 1.25s ease-in-out infinite alternate;
}


/* =========================================================
   ACTIVATION MOBILE AU TAP — COULEUR DU TEXTE
   ========================================================= */

.monart-mobile-hotspot--parcours.is-active{
  color:#2E8CA3;
}

.monart-mobile-hotspot--art.is-active{
  color:#9CC9D8;
}

.monart-mobile-hotspot--boussole.is-active{
  color:#9B9A8F;
}

.monart-mobile-hotspot--cartographe.is-active{
  color:#E4B83D;
}

.monart-mobile-hotspot--coordonnees.is-active{
  color:#EF7D72;
}

.monart-mobile-hotspot--carnet.is-active{
  color:#D6B7AF;
}

.monart-mobile-hotspot--itineraire.is-active{
  color:#A8AC98;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2d0830 */@media (max-width:900px){

  .monart-copy-card h2{
    line-height:1.18 !important;
    padding-top:.55em !important;
    margin-top:0 !important;
    overflow:visible !important;
  }

  .monart-copy-card h2 small{
    line-height:1.15 !important;
    overflow:visible !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-864c01f *//* =========================================================
   CONTACT — SECTION RÉUTILISABLE TOUTES PAGES
   ========================================================= */

.monart-contact-section{
  position:relative;
  padding:clamp(5rem, 8vw, 8rem) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(239,125,114,.12), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(156,201,216,.18), transparent 32%),
    linear-gradient(180deg, rgba(246,239,225,.96), rgba(239,228,208,.92));
}

.monart-contact-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(111,88,69,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111,88,69,.13) 1px, transparent 1px);
  background-size:34px 34px;
}

.monart-contact-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(360px, .85fr);
  gap:clamp(2rem, 5vw, 5rem);
  align-items:center;
  position:relative;
  z-index:1;
}

.monart-contact-copy,
.monart-contact-visual{
  position:relative;
  z-index:2;
}


/* =========================================================
   COLONNE GAUCHE — CARTE COORDONNÉES
   ========================================================= */

.monart-contact-card{
  position:relative;
  background:rgba(255,248,236,.78);
  border:1px solid rgba(111,88,69,.13);
  box-shadow:0 28px 70px rgba(66,48,32,.14);
  padding:clamp(1.8rem, 4vw, 3.2rem);
  clip-path:polygon(0 3%, 97% 0, 100% 96%, 3% 100%);
  transform:rotate(-1.2deg);
  backdrop-filter:blur(2px);
}

.monart-contact-card:before{
  content:"";
  position:absolute;
  width:120px;
  height:30px;
  top:-13px;
  left:8%;
  background:rgba(228,184,61,.30);
  transform:rotate(-4deg);
  z-index:3;
}

.monart-contact-card h2{
  margin:0 0 1.5rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-weight:400;
  line-height:.98;
  color:#EF7D72;
  font-size:clamp(2.4rem, 5vw, 4.8rem);
}

.monart-contact-card h2 small{
  display:block;
  margin-top:.55rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-size:clamp(1.15rem, 2vw, 1.7rem);
  line-height:1.1;
  color:#EF7D72;
}

.monart-contact-card p{
  margin:0 0 1.35rem;
  font-family:var(--font-texte, "Lora", Georgia, serif);
  color:var(--encre, #2D2924);
  line-height:1.72;
}

/* Strong de la colonne gauche = effet surlignage */
.monart-contact-card p strong{
  position:static !important;
  display:inline !important;
  width:auto !important;
  height:auto !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;

  
  font-weight:700 !important;
  background:linear-gradient(
    180deg,
    transparent 58%,
    rgba(228,184,61,.26) 58%
  ) !important;
  padding:0 .04em !important;
  line-height:inherit !important;
}

.monart-contact-card a{
  color:inherit;
  text-decoration:none;
}

.monart-contact-card a:hover{
  color:#EF7D72;
}

.monart-contact-details{
  margin-top:2rem;
  text-align:center;
}

.monart-contact-details h3{
  margin:0 0 .8rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-weight:400;
  color:#EF7D72;
  font-size:clamp(1.25rem, 2vw, 1.8rem);
  line-height:1.15;
}


/* =========================================================
   COLONNE DROITE — FOND CARTE + FORMULAIRE
   ========================================================= */

.monart-contact-visual{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:560px;
}

/* Fond imitation carte sous le formulaire */
.monart-contact-map-paper{
  position:absolute;
  width:min(560px, 100%);
  height:min(620px, 100%);
  min-height:500px;
  background:
    radial-gradient(circle at 22% 24%, rgba(156,201,216,.24), transparent 22%),
    radial-gradient(circle at 74% 70%, rgba(228,184,61,.18), transparent 24%),
    linear-gradient(rgba(255,248,236,.72), rgba(255,248,236,.72)),
    linear-gradient(90deg, rgba(111,88,69,.12) 1px, transparent 1px),
    linear-gradient(rgba(111,88,69,.10) 1px, transparent 1px);
  background-size:
    auto,
    auto,
    auto,
    42px 42px,
    42px 42px;
  border:1px solid rgba(111,88,69,.11);
  box-shadow:0 26px 72px rgba(66,48,32,.12);
  clip-path:polygon(3% 0, 100% 4%, 96% 100%, 0 94%);
  transform:rotate(-2.4deg) translate(10px, 8px);
  opacity:.78;
  z-index:1;
  pointer-events:none;
}

/* Traces de routes sur la carte */
.monart-contact-map-paper:before{
  content:"";
  position:absolute;
  inset:10%;
  opacity:.42;
  background:
    radial-gradient(ellipse at 28% 18%, transparent 0 36%, rgba(46,140,163,.45) 37% 38%, transparent 39%),
    radial-gradient(ellipse at 70% 70%, transparent 0 42%, rgba(239,125,114,.36) 43% 44%, transparent 45%),
    linear-gradient(135deg, transparent 0 47%, rgba(111,88,69,.18) 48% 49%, transparent 50%);
  filter:blur(.1px);
}

/* Petite étiquette / fragment papier */
.monart-contact-map-paper:after{
  content:"";
  position:absolute;
  width:115px;
  height:28px;
  top:34px;
  right:70px;
  background:rgba(156,201,216,.30);
  transform:rotate(3deg);
}


/* =========================================================
   CARTE FORMULAIRE
   ========================================================= */

.monart-form-card-monart{
  position:relative;
  z-index:2;
  width:min(460px,100%);
  min-height:430px;
  padding:clamp(1.5rem,3vw,2.5rem);
  background:rgba(255,248,236,.82);
  border:1px solid rgba(111,88,69,.15);
  box-shadow:0 28px 70px rgba(66,48,32,.16);
  clip-path:polygon(0 3%,98% 0,100% 97%,3% 100%);
  transform:rotate(var(--rot,2deg));
  backdrop-filter:blur(2px);
}

.monart-form-card-tape{
  position:absolute;
  width:92px;
  height:26px;
  top:-12px;
  left:42px;
  background:rgba(156,201,216,.32);
  transform:rotate(-4deg);
}

.monart-form-card-label{
  margin:0 0 .8rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace);
  font-size:.92rem;
  color:var(--trace, #6F5845);
  letter-spacing:.06em;
}

.monart-form-card-slot{
  min-height:280px;
  position:relative;
}


/* =========================================================
   FORMULAIRE — CHAMPS
   WPForms / Elementor / CF7 / Fluent Forms
   ========================================================= */

.monart-form-card-monart form,
.monart-form-card-monart .elementor-form,
.monart-form-card-monart .wpcf7-form,
.monart-form-card-monart .wpforms-form{
  position:relative;
  z-index:2;
}

.monart-form-card-monart input,
.monart-form-card-monart textarea,
.monart-form-card-monart select{
  width:100%;
  border:1px solid rgba(111,88,69,.25) !important;
  background:rgba(255,255,255,.45) !important;
  color:var(--encre, #2D2924) !important;
  font-family:var(--font-ui, Arial, sans-serif) !important;
  font-size:1rem !important;
  padding:.9rem .95rem !important;
  border-radius:0 !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5) !important;
}

.monart-form-card-monart textarea{
  min-height:130px;
  resize:vertical;
}

.monart-form-card-monart label{
  display:block;
  margin-bottom:.45rem;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace) !important;
  font-size:.92rem !important;
  color:var(--trace, #6F5845) !important;
}

.monart-form-card-monart input:focus,
.monart-form-card-monart textarea:focus,
.monart-form-card-monart select:focus{
  border-color:var(--corail, #EF7D72) !important;
  box-shadow:0 0 0 3px rgba(239,125,114,.14) !important;
}


/* =========================================================
   BOUTON FORMULAIRE
   ========================================================= */

.monart-form-card-monart .elementor-field-type-submit,
.monart-form-card-monart .elementor-field-group.elementor-field-type-submit,
.monart-form-card-monart .elementor-button-wrapper,
.monart-form-card-monart .wpcf7-submit,
.monart-form-card-monart .ff_submit_btn_wrapper,
.monart-form-card-monart .wpforms-submit-container{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:20 !important;
  margin-top:1.2rem !important;
}

.monart-form-card-monart button,
.monart-form-card-monart input[type="submit"],
.monart-form-card-monart button[type="submit"],
.monart-form-card-monart .elementor-button,
.monart-form-card-monart button.elementor-button,
.monart-form-card-monart .elementor-field-type-submit button,
.monart-form-card-monart .wpcf7-submit,
.monart-form-card-monart .ff-btn-submit,
.monart-form-card-monart .wpforms-submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:21 !important;
  width:auto !important;
  min-width:180px !important;
  min-height:46px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#EF7D72 !important;
  color:#FFF8EC !important;
  padding:.9rem 1.4rem !important;
  font-family:var(--font-repere, "Special Elite", "Courier New", monospace) !important;
  font-size:1rem !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 14px 28px rgba(66,48,32,.12) !important;
  transition:transform .25s ease, filter .25s ease !important;
}

.monart-form-card-monart .elementor-button-text{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#FFF8EC !important;
}

.monart-form-card-monart button:hover,
.monart-form-card-monart input[type="submit"]:hover,
.monart-form-card-monart button[type="submit"]:hover,
.monart-form-card-monart .elementor-button:hover,
.monart-form-card-monart .wpcf7-submit:hover,
.monart-form-card-monart .ff-btn-submit:hover,
.monart-form-card-monart .wpforms-submit:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:900px){

  .monart-contact-grid{
    grid-template-columns:1fr;
    gap:3rem;
  }

  .monart-contact-card{
    transform:none;
    clip-path:polygon(0 2%, 98% 0, 100% 98%, 3% 100%);
  }

  .monart-contact-card h2{
    font-size:clamp(2.3rem, 12vw, 3.8rem);
  }

  .monart-contact-visual{
    min-height:auto;
    padding:2rem 0 0;
  }

  .monart-contact-map-paper{
    width:100%;
    height:100%;
    min-height:460px;
    transform:rotate(-1.5deg) translate(0, 8px);
  }

  .monart-form-card-monart{
    width:100%;
    transform:none !important;
  }
}/* End custom CSS */