/*
Maudimi FSE V29 - targeted premium motion and usability fix.
*/

:root {
  --mdm-v29-bg: #070504;
  --mdm-v29-ink: #100b08;
  --mdm-v29-paper: #fff8ea;
  --mdm-v29-paper-2: #f5ebdc;
  --mdm-v29-text: #211713;
  --mdm-v29-muted: #5d4b40;
  --mdm-v29-gold: #e2bb72;
  --mdm-v29-gold-strong: #f3cf85;
  --mdm-v29-copper: #9a4638;
  --mdm-v29-blue: #8db8cf;
  --mdm-v29-sage: #a8bd8f;
  --mdm-v29-coral: #db7a62;
  --mdm-v29-border: rgba(255, 239, 211, 0.22);
  --mdm-v29-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
  --mdm-v29-ease: cubic-bezier(0.19, 1, 0.22, 1);
}

body {
  background: var(--mdm-v29-bg);
  color: var(--mdm-v29-paper);
}

body:not(.editor-styles-wrapper) .wp-site-blocks {
  padding-top: 92px;
}

.admin-bar .mdm-header-v29 {
  top: 46px;
}

.mdm-header-v29 {
  position: fixed !important;
  top: 16px;
  right: auto;
  left: 50%;
  z-index: 10050;
  width: min(calc(100% - 32px), 1180px);
  margin: 0 !important;
  transform: translateX(-50%);
  border: 1px solid rgba(255, 239, 211, 0.18);
  border-radius: 999px;
  background: rgba(8, 5, 4, 0.78);
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(18px) saturate(132%);
  transition: width 260ms var(--mdm-v29-ease), background 260ms ease, box-shadow 260ms ease, border-color 260ms ease, transform 260ms var(--mdm-v29-ease);
}

.mdm-header-v29.is-scrolled {
  width: min(calc(100% - 48px), 1040px);
  background: rgba(9, 6, 4, 0.9);
  border-color: rgba(243, 207, 133, 0.28);
  box-shadow: 0 22px 76px rgba(0, 0, 0, 0.46);
}

.mdm-brand-v28,
.mdm-brand-v28 a,
.mdm-brand-title,
.mdm-brand-baseline {
  white-space: nowrap;
}

.mdm-brand-baseline {
  color: rgba(255, 248, 234, 0.76) !important;
  font-size: clamp(0.62rem, 0.74vw, 0.78rem) !important;
  font-weight: 760;
}

.mdm-desktop-nav-v29 a {
  min-height: 40px;
  padding: 0.62rem 0.84rem;
  color: rgba(255, 248, 234, 0.88);
  font-size: clamp(0.84rem, 0.86vw, 0.94rem);
}

