/* By Night Marrakech hero V4 — square feature, mobile header, piano navigation.
 * Scoped to the Marrakech city theme. Mobile header applies throughout the
 * Marrakech site; hero and intro animation affect the home page only.
 */
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-featured-card {
  box-sizing:border-box;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden;
}
html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-featured-card :is(img,video) {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Desktop: generous 1:1 featured square, enough clearance above the footer. */
@media (min-width:1024px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    top:44% !important;
    left:74% !important;
    width:min(40vw,550px,calc(100dvh - 320px)) !important;
    transform:translate(-50%,-50%) !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-featured-copy {
    left:clamp(14px,2vw,26px);
    right:clamp(14px,2vw,26px);
    bottom:clamp(16px,2.5vh,28px);
  }
}
@media (min-width:1024px) and (max-height:650px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    top:43% !important;
    width:min(38vw,440px,calc(100dvh - 270px)) !important;
  }
}

/* Mobile and tablet: still square, a little larger horizontally and much taller. */
@media (max-width:1023px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    top:calc(var(--home-section-inset,0px) + clamp(110px,18vh,184px)) !important;
    left:50% !important;
    width:min(83vw,340px,calc(100dvh - 375px)) !important;
    transform:translateX(-50%) !important;
  }
}
@media (max-width:760px) and (max-height:680px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .hero-daily-feature {
    width:min(83vw,310px,calc(100dvh - 375px)) !important;
  }
}

/* Marrakech topbar phone only: sign-in at TOP, language under it.
 * No change to desktop, logo or social/weather columns. */
@media (max-width:760px) {
  html body.marrakech-phase1[data-city-theme] .site-header .header-member-login {
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:center !important;
    align-self:center !important;
    width:max-content;
    height:28px !important;
    min-height:28px !important;
    padding:2px 8px !important;
    margin:0 !important;
    translate:none !important;
  }
  html body.marrakech-phase1[data-city-theme] .site-header .site-language-switch {
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:center !important;
    justify-self:center !important;
    width:max-content !important;
    min-height:0 !important;
    height:20px !important;
    margin:0 !important;
    translate:none !important;
    z-index:10060;
  }
  html body.marrakech-phase1[data-city-theme] .site-header .site-language-switch .language-select-button {
    box-sizing:border-box !important;
    min-height:20px !important;
    height:20px !important;
    padding:0 6px !important;
    border:0 !important;
    border-radius:4px;
    background:transparent !important;
    box-shadow:none !important;
    font-size:10px !important;
    line-height:18px !important;
  }
}

/* Reading sequence: one pulse per icon, left to right, repeated three times.
 * Highlight the ICON artwork without animating the clickable layout. */
@keyframes bnHeroPianoIcon {
  0%,18%,100% {
    transform:scale(1);
    filter:brightness(1) drop-shadow(0 1px 2px rgba(0,0,0,.32));
  }
  5% {
    transform:scale(1.19);
    filter:brightness(1.6) drop-shadow(0 0 8px rgba(255,216,90,1)) drop-shadow(0 0 18px rgba(255,193,58,.82));
  }
  11% {
    transform:scale(1.10);
    filter:brightness(1.33) drop-shadow(0 0 10px rgba(255,216,90,.72));
  }
}
html body.marrakech-phase1[data-city-theme] .marrakech-primary-nav.is-bn-hero-wave [data-primary-actions] > .button .home-action-icon img {
  animation-name:bnHeroPianoIcon !important;
  animation-duration:1.9s !important;
  animation-timing-function:ease-in-out !important;
  animation-iteration-count:3 !important;
  animation-fill-mode:both !important;
}
html body.marrakech-phase1[data-city-theme] .marrakech-primary-nav.is-bn-hero-wave [data-primary-actions] > .button:nth-child(1) .home-action-icon img {animation-delay:.02s !important;}
html body.marrakech-phase1[data-city-theme] .marrakech-primary-nav.is-bn-hero-wave [data-primary-actions] > .button:nth-child(2) .home-action-icon img {animation-delay:.45s !important;}
html body.marrakech-phase1[data-city-theme] .marrakech-primary-nav.is-bn-hero-wave [data-primary-actions] > .button:nth-child(3) .home-action-icon img {animation-delay:.88s !important;}
html body.marrakech-phase1[data-city-theme] .marrakech-primary-nav.is-bn-hero-wave [data-primary-actions] > .button:nth-child(4) .home-action-icon img {animation-delay:1.31s !important;}
@media (prefers-reduced-motion:reduce) {
  html body.marrakech-phase1[data-city-theme] .marrakech-primary-nav.is-bn-hero-wave [data-primary-actions] > .button .home-action-icon img {
    animation:none !important;
  }
}


/* Marrakech By Night — detail popups desktop width -10% (2026-10-31).
 * Venue / guide, event / agenda, report, article use the same panel.
 * At 1024+ the existing inset is 17.5% + clamp(5.2px,2.6vw,46.8px).
 * New inset 20.75% + .9 * that clamp => exactly 90% of prior width.
 * Never change phone/tablet geometry or gallery lightboxes.
 */
@media (min-width:1024px) {
  html body.marrakech-phase1[data-city-theme]
  .media-detail-shell[data-detail-type] .media-detail-shell-panel {
    inset-inline:calc(20.75% + clamp(4.68px,2.34vw,42.12px)) !important;
    width:auto !important;
    max-width:none !important;
    margin-inline:0 !important;
    transform:none !important;
  }
}

