/* City image ownership: keep the original Marrakech photograph. */
html body.marrakech-phase1[data-city-theme="marrakech"]{--bn-cinematic-v2-image:url("/assets/images/marrakech-hivernage-night-v2.webp")}
/* By Night / Marrakech cinematic homepage V2, October 30 2026.
   Marrakech-only. Licensed real image: Marokistorique, Wikimedia Commons,
   CC BY-SA 4.0, adapted to responsive WebP and lightly color-adjusted.
   Other cities and content systems are deliberately untouched. */

html body.marrakech-phase1[data-city-theme] .bynight-home-landing {
  background-color:#05070b !important;
  background-image:
    linear-gradient(180deg, rgba(5,7,12,.63) 0%, rgba(5,7,12,.32) 35%, rgba(5,7,12,.39) 67%, rgba(3,4,8,.87) 100%),
    var(--bn-cinematic-v2-image,var(--city-hero)) !important;
  background-position:center center, center 56% !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-menu-glow::before {
  display:none !important;
}

/* Signature: keep LA NUIT COMMENCE ICI on one visual line. */
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-stage {
  z-index:6;
  width:min(760px,calc(100% - 20px));
  max-width:760px;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-tagline {
  display:flex !important;
  width:100% !important;
  flex-flow:row nowrap !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:clamp(8px,1.15vw,17px) !important;
  margin-bottom:clamp(6px,1.2vh,12px) !important;
  white-space:nowrap !important;
  text-align:center !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-first {
  display:inline-flex;
  flex:0 0 auto;
  align-items:baseline;
  gap:clamp(6px,.8vw,13px);
  white-space:nowrap;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-last {
  display:inline-block;
  width:auto;
  flex:0 0 auto;
  align-self:baseline;
  margin:0;
  line-height:1.2;
  white-space:nowrap;
}

/* Restored editorial feature — explicitly centered between header and lower line. */
@keyframes bnMarrakechFeaturedEntrance {from{opacity:0}to{opacity:1}}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
  position:absolute !important;
  z-index:5 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr);
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  order:initial !important;
  align-self:auto !important;
  justify-self:auto !important;
  flex:none !important;
  width:min(350px,32vw,42vh) !important;
  max-width:none !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-45%) !important;
  text-align:center;
  animation:bnMarrakechFeaturedEntrance .85s ease-out 4.45s both;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature > h2 {
  display:block;
  margin:0 0 8px !important;
  font-size:clamp(10px,.85vw,12px);
  letter-spacing:.2em;
  color:#f5dba3;
  text-align:center !important;
  text-shadow:0 2px 11px #000;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-featured-card {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  max-height:none !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:16 / 10 !important;
  border:1px solid rgba(246,210,144,.36);
  border-radius:clamp(12px,1.25vw,20px);
  overflow:hidden;
  box-shadow:0 16px 48px rgba(0,0,0,.63);
  transform:none !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-featured-card :is(img,video) {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-featured-copy {
  text-align:left;
}

/* The introductory sentence is now a DIRECT child of the full-viewport hero.
   Full left/right inset prevents inherited grid alignment from shifting it. */
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered {
  position:absolute !important;
  z-index:6;
  top:auto !important;
  left:0 !important;
  right:0 !important;
  bottom:clamp(83px,11.5vh,117px) !important;
  display:block;
  box-sizing:border-box;
  width:100% !important;
  max-width:none !important;
  padding:0 clamp(16px,4vw,70px);
  margin:0;
  transform:none !important;
  text-align:center !important;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered .footer-intro {
  position:static !important;
  display:block;
  width:100%;
  max-width:850px;
  margin:0 auto !important;
  padding:0 !important;
  transform:none !important;
  border:0 !important;
  color:#faf2e7;
  font-size:clamp(12px,1.2vw,17px);
  font-weight:600;
  line-height:1.45;
  letter-spacing:0;
  text-wrap:balance;
  text-align:center !important;
  text-shadow:0 2px 12px rgba(0,0,0,.95), 0 1px 3px #000;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-legal {
  z-index:7;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-hero-photo-credit {
  box-sizing:border-box;
  display:block;
  flex:0 0 100%;
  width:100%;
  margin:0;
  padding:0;
  color:rgba(239,232,220,.75);
  text-align:center;
  font:400 9px/1.2 "DM Sans",sans-serif;
  letter-spacing:0;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-hero-photo-credit a {
  color:inherit;
  text-decoration:underline;
  text-decoration-color:rgba(239,232,220,.38);
  text-underline-offset:2px;
  padding:0;
}

@media (max-width:760px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing {
    background-image:
      linear-gradient(180deg,rgba(5,6,11,.62) 0%,rgba(5,6,11,.32) 42%,rgba(4,5,9,.46) 68%,rgba(3,4,8,.89) 100%),
      var(--bn-cinematic-v2-image,var(--city-hero)) !important;
    background-position:center center, 62% center !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-stage {
    width:calc(100% - 12px);
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-tagline {
    gap:clamp(5px,1.5vw,9px) !important;
    margin:0 0 7px !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-first {
    gap:5px;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-article {
    font-size:clamp(9px,2.65vw,12px);
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-night {
    font-size:clamp(29px,8.5vw,40px);
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-title-last {
    font-size:clamp(9px,2.45vw,11px);
    letter-spacing:.16em;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    top:50% !important;
    width:min(270px,70vw,34dvh) !important;
    transform:translate(-50%,-43%) !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature > h2 {
    margin-bottom:5px !important;
    font-size:10px;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered {
    bottom:clamp(100px,15dvh,140px) !important;
    padding-inline:12px;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered .footer-intro {
    max-width:480px;
    font-size:clamp(11px,3vw,14px);
    line-height:1.38;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-hero-photo-credit {
    font-size:8px;
  }
}
@media (max-width:760px) and (max-height:680px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    width:min(240px,68vw,30dvh) !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .bn-home-editorial--centered {
    bottom:clamp(95px,15dvh,118px) !important;
  }
}
@media (min-width:761px) and (max-height:760px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    width:min(310px,32vw,36vh) !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    animation:none !important;
  }
}