/** MELEG Atelier 0.2 – presentation fixes for both 0.1 content and native Gutenberg image. */
/* The Atelier sales templates must be free of the old duplicated brand header. */
body.atelier-landing .atelier-header { display:none !important; }

/* A rescued HERO needs to be usable even before the one-click block migration runs.
   WordPress may retain the old Columns > Column wrappers in edited pages. */
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero {
  text-align:center !important;
  padding-top:clamp(35px,5vw,62px) !important;
  padding-bottom:clamp(50px,7vw,80px) !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-hero-grid,
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .wp-block-columns {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:20px !important;
  width:100% !important;
  max-width:1040px !important;
  margin-inline:auto !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .wp-block-columns > .wp-block-column,
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .wp-block-column {
  width:100% !important;
  max-width:1040px !important;
  flex-basis:auto !important;
  flex-grow:0 !important;
  margin-inline:auto !important;
  min-width:0 !important;
  text-align:center;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero > .wp-block-group,
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero > .wp-block-column {
  max-width:1040px !important;
  width:100% !important;
  margin-inline:auto !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-eyebrow,
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero h1,
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-lead,
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-mini {
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero h1 {
  font-size:clamp(36px,4.3vw,60px) !important;
  line-height:1.12 !important;
  max-width:940px !important;
  letter-spacing:-.026em !important;
  margin-top:12px !important;
  margin-bottom:17px !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-lead {
  font-size:clamp(16px,1.65vw,19px) !important;
  line-height:1.55 !important;
  max-width:790px !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-actions,
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .wp-block-buttons {
  justify-content:center !important;
  margin-inline:auto !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-mini {
  max-width:780px !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-photo-slot {
  max-width:880px !important;
  min-height:250px !important;
  width:100% !important;
  margin:24px auto !important;
  text-align:left;
}

/* Gutenberg's standard Image block is the hero media – it can be replaced from Media Library. */
:is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-stacked {
  width:100% !important;
  max-width:none !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-stacked > * {
  width:100%;
  max-width:960px;
  margin-inline:auto !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-media {
  width:min(100%,900px) !important;
  max-width:900px !important;
  margin:25px auto 16px !important;
  border-radius:23px;
  overflow:hidden;
  border:5px solid rgba(231,195,119,.95);
  box-shadow:0 26px 68px rgba(0,0,0,.20);
  background:#e1ccaa;
  box-sizing:border-box;
  animation:atelier-image-reveal .7s cubic-bezier(.16,.78,.3,1) both;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-media figure,
:is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-media .wp-block-image {
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:none !important;
  line-height:0;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-media img {
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-media .components-resizable-box__container {
  max-width:100% !important;
}
:is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-offers,
:is(body.atelier-landing, .editor-styles-wrapper) #mam-luxe-offers {scroll-margin-top:30px;}
@keyframes atelier-image-reveal {from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:760px) {
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero {padding:32px 16px 55px !important;}
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero h1 {
    font-size:clamp(34px,8.5vw,45px) !important;
    line-height:1.12 !important;
  }
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-lead {font-size:16px !important;}
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-atelier-hero-media {
    margin:22px auto 10px !important;
    border-width:3px;
    border-radius:17px;
  }
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-media img {aspect-ratio:4/3;object-position:center 50%;}
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .wp-block-buttons,
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-wpbutton,
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-luxe-hero .mam-luxe-wpbutton a {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    text-align:center;
  }
}
@media (prefers-reduced-motion:reduce){
  :is(body.atelier-landing, .editor-styles-wrapper) .mam-atelier-hero-media {animation:none !important;}
}