/* Marrakech by Night — restore the desktop venue's two-column lower summary.
   The popup retains its exact 10%-reduced outer width.  Only the venue
   layout at >=1024px changes; mobile/detail-page and other cities stay intact.

   The existing @container marrakech-detail (max-width:700px) rule switches
   narrow desktop dialog content to display:block. This scoped override
   retains the original left (short info/tags) + right (full description)
   composition even when the narrower desktop dialog crosses that threshold.
*/
@media (min-width:1024px) {
  @container marrakech-detail (max-width:700px) {
  html body.marrakech-phase1[data-city-theme]
  .media-detail-shell[data-detail-type="venue"]
  .venue-sheet-summary-grid.venue-sheet-first-screen-grid {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:clamp(12px,1.8vw,26px) !important;
    align-items:start !important;
    margin-top:12px !important;
  }

  html body.marrakech-phase1[data-city-theme]
  .media-detail-shell[data-detail-type="venue"]
  .venue-sheet-first-screen {
    display:contents !important;
  }

  html body.marrakech-phase1[data-city-theme]
  .media-detail-shell[data-detail-type="venue"]
  .venue-sheet-first-screen > :is(.venue-sheet-live-status,.venue-sheet-identity) {
    grid-column:1 / -1 !important;
  }

  html body.marrakech-phase1[data-city-theme]
  .media-detail-shell[data-detail-type="venue"]
  .venue-sheet-first-screen > .venue-sheet-summary-brief {
    grid-column:1 !important;
    grid-row:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-top:12px !important;
  }

  html body.marrakech-phase1[data-city-theme]
  .media-detail-shell[data-detail-type="venue"]
  .venue-sheet-first-screen-grid > .venue-sheet-long-description {
    grid-column:2 !important;
    grid-row:auto !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:15.5em !important;
    margin-top:12px !important;
    padding-left:clamp(12px,1.4vw,22px) !important;
    border-left:1px solid rgba(255,255,255,.13) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overflow-wrap:anywhere;
    scrollbar-width:thin;
  }
  }
}

/* Marrakech 2026-10-31 — phone login at 90%, headline at 120%/180%,
   and date as third rotating header face. Other cities remain untouched. */
@media (max-width:760px) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-member-login {
    scale:.9 !important;
    transform-origin:center center;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-tagline {
    zoom:1.2 !important;
    width:max-content !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }
}
@media (min-width:1024px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-tagline {
    zoom:1.8 !important;
    width:max-content !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }
}
html body.marrakech-phase1[data-city-theme] .site-header
.header-conditions-rotator:has([data-header-face="date"]) {
  --cube-half:9.25px;
}
html body.marrakech-phase1[data-city-theme] .site-header
.header-conditions-rotator:has([data-header-face="date"]) .header-sun-times {
  transform:rotateX(-120deg) translateZ(var(--cube-half));
}
html body.marrakech-phase1[data-city-theme] .site-header
.header-conditions-rotator:has([data-header-face="date"]) .header-date-face {
  transform:rotateX(-240deg) translateZ(var(--cube-half));
  gap:6px;
  color:rgba(255,255,255,.84);
  white-space:nowrap;
  font-weight:700;
  line-height:1;
}
html body.marrakech-phase1[data-city-theme] .site-header
.header-date-face .header-date-icon {
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:#e5c46f;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html body.marrakech-phase1[data-city-theme] .site-header
.header-date-face .header-date-label {
  font-size:calc(var(--bn-header-time-size,18px) * .78);
  font-variant-numeric:tabular-nums;
}
@media (max-width:760px) {
  html body.marrakech-phase1[data-city-theme] .site-header
  .header-conditions-rotator:has([data-header-face="date"]) {
    --cube-half:5.8px;
  }
  html body.marrakech-phase1[data-city-theme] .site-header
  .header-date-face .header-date-icon {
    width:15px;
    height:15px;
    flex-basis:15px;
  }
  html body.marrakech-phase1[data-city-theme] .site-header
  .header-date-face .header-date-label {
    font-size:var(--bn-header-time-size,12px);
  }
}
@media (max-width:360px) {
  html body.marrakech-phase1[data-city-theme] .site-header
  .header-date-face .header-date-icon {
    width:13px;
    height:13px;
    flex-basis:13px;
  }
}


/* MARRAKECH_NAV_HEX_HORIZONTAL_V2 — exclusively cosmetic.
 * True tessellated SIX-sided hexagons across the complete existing bar.
 * Horizontal convex shading spans from the left end to the right end:
 * brightest in the middle, progressively darker toward both ends.
 * No protruding vertical lip, no geometry changes and no pseudo-elements.
 */
html body.marrakech-phase1[data-city-theme] .marrakech-primary-nav {
  background-color: #101116;
  background-image:
    linear-gradient(90deg,
      rgba(2,3,7,.29) 0%,
      rgba(2,3,7,.07) 18%,
      rgba(188,198,210,.04) 50%,
      rgba(2,3,7,.07) 82%,
      rgba(2,3,7,.29) 100%),
    radial-gradient(ellipse 62% 135% at 50% 46%,
      rgba(155,163,174,.16) 0%,
      rgba(95,103,116,.075) 48%,
      transparent 100%),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.39230485%22%20height%3D%2218.00000000%22%20viewBox%3D%220%200%2010.39230485%2018.00000000%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%239da6af%22%20stroke-opacity%3D%22.30%22%20stroke-width%3D%22.80%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M%200.000000%20-6.000000%20L%205.196152%20-3.000000%20L%205.196152%203.000000%20L%200.000000%206.000000%20L%20-5.196152%203.000000%20L%20-5.196152%20-3.000000%20Z%20M%2010.392305%20-6.000000%20L%2015.588457%20-3.000000%20L%2015.588457%203.000000%20L%2010.392305%206.000000%20L%205.196152%203.000000%20L%205.196152%20-3.000000%20Z%20M%20-5.196152%203.000000%20L%200.000000%206.000000%20L%200.000000%2012.000000%20L%20-5.196152%2015.000000%20L%20-10.392305%2012.000000%20L%20-10.392305%206.000000%20Z%20M%205.196152%203.000000%20L%2010.392305%206.000000%20L%2010.392305%2012.000000%20L%205.196152%2015.000000%20L%200.000000%2012.000000%20L%200.000000%206.000000%20Z%20M%2015.588457%203.000000%20L%2020.784610%206.000000%20L%2020.784610%2012.000000%20L%2015.588457%2015.000000%20L%2010.392305%2012.000000%20L%2010.392305%206.000000%20Z%20M%200.000000%2012.000000%20L%205.196152%2015.000000%20L%205.196152%2021.000000%20L%200.000000%2024.000000%20L%20-5.196152%2021.000000%20L%20-5.196152%2015.000000%20Z%20M%2010.392305%2012.000000%20L%2015.588457%2015.000000%20L%2015.588457%2021.000000%20L%2010.392305%2024.000000%20L%205.196152%2021.000000%20L%205.196152%2015.000000%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #181a1f 0%, #111218 60%, #0c0d11 100%);
  background-repeat: no-repeat, no-repeat, repeat, no-repeat;
  background-position: center, center, 0 0, center;
  background-size: 100% 100%, 100% 100%, 4.33012702px 7.5px, 100% 100%;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.20),
    0 3px 9px rgba(0,0,0,.19);
}

