/* ==========================================================================
   HERO TYPO (Maison Le Doré)
   ========================================================================== */
.hero-title{
  margin:0!important;
  padding:0!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  line-height:1.06;
}

.hero-brand{
  order:1;
  display:block;
  font-family:"EB Garamond",Garamond,Georgia,serif;
  font-weight:700; /* was 800 */
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#b18c2d;
  font-size:clamp(1.75rem,4.4vw,2.85rem);
  margin:0 0 .28rem;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}

.hero-tag{
  order:2;
  display:block;
  font-family:"EB Garamond",Garamond,Georgia,serif;
  font-weight:600; /* was 650 */
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(0,0,0,.62);
  font-size:clamp(.90rem,1.85vw,1.10rem);
  margin:0;
}

.hero-tag:after{
  content:"";
  display:block;
  width:66px;
  height:1px;
  margin:.50rem auto .30rem;
  background:rgba(177,140,45,.48);
}

.hero-rest{
  order:3;
  display:block;
  font-family:"EB Garamond",Garamond,Georgia,serif;
  font-weight:400; /* was 500 */
  color:rgba(0,0,0,.74);
  font-size:clamp(1.18rem,3vw,2.05rem);
  line-height:1.14;
  margin:0;
  text-shadow:0 1px 0 rgba(255,255,255,.60);
}

@media (max-width:480px){
  .hero-title{ line-height:1.04; }
  .hero-brand{ letter-spacing:.08em; margin-bottom:.22rem; font-size:clamp(1.65rem,8vw,2.35rem); }
  .hero-tag:after{ width:56px; margin:.42rem auto .22rem; }
}

/* Baseline dotted */
.mld-baseline--dots{
  margin:12px auto 0;
  max-width:760px;
  text-align:center;
  font-size:clamp(14px,1.25vw,18px);
  line-height:1.5;
  color:rgba(0,0,0,.86);
  font-weight:600; /* was 650 */
  letter-spacing:.01em;
  text-shadow:0 1px 0 rgba(255,255,255,.70);
}

.mld-baseline--dots .dot{
  display:inline-block;
  opacity:.60;
  padding:0 .55em;
  font-weight:400; /* was 900 */
  transform:translateY(-.02em);
}

.mld-baseline--dots br+span{
  display:inline-block;
  margin-top:4px;
  font-size:.92em;
  opacity:.92;
}

@media (max-width:980px){
  .mld-baseline--dots{ max-width:92vw; }
  .mld-baseline--dots br+span{ margin-top:3px; }
}

/* ==========================================================================
   HERO - ÉLÉMENTS COMPLÉMENTAIRES
   ========================================================================== */
.mld-hero-note{
  margin:10px 0 22px;
  color:#7a6a4d;
  font-weight:600;
}

.mld-hero-image-wrap{
  margin:18px auto 28px;
  text-align:center;
}

.mld-hero-image{
  display:block;
  width:100%;
  max-width:860px;
  height:auto;
  margin:0 auto;
  border-radius:10px;
  box-shadow:0 10px 28px rgba(0,0,0,0.08);
}

.mld-proof-top{
  display:flex;
  justify-content:center;
  margin:28px 0 26px;
}

/* ==========================================================================
   HERO HOME DIVI - OVERLAY PREMIUM
   AJOUTER LA CLASSE "mld-home-hero" À LA SECTION HERO
   ========================================================================== */
.mld-home-hero{
  position:relative;
  overflow:hidden;
}

.mld-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      to right,
      rgba(248,245,238,0.78) 0%,
      rgba(248,245,238,0.68) 18%,
      rgba(248,245,238,0.48) 36%,
      rgba(248,245,238,0.24) 54%,
      rgba(248,245,238,0.08) 70%,
      rgba(248,245,238,0) 88%
    ),
    linear-gradient(
      to bottom,
      rgba(248,245,238,0.04) 0%,
      rgba(248,245,238,0.02) 50%,
      rgba(248,245,238,0) 100%
    );
}

.mld-home-hero .et_pb_row,
.mld-home-hero .et_pb_column,
.mld-home-hero .et_pb_module,
.mld-home-hero .et_pb_text,
.mld-home-hero .et_pb_button_module_wrapper,
.mld-home-hero .et_pb_button{
  position:relative;
  z-index:2;
}

.mld-home-hero .et_pb_text_inner,
.mld-home-hero h1,
.mld-home-hero h2,
.mld-home-hero h3,
.mld-home-hero p,
.mld-home-hero li{
  text-shadow:0 1px 2px rgba(0,0,0,0.05);
}

/* ==========================================================================
   RESPONSIVE TABLET / MOBILE — HERO
   ========================================================================== */
@media (max-width:980px){
  .mld-hero-image{
    border-radius:8px;
  }

  .mld-home-hero{
    background-position:82% 52% !important;
    background-size:122% auto !important;
  }

  .mld-home-hero::before{
    background:
      linear-gradient(
        to bottom,
        rgba(248,245,238,0.70) 0%,
        rgba(248,245,238,0.52) 24%,
        rgba(248,245,238,0.24) 52%,
        rgba(248,245,238,0.06) 78%,
        rgba(248,245,238,0) 100%
      ),
      linear-gradient(
        to right,
        rgba(248,245,238,0.30) 0%,
        rgba(248,245,238,0.14) 16%,
        rgba(248,245,238,0.04) 34%,
        rgba(248,245,238,0) 52%
      );
  }
}

/* ==========================================================================
   PETITS MOBILES / IPHONE 7 / IPHONE 16E
   ========================================================================== */
@media (max-width:640px){
  .mld-home-hero{
    background-position:88% 47% !important;
    background-size:120% auto !important;
  }
}
/* ==========================================================================
   Pages locales hero style
   ========================================================================== */
.mld-hero-note{
  margin:10px 0 22px;
  color:#7a6a4d;
  font-weight:600;
}

.mld-hero-image-wrap{
  margin:18px auto 28px;
  text-align:center;
}

.mld-hero-image{
  width:100%;
  max-width:860px;
  height:auto;
  border-radius:10px;
  box-shadow:0 10px 28px rgba(0,0,0,0.08);
}

.mld-proof-top{
  margin:28px 0 26px;
  display:flex;
  justify-content:center;
}