.mdm-desktop-nav-v29 a[aria-current="page"],
.mdm-desktop-nav-v29 a.is-active {
  color: #140e0a;
  background: linear-gradient(135deg, #f3cf85, #d9ab61);
}

.maudimi-hero-v28 {
  min-height: clamp(620px, 78vh, 780px) !important;
  padding: clamp(4.8rem, 8vh, 7rem) clamp(1rem, 4vw, 4rem) clamp(3rem, 6vh, 4.5rem) !important;
}

.maudimi-hero-v28 .wp-block-cover__image-background {
  filter: saturate(1.02) contrast(1.04) brightness(0.72);
}

.maudimi-hero-copy-v28 {
  max-width: min(760px, 100%);
  padding: clamp(1.1rem, 2.2vw, 1.8rem);
  background: linear-gradient(145deg, rgba(7, 5, 4, 0.6), rgba(7, 5, 4, 0.28));
}

.maudimi-hero-v28 h1,
.maudimi-hero-title-v28,
.maudimi-page-hero-v28 h1,
.maudimi-section-dark h1,
.mdm-dark h1 {
  max-width: 780px;
  font-size: clamp(3rem, 6.4vw, 5.85rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal;
}

.maudimi-hero-v28 .has-lead-font-size,
.maudimi-hero-lead-v28 {
  max-width: 660px;
  color: rgba(255, 248, 234, 0.78) !important;
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
  line-height: 1.58 !important;
}

.maudimi-hero-proof-v28 {
  max-width: 620px;
  color: rgba(255, 248, 234, 0.66) !important;
  font-size: clamp(0.94rem, 1vw, 1.05rem);
}

.maudimi-hero-actions-v28 {
  gap: 0.7rem;
  margin-top: 1.1rem;
}

.maudimi-hero-actions-v28 .wp-block-button__link {
  min-height: 48px;
  padding: 0.82rem 1.1rem;
}

.maudimi-hero-link {
  margin-top: 0.7rem !important;
}

.maudimi-hero-copy-v28 .maudimi-portal-hotspot-v28 {
  position: static !important;
  width: min(100%, 620px);
  margin-top: 1.05rem;
  padding: 0.5rem;
  border-radius: 22px;
  background: rgba(255, 248, 234, 0.07);
  box-shadow: none;
}

.maudimi-portal-hotspot-v28 button {
  display: none !important;
}

.maudimi-portal-panel-v28 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.42rem;
}

.maudimi-portal-panel-v28 a {
  display: grid;
  gap: 0.18rem;
  min-height: 0 !important;
  padding: 0.75rem 0.82rem !important;
  border: 1px solid rgba(255, 239, 211, 0.14);
  border-radius: 16px;
  background: rgba(12, 8, 6, 0.62) !important;
  color: var(--mdm-v29-paper) !important;
  text-decoration: none;
}

.maudimi-portal-panel-v28 b {
  font-size: 0.92rem;
  line-height: 1.15;
}

.maudimi-portal-panel-v28 em {
  color: rgba(255, 248, 234, 0.64);
  font-size: 0.8rem;
  line-height: 1.25;
}

.maudimi-section {
  padding-top: clamp(3rem, 6vw, 5.6rem);
  padding-bottom: clamp(3rem, 6vw, 5.6rem);
}

.maudimi-section h2,
.mdm-section h2 {
  font-size: clamp(2.3rem, 5vw, 4.8rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.maudimi-enter-v28 .has-lead-font-size {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  color: rgba(255, 248, 234, 0.8) !important;
}

.maudimi-enter-grid-v28 {
  align-items: stretch;
}

.maudimi-path-card-v28 {
  min-height: 220px;
  padding: clamp(1.1rem, 2vw, 1.45rem);
  background: linear-gradient(145deg, #fffaf1, #eee5d8);
}

.maudimi-path-card-v28 span,
.maudimi-path-card-v28 strong,
.maudimi-path-card-v28 em {
  display: block;
}

.maudimi-path-card-v28 span {
  margin-bottom: 0.65rem;
  color: #7f4c35;
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.maudimi-path-card-v28 strong {
  margin-bottom: 0.45rem;
  color: #221711;
  font-size: clamp(1.12rem, 1.65vw, 1.45rem);
  line-height: 1.12;
}

.maudimi-path-card-v28 em {
  color: #49382e;
  font-size: clamp(0.98rem, 1.15vw, 1.08rem);
  line-height: 1.5;
}

.maudimi-door-grid-v28,
.maudimi-doors-grid-v28 {
  grid-template-columns: repeat(5, minmax(170px, 1fr));
  width: min(100% - 32px, 1320px);
}

.maudimi-door-card-v28 {
  min-height: clamp(360px, 34vw, 500px);
  border-radius: 24px;
}

.maudimi-door-card-v28 p {
  color: rgba(255, 248, 234, 0.88);
  font-weight: 560;
}

.maudimi-door-card-v28 .door-cta {
  background: rgba(255, 248, 234, 0.14);
  color: #fffaf1;
}

.maudimi-latest-section-v28 .wp-block-group:first-child {
  gap: 1rem;
}

.maudimi-latest-section-v28 .maudimi-kicker,
.maudimi-latest-section-v28 h2,
.maudimi-latest-section-v28 p,
.maudimi-latest-section-v28 a {
  color: var(--mdm-v29-paper) !important;
}

.maudimi-article-card,
.maudimi-latest-v28 .wp-block-group:has(.wp-block-post-title) {
  border: 1px solid rgba(60, 38, 24, 0.12);
  border-radius: 18px;
  background: #fffaf1;
}

.maudimi-article-card .wp-block-post-title,
.maudimi-article-card .wp-block-post-title a {
  color: #963d32 !important;
}

.maudimi-article-card p,
.maudimi-article-card .wp-block-post-excerpt {
  color: #5b463b !important;
}

.maudimi-newsletter,
.mdm-footer-v28 {
  border-color: rgba(255, 239, 211, 0.16);
}

.maudimi-newsletter-form input[type="email"],
.wp-block-search__input {
  color: #fffaf1 !important;
  background: rgba(255, 248, 234, 0.12) !important;
  border-color: rgba(255, 239, 211, 0.28) !important;
}

.mdm-paper .wp-block-search__input,
.maudimi-card .wp-block-search__input {
  color: #211713 !important;
  background: #fffaf1 !important;
}

.wp-block-search__button,
.maudimi-newsletter-form button {
  color: #130d09 !important;
  background: linear-gradient(135deg, #f5d78d, #d9ab61) !important;
}

.maudimi-page-v28,
.maudimi-page-feuillets-v26,
.maudimi-page-rubriques-v26,
.maudimi-start-v25 {
  color: #211713;
}

.maudimi-page-hero-v28,
.maudimi-feuillets-hero-v26,
.maudimi-section-dark,
.mdm-dark {
  padding-top: clamp(4.5rem, 8vw, 7rem) !important;
  padding-bottom: clamp(3.5rem, 6vw, 5.8rem) !important;
}

.maudimi-page-hero-v28 .has-lead-font-size,
.maudimi-feuillets-hero-v26 .has-lead-font-size,
.maudimi-section-dark .has-lead-font-size,
.mdm-dark .mdm-lead {
  max-width: 760px;
  color: rgba(255, 248, 234, 0.76) !important;
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
}

.maudimi-filter-links-v26 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.35rem;
}

.maudimi-filter-links-v26 a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  border: 1px solid rgba(255, 239, 211, 0.24);
  border-radius: 999px;
  padding: 0.68rem 0.9rem;
  color: #fff8ea !important;
  background: rgba(255, 248, 234, 0.08);
  text-decoration: none;
}

@media (max-width: 1180px) {
  .maudimi-door-grid-v28,
  .maudimi-doors-grid-v28 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100% - 28px, 760px);
  }

  .maudimi-door-card-v28:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  body:not(.editor-styles-wrapper) .wp-site-blocks {
    padding-top: 82px;
  }

  .mdm-header-v29,
  .mdm-header-v29.is-scrolled {
    top: 10px;
    width: calc(100% - 18px);
    border-radius: 24px;
  }

  .admin-bar .mdm-header-v29 {
    top: 56px;
  }

  .mdm-brand-baseline {
    display: none;
  }

  .maudimi-hero-v28 {
    min-height: auto !important;
    padding: 4.6rem 0.9rem 2.6rem !important;
  }

  .maudimi-hero-copy-v28 {
    max-width: 100%;
  }

  .maudimi-portal-panel-v28 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 782px) {
  .maudimi-hero-v28 h1,
  .maudimi-hero-title-v28,
  .maudimi-page-hero-v28 h1,
  .maudimi-section-dark h1,
  .mdm-dark h1 {
    font-size: clamp(2.45rem, 11.5vw, 3.6rem) !important;
    line-height: 1.02 !important;
  }

  .maudimi-section h2,
  .mdm-section h2 {
    font-size: clamp(2rem, 9.6vw, 3.1rem) !important;
  }

  .maudimi-enter-grid-v28,
  .maudimi-guide-grid-v28,
  .maudimi-object-grid-v28,
  .maudimi-door-grid-v28,
  .maudimi-doors-grid-v28 {
    grid-template-columns: 1fr !important;
    width: min(100% - 24px, 520px);
  }

  .maudimi-door-card-v28,
  .maudimi-door-card-v28:last-child {
    grid-column: auto;
    min-height: 300px;
  }

  .maudimi-path-card-v28 {
    min-height: 0;
  }

  .maudimi-latest-section-v28 .wp-block-group:first-child {
    display: grid !important;
  }
}

@media (max-width: 430px) {
  body:not(.editor-styles-wrapper) .wp-site-blocks {
    padding-top: 76px;
  }

  .mdm-header-v29 {
    padding: 8px 10px 8px 12px;
  }

  .mdm-brand-title,
  .mdm-brand-v28 a {
    font-size: 0.98rem !important;
  }

  .maudimi-hero-copy-v28 {
    padding: 0.95rem;
    border-radius: 20px;
  }

  .maudimi-hero-v28 h1,
  .maudimi-page-hero-v28 h1,
  .maudimi-section-dark h1,
  .mdm-dark h1 {
    font-size: clamp(2.16rem, 11vw, 2.85rem) !important;
  }

  .maudimi-hero-v28 .has-lead-font-size,
  .maudimi-page-hero-v28 .has-lead-font-size {
    font-size: 0.98rem !important;
  }

  .maudimi-hero-actions-v28 .wp-block-button,
  .maudimi-hero-actions-v28 .wp-block-button__link {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mdm-header-v29,
  .maudimi-portal-panel-v28 a,
  .maudimi-door-card-v28,
  .maudimi-path-card-v28 {
    transition: none !important;
  }
}