/* MARRAKECH_NAV_FOREGROUND_HORIZONTAL_V4
 * Visual finish ONLY, on Marrakech home. The original bar stays fixed
 * full-width, at exactly the same top, height, and z-index. Buttons and logo
 * are untouched. Carbon micro-hexagons from V3 remain unchanged.
 *
 * Dark shadow FALLS from the nav onto the content behind it. The yellow
 * under-content halo becomes a very fine inset rim on the raised bar.
 * Broad left-to-right highlights suggest a gently protruding center,
 * with flush-looking ends. No physical top/bottom lip.
 */
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
.marrakech-primary-nav {
  box-shadow:
    inset 0 1px 0 rgba(242,247,255,.09),
    inset 0 -1px 0 rgba(226,198,133,.23),
    0 2px 3px rgba(0,0,0,.38),
    0 6px 14px rgba(0,0,0,.22);
}

/* A paint-only convex metallic sheen. Absolute pseudo-elements do not enter
   flex/grid layout or push down the site. First child remains above the face. */
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
.marrakech-primary-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 47% 120% at 50% 47%,
      rgba(212,219,229,.105) 0%,
      rgba(145,155,170,.040) 56%,
      transparent 97%),
    linear-gradient(90deg,
      rgba(1,2,5,.27) 0%,
      transparent 19%,
      rgba(240,244,249,.022) 48%,
      transparent 81%,
      rgba(1,2,5,.27) 100%);
}

/* Reuse the existing noninteractive under-bar decoration as a SHADOW instead
   of a golden light that seems to raise the page content. */
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
.marrakech-primary-nav > .bynight-menu-glow {
  border-top: 0 !important;
  background:
    radial-gradient(ellipse 49% 24px at 50% 0%,
      rgba(0,0,0,.50) 0%,
      rgba(0,0,0,.23) 46%,
      transparent 99%),
    linear-gradient(180deg,
      rgba(0,0,0,.18) 0px,
      transparent 23px) !important;
}

/* Remove only the former decorative GOLD arc / glowing line under the bar.
   The subtle gold inset rim above now belongs to the bar itself. */
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
.marrakech-primary-nav > .bynight-menu-glow::before,
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
.marrakech-primary-nav > .bynight-menu-glow::after {
  content: none !important;
  display: none !important;
}

/* MARRAKECH_MOBILE_ONE_ROW_V1 — portrait-phone header only.
 * Four icons, centered logo, carbon bar and desktop presentation are untouched.
 * Keep the nav's ORIGINAL height; only its top rises with the one-row header.
 * Existing layout runtime measures actual header/nav and protects logo clearance.
 */
@media (max-width: 760px) {
  :root:has(>body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)) {
    --fixed-header-height: 36px;
    --marrakech-nav-height: calc(var(--fixed-logo-size) - 57.6px);
  }

  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-bar {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) var(--fixed-logo-size) minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows: 36px !important;
    align-items: center !important;
    align-content: center !important;
    padding-inline: 4px !important;
  }

  /* The original wrappers remain display:contents: we change only grid slots. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header :is(.header-left,.header-right) {
    display: contents !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .site-language-switch {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    height: 30px !important;
    min-height: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    translate: none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .site-language-switch .language-select-button {
    box-sizing: border-box !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 3px !important;
    gap: 5px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .site-language-switch .language-select-panel {
    top: calc(100% + 6px) !important;
    left: 0 !important;
    z-index: 10070 !important;
  }

  /* Member remains the real existing button with its original authentication
     event handlers; the text is only visually hidden on phone. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-member-login {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    box-sizing: border-box !important;
    width: 33px !important;
    min-width: 33px !important;
    height: 33px !important;
    min-height: 33px !important;
    max-width: 33px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    translate: none !important;
    justify-content: center !important;
    border-radius: 7px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-member-login > span {
    display: none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-member-login > svg {
    display: block !important;
    flex: 0 0 18px;
    width: 18px !important;
    height: 18px !important;
  }

  /* Information carousel now occupies the FIRST cell to the right of logo. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: center !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    translate: none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions-rotator {
    --cube-half: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions-cube {
    width: 100% !important;
    height: 24px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions-face {
    width: 100% !important;
    min-width: 0 !important;
    height: 24px !important;
    gap: 3px !important;
    font-variant-numeric: tabular-nums;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-metric {
    gap: 2px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-metric--temperature .header-weather-icon {
    width: 13px !important;
    height: 13px !important;
    flex-basis: 13px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header :is(.header-temperature,.header-time) {
    font-size: 10px !important;
    min-width: 0 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-live-dot {
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 4px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions .header-sun-times {
    --solar-icon-size: 10px !important;
    gap: 2px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions .header-sun-times > span {
    gap: 1px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions .header-sun-times b {
    font-size: 8px !important;
    min-width: 0 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-date-face :is(.header-date-icon) {
    width: 12px !important;
    height: 12px !important;
    flex-basis: 12px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-date-face .header-date-label {
    font-size: 10px !important;
    letter-spacing: -.035em !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .bn-mobile-join-face {
    font: 700 clamp(7px,2.1vw,9px)/1.1 "DM Sans", sans-serif !important;
    letter-spacing: -.045em;
    color: rgba(255,255,255,.88);
    text-align: center;
    white-space: nowrap;
  }

  /* Only the final grid slot hosts the animated ONE-at-a-time social links.
     Preserve actual four original anchors and URLs without cloning. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .social-links {
    grid-column: 5 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    translate: none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .social-links:not(.bn-social-ready) > .social:not(:first-child) {
    display: none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .social-links .social,
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .social-links .social svg {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .bn-mobile-social-viewport {
    display: grid;
    position: relative;
    width: 26px;
    height: 26px;
    perspective: 190px;
    overflow: visible;
    outline-offset: 3px;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .bn-mobile-social-cube {
    --bn-social-turn: 0deg;
    --bn-social-half: 13px;
    display: grid;
    grid-area: 1/1;
    width: 26px;
    height: 26px;
    transform-style: preserve-3d;
    transform: translateZ(calc(-1 * var(--bn-social-half))) rotateX(var(--bn-social-turn));
    transition: transform .85s cubic-bezier(.22,.7,.2,1);
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .bn-mobile-social-cube > .social {
    grid-area: 1/1;
    display: inline-flex !important;
    position: relative;
    align-items: center;
    justify-content: center;
    margin: auto;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: rotateX(var(--bn-face-angle,0deg)) translateZ(var(--bn-social-half));
  }
}

@media (max-width: 360px) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .site-language-switch .language-select-current {
    display: none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .site-language-switch .language-select-short {
    display: inline !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .bn-mobile-join-face {
    font-size: 7px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-metric--temperature .header-weather-icon {
    width: 11px !important;
    height: 11px !important;
    flex-basis: 11px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header :is(.header-temperature,.header-time) {
    font-size: 9px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions .header-sun-times {
    --solar-icon-size: 9px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-conditions .header-sun-times b {
    font-size: 7px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) .site-header .header-date-face .header-date-label {
    font-size: 9px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.marrakech-phase1[data-city-theme] .site-header .bn-mobile-social-cube {
    transition: none !important;
  }
}

/* MARRAKECH_MOBILE_COMPACT_SOCIAL_V2 — Marrakech homepage only.
   The top strip shrinks from 36px to 18px. Its controls remain tappable,
   with small intentional overhang; four-button carbon bar and page scripts
   retain their original position:fixed and responsive geometry contracts. */
