/* ═══════════════════════════════════════════════════════
   MENDAKI : ADAPTATION WORDPRESS / ELEMENTOR
   Chargée après mendaki.css. Neutralise les styles par défaut
   d'Elementor qui entrent en conflit, et habille le widget Form.
   ═══════════════════════════════════════════════════════ */

/* Barre d'administration (visible seulement connecté) */
.admin-bar .mdk-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .mdk-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .mdk-header { top: 0; } }

/* Elementor impose « .elementor img { height: auto } » : on rétablit les hauteurs du logo */
.elementor img.mdk-header__monkey { height: 104px; width: auto; max-width: none; }
.elementor .mdk-header.is-scrolled img.mdk-header__monkey { height: 54px; }
@media (max-width: 900px) {
  .elementor img.mdk-header__monkey { height: 66px; }
  .elementor .mdk-header.is-scrolled img.mdk-header__monkey { height: 40px; }
}
@media (max-width: 640px) { .elementor img.mdk-header__monkey { height: 54px; } }
@media (max-width: 360px) { .elementor img.mdk-header__monkey { height: 46px; } }
.elementor .mdk-lightbox img { max-height: calc(100vh - 150px); width: auto; }

/* Conteneurs Elementor qui portent une classe Mendaki : pas de marge ni d'espacement parasite */
.e-con.mdk-sec { padding: 0; gap: 0; margin: 0; }
.e-con.mdk-sec > .elementor-widget,
.e-con.mdk-sec > .e-con { margin: 0; }
.elementor-widget-html:has(> .mdk-header),
.elementor-widget-html:has(> .elementor-widget-container > .mdk-header) { position: static; }

/* ── Formulaire (widget Form d'Elementor Pro, classe mdk-eform) ── */
.mdk-form.e-con { display: block; padding: clamp(32px, 4vw, 52px); }
.mdk-form.e-con > .elementor-widget { width: 100%; }
.mdk-form__head .mdk-form__title { margin: 0 0 8px; }

.mdk-eform .elementor-form-fields-wrapper { margin-left: -13px; margin-right: -13px; }
.mdk-eform .elementor-field-group { padding-left: 13px; padding-right: 13px; margin-bottom: 22px; }

.mdk-eform .elementor-field-group .elementor-field-label {
  font-family: var(--label);
  font-weight: 500;
  font-size: 10.5px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: rgba(25, 46, 26, 0.6);
  padding: 0;
  margin-bottom: 6px;
}
.mdk-eform .elementor-mark-required .elementor-field-label::after { color: var(--orange); }

/* !important : le widget Form injecte fond blanc et bordure grise avec une spécificité très élevée */
.mdk-eform .elementor-field-group .elementor-field-textual,
.mdk-eform .elementor-field-group .elementor-select-wrapper select {
  width: 100%;
  min-height: 0;
  font: 15px var(--sans);
  color: var(--ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(25, 46, 26, 0.22) !important;
  border-radius: 0 !important;
  padding: 10px 2px;
  box-shadow: none;
  transition: border-color .25s;
}
.mdk-eform .elementor-field-group .elementor-field-textual:focus,
.mdk-eform .elementor-field-group .elementor-select-wrapper select:focus { outline: none; border-bottom-color: var(--orange) !important; box-shadow: none; }
.mdk-eform .elementor-field-textual::placeholder { color: rgba(25, 46, 26, 0.35); font-style: italic; opacity: 1; }
.mdk-eform textarea.elementor-field-textual { resize: vertical; min-height: 110px; }
.mdk-eform .elementor-select-wrapper::before { color: var(--ink); font-size: 12px; right: 4px; }
.mdk-eform .elementor-select-wrapper select { padding-right: 26px; cursor: pointer; }
.mdk-eform .elementor-select-wrapper option { background: var(--paper); color: var(--ink); }

.mdk-eform .elementor-field-group.elementor-field-type-submit { margin-bottom: 0; margin-top: 6px; }
.mdk-eform .elementor-button {
  width: 100%;
  font-family: var(--label);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding: 18px 34px;
  border-radius: 2px;
  border: 1px solid var(--orange);
  background: var(--orange);
  color: var(--cream);
  transition: background-color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);
}
.mdk-eform .elementor-button:hover,
.mdk-eform .elementor-button:focus { background: var(--orange-dark); border-color: var(--orange-dark); color: var(--cream); transform: translateY(-2px); }

.mdk-eform .elementor-message { font: 13.5px/1.5 var(--sans); margin-top: 16px; }
.mdk-eform .elementor-message.elementor-message-success { color: #3F6B2A; }
.mdk-eform .elementor-message.elementor-message-danger,
.mdk-eform .elementor-error .elementor-field-textual { color: #B3261E; border-bottom-color: #B3261E !important; }
.mdk-eform .elementor-message::before { display: none; }
.mdk-eform .elementor-field-group .elementor-message { font-size: 12px; margin-top: 4px; }