@media (max-width:760px) {
  :root:has(>body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)) {
    --fixed-header-height:18px;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-bar {
    grid-template-rows:18px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch {
    height:22px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch .language-select-button {
    min-height:22px !important;
    height:22px !important;
    font-size:9px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-member-login {
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    border-radius:5px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-member-login > svg {
    width:16px !important;
    height:16px !important;
    flex-basis:16px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions-rotator {
    --cube-half:10px !important;
    height:20px !important;
    min-height:20px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions-cube,
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions-face {
    height:20px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links {
    width:22px !important;
    height:22px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .bn-mobile-social-viewport,
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .bn-mobile-social-cube {
    width:22px !important;
    height:22px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .bn-mobile-social-cube {
    --bn-social-half:11px;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links .social,
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links .social svg {
    width:21px !important;
    height:21px !important;
    flex-basis:21px !important;
  }

  /* Socials expand leftward INTO the information rotator's grid slot.
     Existing anchors are used, never duplicated or replaced. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-expanded {
    grid-column:4 / 6 !important;
    grid-row:1 !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
    height:25px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 2px !important;
    border-radius:7px;
    background:rgba(10,11,16,.94);
    border:1px solid rgba(232,200,120,.15);
    z-index:10085;
    box-sizing:border-box;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header:has(.social-links.bn-social-expanded) .header-conditions {
    visibility:hidden !important;
    pointer-events:none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-expanded .bn-mobile-social-viewport {
    position:relative !important;
    display:flex !important;
    width:100% !important;
    height:23px !important;
    perspective:none !important;
    overflow:visible !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-expanded .bn-mobile-social-cube {
    display:flex !important;
    align-items:center !important;
    justify-content:space-around !important;
    gap:2px !important;
    width:100% !important;
    height:23px !important;
    transform:none !important;
    transform-style:flat !important;
    transition:none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-expanded .bn-mobile-social-cube > .social {
    position:relative !important;
    grid-area:auto !important;
    display:inline-flex !important;
    transform:none !important;
    transform-style:flat !important;
    backface-visibility:visible !important;
    flex:0 0 auto !important;
    margin:0 !important;
    width:clamp(19px,5.5vw,23px) !important;
    height:clamp(19px,5.5vw,23px) !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-expanded .bn-mobile-social-cube > .social svg {
    width:100% !important;
    height:100% !important;
    flex:0 0 auto !important;
  }
}

@media (min-width:761px) {
  /* The fourth desktop face is part of the ORIGINAL rotating widget.
     Desktop 32px-tall cube uses 90-degree steps and a 16px half-depth. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions-rotator:has([data-header-face="join"]) {
    --cube-half:16px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .bn-desktop-join-face {
    font:700 clamp(11px,1vw,14px)/1.2 "DM Sans",sans-serif !important;
    letter-spacing:0 !important;
    color:rgba(255,255,255,.86);
    text-align:center;
    white-space:nowrap;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-expanded .bn-mobile-social-cube {
    transition:none !important;
  }
}


/* MARRAKECH_MOBILE_TOPBAR_REAL_HALF_V3_20261101
   The earlier :root:has(>body:has(...)) nested :has rule was invalid CSS,
   leaving actual header at 57.6px even with an 18px grid row.
   Select the same Marrakech home with ONE valid :has() and keep the
   original secondary nav bar height and centered logo unchanged.
*/
@media (max-width:760px) {
  :root:has(>body.marrakech-phase1[data-city-theme] .bynight-home-landing) {
    --fixed-header-height:28.8px;
    --marrakech-nav-height:calc(var(--fixed-logo-size) - 57.6px);
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-bar {
    grid-template-rows:28.8px !important;
  }
}


/* MARRAKECH_MOBILE_FOUR_ICON_NAV_MINUS10_20261101
   Secondary four-icon bar only: 52.4px => 47.16px on 110px-logo phones,
   63.4px => 57.06px on 121px-logo phones.
   Top bar 28.8px, logo, icon geometry, desktop and other cities unchanged.
*/
@media (max-width:760px) {
  :root:has(>body.marrakech-phase1[data-city-theme] .bynight-home-landing) {
    --marrakech-nav-height:calc((var(--fixed-logo-size) - 57.6px) * 0.9);
  }
}


/* MARRAKECH_MOBILE_NAV_WEATHER_FILTERS_V4_20261101
   Marrakech homepage phone ONLY (<=760px):
   - four-icon nav: equal top and bottom breathing space
   - weather/time/date rotator: subtle +4%, no link changes
   - venue/alcohol switches flank the original centered logo
   - agenda date + guide sector filters start clearly below logo
   - no new filters or switches; retain the original checkbox inputs
*/
@media (max-width:760px) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .marrakech-primary-nav {
    align-items:center !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .marrakech-primary-nav [data-primary-actions] {
    height:100% !important;
    min-height:0 !important;
    align-items:center !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .marrakech-primary-nav [data-primary-actions] .button {
    height:100% !important;
    min-height:0 !important;
    align-items:center !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .marrakech-primary-nav [data-primary-actions] .button .home-action-icon {
    width:min(100%,calc(var(--marrakech-nav-height) - 8px)) !important;
    height:min(100%,calc(var(--marrakech-nav-height) - 8px)) !important;
    max-height:none !important;
    min-height:0 !important;
    flex:0 0 auto !important;
    aspect-ratio:1 !important;
    translate:0 .5px !important; /* balance the nav's 1px bottom border */
  }

  /* Keep the original rotating 3D element, enlarge its visible face 4%. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions-rotator {
    scale:1.04;
    transform-origin:50% 50%;
  }

  /* Fixed-screen section containers retain their height; only filter contents
     move beneath the logo, while their card carousels use remaining space. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  :is([data-home-section="guide"],[data-home-section="events"]) > .container {
    box-sizing:border-box !important;
    padding-top:calc(max(0px,var(--home-logo-bottom,110px) - var(--home-content-top,76px)) + 10px) !important;
  }

  /* Switches stay attached to their original controls and JS filter handlers.
     The reserved upper side-bands are 1/4 of viewport minus logo each. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-option-switch:has([data-guide-alcohol]) {
    position:fixed !important;
    top:calc(var(--fixed-logo-size) - 27px) !important;
    left:calc((100vw - var(--fixed-logo-size)) / 4) !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    z-index:80 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-option-switch:has([data-guide-open-now]) {
    position:fixed !important;
    top:calc(var(--fixed-logo-size) - 27px) !important;
    left:calc(100vw - (100vw - var(--fixed-logo-size)) / 4) !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    z-index:80 !important;
  }
}

/* BYNIGHT_MARRAKECH_HEADER_FILTERS_V5_20261101
   Scope: Marrakech homepage only. No image replacements, no JS, no PHP.
   Both desktop and phone: unframed four navigation icons; date/sector +5%
   type + height with 2.4px more total side padding per button.
   Phone only: +10% relative to the EXISTING 1.04 weather rotator scale,
   gently close both topbar pairs, center agenda type and guide type rows.
*/

/* Four original transparent PNG icons sit directly on the steel bar.
   Kill the interactive frame, but preserve icon images and accessible focus. */
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
.marrakech-primary-nav [data-primary-actions] .button {
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
.marrakech-primary-nav [data-primary-actions] .button::before {
  content:none !important;
  display:none !important;
}

/* The icon wrapper itself must never create a square/rounded card. */
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
.marrakech-primary-nav [data-primary-actions] .home-action-icon {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Original date and sector buttons are already 1.10x.
   A further +5% => 1.155x original, with +1.2px horizontal padding per side. */
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
:is([data-home-section="guide"] .home-guide-filter-areas [data-guide-area-filter],
    [data-home-section="events"] .home-events-filter-group--date [data-event-date-filter]) {
  height:calc(var(--home-filter-button-height) * 1.155) !important;
  min-height:calc(var(--home-filter-button-height) * 1.155) !important;
  font-size:calc(var(--home-filter-font-size) * 1.155) !important;
  padding-inline:calc(var(--home-filter-padding-inline) * 1.1 + 1.3px) !important;
}

@media (max-width:760px) {
  /* Existing 4% face scale multiplied by 1.10 => 14.4% total.
     Slight right offset keeps the face clear of the fixed central logo. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions-rotator {
    scale:1.144 !important;
    translate:clamp(4.8px,1.5vw,11.4px) 0 !important;
    transform-origin:center !important;
  }

  /* Bring the left pair 10px closer, without moving the centered logo. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch {
    translate:5px 0 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-member-login {
    translate:-5px 0 !important;
  }

  /* Social chooser collapsed: move closer to the info cube.
     Expanded social grid retains its existing unshifted layout. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links:not(.bn-social-expanded) {
    translate:-5px 0 !important;
  }

  /* Phone agenda event-type buttons: centered if content fits;
     if not, keep full horizontal swipe without inaccessible leading items. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  [data-home-section="events"] .home-events-filter-group--venue {
    justify-content:safe center !important;
  }

  /* Phone Guide: keep the two existing type rows and their checkboxes, which
     already float beside the logo; give both option rows full symmetric width. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  [data-home-section="guide"] :is(.home-guide-type-row-primary,.home-guide-type-row-alcohol) {
    grid-template-columns:minmax(0,1fr) 0px !important;
    column-gap:0 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  [data-home-section="guide"] :is(.home-guide-type-row-primary,.home-guide-type-row-alcohol) .home-guide-type-options {
    width:100% !important;
    min-width:0 !important;
    justify-content:safe center !important;
    overflow-x:auto !important;
  }
}

/* Ultra-narrow phones already have minimal gap between info + socials.
   Their larger weather widget brings them naturally closer. */
@media (max-width:359px) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links:not(.bn-social-expanded) {
    translate:0 0 !important;
  }
}

/* BYNIGHT_MARRAKECH_MOBILE_HEADER_FULLWIDTH_V6_20261101
   Marrakech homepage only. Mobile: language + weather + original logo +
   member + 4 static social anchors (the JS V6 restores all four originals).
   Guide/Agenda extend nearly edge-to-edge at every width.
*/
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
:is([data-home-section="guide"],[data-home-section="events"]) {
  padding-left:0 !important;
  padding-right:0 !important;
}
html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
:is([data-home-section="guide"],[data-home-section="events"]) > .container {
  box-sizing:border-box !important;
  width:calc(100% - 8px) !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:760px) {
  /* Five column header, preserving true centered original logo. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-bar {
    grid-template-columns:
      minmax(0,calc((100% - var(--fixed-logo-size)) * .22))
      minmax(0,calc((100% - var(--fixed-logo-size)) * .28))
      var(--fixed-logo-size)
      minmax(0,calc((100% - var(--fixed-logo-size)) * .15))
      minmax(0,calc((100% - var(--fixed-logo-size)) * .35)) !important;
    grid-template-rows:28.8px !important;
    padding-inline:4px !important;
    gap:0 !important;
  }
  /* Left of logo: original language control then original rotating info. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch {
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;
    translate:none !important;
    margin-left:0 !important;
    z-index:10061 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch .language-select-button {
    font-size:10.35px !important; /* +15% over V5's 9px */
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions {
    grid-column:2 !important;
    grid-row:1 !important;
    justify-self:stretch !important;
    align-self:center !important;
    justify-content:flex-end !important;
    width:100% !important;
    min-width:0 !important;
    translate:none !important;
  }
  /* Existing V5 visual scale=1.144; multiply by 1.10 -> 1.2584. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions-rotator {
    width:calc((100vw - 8px - var(--fixed-logo-size)) / 4) !important;
    max-width:none !important;
    flex:0 0 auto !important;
    scale:1.2584 !important;
    transform-origin:right center !important;
    translate:0 0 !important;
  }
  /* Right of logo: original member button, then all four social links. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-member-login {
    grid-column:4 !important;
    grid-row:1 !important;
    justify-self:center !important;
    align-self:center !important;
    translate:none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-static-v6 {
    grid-column:5 !important;
    grid-row:1 !important;
    justify-self:stretch !important;
    align-self:center !important;
    display:flex !important;
    justify-content:space-around !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:24px !important;
    padding:0 !important;
    margin:0 !important;
    translate:none !important;
  }
  /* Override the V1 pre-carousel fallback hiding links #2–#4. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-static-v6 > a.social,
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-static-v6 > a.social:not(:first-child) {
    display:inline-flex !important;
    position:relative !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 clamp(14px,4.5vw,20px) !important;
    width:clamp(14px,4.5vw,20px) !important;
    height:clamp(14px,4.5vw,20px) !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-static-v6 > a.social svg {
    display:block !important;
    width:100% !important;
    height:100% !important;
    flex-basis:100% !important;
  }

  /* Ensure native localized short language label fits narrow phones.
     The full language name and all options remain in the dropdown. */
  @media (max-width:449px) {
    html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
    .site-header .site-language-switch .language-select-current {display:none !important}
    html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
    .site-header .site-language-switch .language-select-short {display:inline !important}
  }

  /* First filter shell begins directly below the logo, without overlap.
     First button row has approximately half as much top as bottom padding. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  :is([data-home-section="guide"],[data-home-section="events"]) > .container {
    padding-top:calc(max(0px,var(--home-logo-bottom,110px) - var(--home-content-top,76px)) + 2px) !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  :is([data-home-section="guide"] .home-guide-filter-areas,
      [data-home-section="events"] .home-events-filter-group--date) {
    padding-top:6px !important;
    padding-bottom:8px !important;
  }

  /* At 601–760px the inherited layout swaps Guide rows. Explicit first-row
     sectors and second-row venue types keep sectors immediately below logo. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-filter-shell {
    grid-template-rows:var(--home-guide-sector-row-height) minmax(0,1fr) !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-filter-areas {
    grid-column:1 !important;
    grid-row:1 !important;
    order:0 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  [data-home-section="guide"] .home-guide-filter-types {
    grid-column:1 !important;
    grid-row:2 !important;
    order:0 !important;
  }
}

/* MARRAKECH_MOBILE_TOPBAR_PREMIUM_V7_20261101
   Quiet, consistently aligned international-app polish.
   Marrakech home and phone breakpoint only. Preserve 28.8px rail,
   full-size centered original logo, V6 order and all original link handlers.
   Languange/weather gap, graphite micro-controls, equal social hit zones.
*/
@media (max-width:760px) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-bar {
    border-bottom:1px solid rgba(255,255,255,.075) !important;
  }

  /* Language ends 6px before the visual edge of the scaled weather cube.
     The .0346 factor compensates V6's 1.2584 cube scale overhang from
     its left-side quarter-width track, across 320–760px. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch {
    justify-self:end !important;
    align-self:center !important;
    height:24px !important;
    min-height:0 !important;
    margin-left:0 !important;
    margin-right:calc((100vw - 8px - var(--fixed-logo-size)) * .0346 + 6px) !important;
    translate:none !important;
    -webkit-font-smoothing:antialiased;
  }

  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch .language-select-button {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:24px !important;
    min-height:24px !important;
    max-width:100% !important;
    padding:0 4px !important;
    gap:4px !important;
    font-family:"DM Sans",system-ui,sans-serif !important;
    font-size:10.35px !important;
    font-weight:650 !important;
    line-height:1 !important;
    letter-spacing:.005em !important;
    color:#f4f2f4 !important;
    background:rgba(255,255,255,.042) !important;
    border:1px solid rgba(225,225,232,.16) !important;
    border-radius:5px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch .language-select-chevron {
    opacity:.72 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .site-language-switch.open .language-select-button {
    border-color:rgba(238,205,123,.38) !important;
    background:rgba(255,255,255,.085) !important;
  }

  /* Auth control shares the language control's exact vertical footprint. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-member-login {
    box-sizing:border-box !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    min-height:24px !important;
    padding:0 !important;
    border-radius:5px !important;
    border:1px solid rgba(225,225,232,.16) !important;
    background:rgba(255,255,255,.042) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    scale:1 !important;
    transform:none !important;
    translate:none !important;
    justify-self:center !important;
    align-self:center !important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-member-login > svg {
    width:16px !important;
    height:16px !important;
    flex-basis:16px !important;
    stroke:#e9e5eb !important;
    stroke-width:1.65 !important;
  }

  /* Retain V6 cube size, 90-degree faces and auto-rotation unchanged.
     Improve text tone without applying another scale. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .header-conditions-rotator {
    font-variant-numeric:tabular-nums;
    -webkit-font-smoothing:antialiased;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header :is(.header-temperature,.header-time,.header-date-label) {
    font-weight:700 !important;
    letter-spacing:-.015em !important;
  }

  /* Each original social link gets one equal-width tap zone; the SVG
     remains the authentic platform icon and is not enclosed in a card. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-static-v6 {
    height:28px !important;
    align-self:center !important;
    align-items:stretch !important;
    justify-content:space-between !important;
    gap:0 !important;
    padding:0 !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-static-v6 > a.social,
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-static-v6 > a.social:not(:first-child) {
    box-sizing:border-box !important;
    flex:1 1 25% !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  .site-header .social-links.bn-social-static-v6 > a.social > svg {
    display:block !important;
    width:clamp(15.5px,4.8vw,19px) !important;
    height:clamp(15.5px,4.8vw,19px) !important;
    max-width:100% !important;
    flex:0 0 auto !important;
    filter:none !important;
  }

  /* Keep a breathing margin even where the localized full-language name
     is wider than its track. Original full dropdown remains available. */
  @media (max-width:499px) {
    html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
    .site-header .site-language-switch .language-select-current {
      display:none !important;
    }
    html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
    .site-header .site-language-switch .language-select-short {
      display:inline !important;
    }
  }

  /* On the narrowest handsets the original 28.8px rail is still intact,
     with all nine items on one row and the whole fixed logo unchanged. */
  @media (max-width:359px) {
    html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
    .site-header .site-language-switch .language-select-button {
      padding-inline:3px !important;
      gap:3px !important;
    }
  }
  @media (max-width:299px) {
    html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
    .site-header .site-language-switch .language-select-button {
      padding-inline:1px !important;
    }
    html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
    .site-header .header-member-login {
      width:22px !important;
      min-width:22px !important;
      max-width:22px !important;
    }
  }
}

/* MARRAKECH_ORDER_ORIGINAL_POSITIONS_V2: retain original layout and anchors. */
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-conditions{grid-column:1!important;grid-row:1!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .site-language-switch{grid-column:2!important;grid-row:1!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-member-login{grid-column:4!important;grid-row:1!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-rotate-v1>:is(.bn-social-icons-face,.bn-social-join-face){grid-area:1/1;display:flex!important;align-items:center;justify-content:space-around;gap:5px;width:100%;height:100%;border:0;padding:0;background:transparent;color:inherit;backface-visibility:hidden;transition:transform .75s cubic-bezier(.22,.7,.2,1),opacity .35s;transform-origin:center center}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face{transform:rotateX(0deg);opacity:1}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-join-face{transform:rotateX(-180deg);opacity:0;font:700 12px/1.1 "DM Sans",sans-serif;cursor:pointer;white-space:nowrap}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-show-join .bn-social-icons-face{transform:rotateX(180deg);opacity:0;pointer-events:none}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-show-join .bn-social-join-face{transform:rotateX(0deg);opacity:1}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face>a.social{display:inline-flex!important;position:static!important;transform:none!important;flex:0 0 auto!important;align-items:center;justify-content:center;width:24px!important;height:28px!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face>a.social svg{width:22px!important;height:22px!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-rotate-v1>:is(.bn-social-icons-face,.bn-social-join-face){gap:0!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .social-links.bn-social-rotate-v1{display:grid!important;perspective:250px}
@media(max-width:760px){
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-conditions-rotator{width:100%!important;max-width:100%!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face>a.social{flex:1 1 25%!important;width:auto!important;min-width:0!important;height:28px!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face>a.social svg{width:clamp(15.5px,4.8vw,19px)!important;height:clamp(15.5px,4.8vw,19px)!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-join-face{font-size:clamp(7px,2.2vw,10px)!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face{gap:0!important}
}
@media(prefers-reduced-motion:reduce){html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-rotate-v1>*{transition:none!important}}

html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .social-links.bn-social-rotate-v1{grid-template-columns:minmax(0,1fr)!important}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face{min-width:0!important;box-sizing:border-box!important}
@media(max-width:760px){html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-conditions-rotator{transform-origin:left center!important}html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-conditions{justify-content:flex-start!important}}
@media(min-width:1024px){html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-conditions{translate:calc(var(--bynight-topbar-lang-shift,0px) + var(--bynight-topbar-left-pair-shift,0px)) 0!important}html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .site-language-switch{translate:var(--bynight-topbar-left-pair-shift,0px) 0!important}html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-member-login{translate:var(--bynight-topbar-right-pair-shift,0px) 0!important}}
@media(max-width:760px){html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-conditions-rotator{scale:1!important;width:calc((100vw - 8px - var(--fixed-logo-size)) * .28)!important;max-width:none!important;translate:none!important}html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face{width:100%!important;max-width:100%!important;overflow:hidden!important}}

@media(max-width:760px){html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .social-links.bn-social-rotate-v1>.bn-social-icons-face{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face>a.social{width:100%!important;max-width:100%!important;justify-self:stretch!important}}

/* BYNIGHT_MARRAKECH_TOPBAR_HERO_V8_20261102
   User-requested, Marrakech-scoped responsive refinements.
   Preserve logo, five mobile slots, nav, existing four socials and 4-face carousel.
*/
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header
.header-date-face .header-date-icon {
  display:none !important;
}
html body.marrakech-phase1[data-city-theme] #siteHeader.site-header
.header-date-face {
  gap:0 !important;
  justify-content:center !important;
}

/* Desktop: modest lift in title; exactly 2x for both supporting lines. */
@media (min-width:1024px) {
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-tagline {
    zoom:1.98 !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-kicker {
    font-size:calc(clamp(10px,.83vw,12px) * 2) !important;
    line-height:1.22 !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-sunset-signature {
    font-size:calc(clamp(10px,.85vw,12px) * 2) !important;
    line-height:1.25 !important;
  }

  /* Weather/date shifts gently toward the centred logo. */
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .header-conditions {
    translate:calc(var(--bynight-topbar-lang-shift,0px) + var(--bynight-topbar-left-pair-shift,0px) + 12px) 0 !important;
  }
  /* The four authentic clickable links spread by just 6px between neighbours. */
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face > a.social:nth-child(1) {translate:-9px 0 !important}
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face > a.social:nth-child(2) {translate:-3px 0 !important}
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face > a.social:nth-child(3) {translate:3px 0 !important}
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face > a.social:nth-child(4) {translate:9px 0 !important}
}

/* Mobile: each rotating information face is 28px tall, matching social rail.
   The full desktop-style date may naturally take two compact centered lines. */
@media (max-width:760px) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header
  .header-conditions-rotator {
    --cube-half:14px !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header
  .header-conditions-cube,
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header
  .header-conditions-face {
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    box-sizing:border-box !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header
  .header-date-face .header-date-label {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    flex:0 1 100% !important;
    font-size:clamp(8.5px,2.7vw,10.5px) !important;
    line-height:1.06 !important;
    letter-spacing:-.045em !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    text-wrap:balance;
    text-align:center !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header
  .header-conditions-face.header-date-face {
    align-items:center !important;
    justify-content:center !important;
    padding-inline:1px !important;
  }

  /* Tiny inward movements without altering the real central logo. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header .header-conditions {translate:4px 0 !important}
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header .site-language-switch {translate:4px 0 !important}
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header .header-member-login {translate:-1px 0 !important}
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing) #siteHeader.site-header .social-links.bn-social-rotate-v1 {translate:-1px 0 !important}

  /* Social icons 1px closer to each other, while preserving all tap targets. */
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face > a.social:nth-child(1) {translate:1.5px 0 !important}
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face > a.social:nth-child(2) {translate:.5px 0 !important}
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face > a.social:nth-child(3) {translate:-.5px 0 !important}
  html body.marrakech-phase1[data-city-theme] #siteHeader.site-header .bn-social-icons-face > a.social:nth-child(4) {translate:-1.5px 0 !important}
}

/* BYNIGHT_MARRAKECH_MOBILE_POLISH_V9_20261102
 * Marrakech homepage PHONE ONLY: more legible sunrise/sunset and weather,
 * tighter geometry towards the untouched central logo, four social SVGs +5%,
 * and the three title lines +10% and down 6px. Keep V8's 28px cube.
 */
@media (max-width:760px) {
  /* Move the existing controls inward, but preserve their own clickable areas. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions {
    translate:7px 0 !important; /* was +4 */
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .site-language-switch {
    translate:8px 0 !important; /* was +4 */
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-member-login {
    translate:-3.5px 0 !important; /* was -1 */
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .social-links.bn-social-rotate-v1 {
    translate:-4px 0 !important; /* was -1 */
  }

  /* Explicit artwork-only +5% retains four original anchors and their taps. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .bn-social-icons-face > a.social > svg {
    scale:1.05 !important;
    transform-origin:center center !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .bn-social-icons-face {
    overflow:visible !important;
  }

  /* Readability: keep the weather, solar and date faces at 28px high. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header :is(.header-temperature,.header-time) {
    font-size:clamp(11px,3.3vw,14px) !important;
    line-height:1.05 !important;
    font-weight:750 !important;
    letter-spacing:-.015em !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-metric--temperature .header-weather-icon {
    width:clamp(12px,3.4vw,16px) !important;
    height:clamp(12px,3.4vw,16px) !important;
    flex-basis:clamp(12px,3.4vw,16px) !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions .header-sun-times {
    --solar-icon-size:clamp(11px,3.4vw,15px) !important;
    gap:2px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions .header-sun-times > span {
    gap:2px !important;
    justify-content:center !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions .header-sun-times b {
    font-size:clamp(10px,3vw,12.5px) !important;
    line-height:1.05 !important;
    letter-spacing:-.025em !important;
    font-weight:750 !important;
  }

  /* Exact proportional +10% on all three hero lines; lower by just 6px. */
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-stage {
    top:calc(var(--home-section-inset,0px) + 16px) !important;
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing .footer-tagline {
    zoom:1.32 !important; /* V8 phone 1.20 x 1.10 */
  }
  html body.marrakech-phase1[data-city-theme] .bynight-home-landing
  :is(.footer-kicker,.footer-sunset-signature) {
    zoom:1.10 !important;
  }
}

/* On narrow phones, show temperature+clock and sunrise+sunset on 2 rows.
 * This avoids tiny 7px glyphs without enlarging the 28px rotating widget. */
@media (max-width:499px) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions-face[data-header-face="weather"] {
    display:grid !important;
    grid-template-columns:auto auto !important;
    grid-template-rows:14px 12px !important;
    justify-content:center !important;
    align-content:center !important;
    gap:0 3px !important;
    padding:0 1px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions-face[data-header-face="weather"] .header-metric--temperature {
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    justify-self:center !important;
    align-self:center !important;
    gap:2px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions-face[data-header-face="weather"] .header-live-dot {
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:end !important;
    align-self:center !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions-face[data-header-face="weather"] .header-metric--time {
    grid-column:2 !important;
    grid-row:2 !important;
    justify-self:start !important;
    align-self:center !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions .header-sun-times {
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    white-space:nowrap !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions .header-sun-times > span {
    flex:0 0 13px !important;
    height:13px !important;
    min-height:13px !important;
    width:100% !important;
    justify-content:center !important;
  }
  /* While weather data is loading, center the clock instead of leaving a blank row. */
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions-face[data-header-face="weather"]:has(.header-temperature[hidden]) {
    grid-template-rows:26px !important;
  }
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-conditions-face[data-header-face="weather"]:has(.header-temperature[hidden])
  :is(.header-live-dot,.header-metric--time) {
    grid-row:1 !important;
  }
}
/* 320px screens have just 2px between the untouched logo and sign-in. */
@media (max-width:359px) {
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .header-member-login {translate:-2px 0 !important}
  html body.marrakech-phase1[data-city-theme]:has(.bynight-home-landing)
  #siteHeader.site-header .social-links.bn-social-rotate-v1 {translate:-2px 0 !important}
}