/**
 * English LTR layer for WPML.
 * Loaded after main.css and only for English pages.
 */

html[lang^="en"] {
  direction: ltr;
}

html[lang^="en"] body.dreamtower-landing,
html[lang^="en"] body.dreamtower-page {
  direction: ltr;
  text-align: left;
}

html[lang^="en"] body.dreamtower-landing [dir="rtl"] {
  direction: ltr;
}

html[lang^="en"] body.dreamtower-landing main > section:not(.hero),
html[lang^="en"] body.dreamtower-landing .experience-footer {
  direction: ltr;
  text-align: left;
}

html[lang^="en"] body.dreamtower-landing main > section:not(.hero) :where(
  h2,
  h3,
  p,
  li,
  dt,
  dd,
  label,
  summary,
  figcaption
),
html[lang^="en"] body.dreamtower-landing .experience-footer :where(
  h2,
  h3,
  p,
  li,
  strong,
  span,
  small,
  a
) {
  text-align: left;
}

/* Header and navigation */
html[lang^="en"] .site-header,
html[lang^="en"] .header-inner,
html[lang^="en"] .primary-nav,
html[lang^="en"] .header-utility,
html[lang^="en"] .mobile-menu,
html[lang^="en"] .mobile-menu__nav {
  direction: ltr;
}

html[lang^="en"] .mobile-menu__nav a {
  justify-content: flex-start;
  text-align: left;
}

/* Keep the visual direction of CTA arrows consistent with English reading order. */
html[lang^="en"] .lead-cta,
html[lang^="en"] .core-cta,
html[lang^="en"] .core-text-cta {
  direction: ltr;
}

html[lang^="en"] .lead-cta__arrow {
  transform: scaleX(-1);
}

html[lang^="en"] .core-cta span:last-child,
html[lang^="en"] .core-text-cta span:last-child {
  display: inline-block;
  transform: scaleX(-1);
}

html[lang^="en"] .core-cta:hover span:last-child,
html[lang^="en"] .core-text-cta:hover span:last-child {
  transform: scaleX(-1) translateX(-6px);
}

/* Main two-column sections: copy first, media second in LTR. */
html[lang^="en"] .core-proof__grid,
html[lang^="en"] .core-proof__rail,
html[lang^="en"] .core-proof__facts-row,
html[lang^="en"] .residence-profile,
html[lang^="en"] .residence-profile__copy,
html[lang^="en"] .plan-explorer__grid,
html[lang^="en"] .plan-explorer__copy,
html[lang^="en"] .plan-explorer__selector,
html[lang^="en"] .plan-explorer__specification-group,
html[lang^="en"] .plan-explorer__actions,
html[lang^="en"] .location-gallery,
html[lang^="en"] .location-gallery__grid,
html[lang^="en"] .location-gallery__copy,
html[lang^="en"] .location-gallery__controls,
html[lang^="en"] .amenities__collage,
html[lang^="en"] .amenities__caption-row,
html[lang^="en"] .private-inquiry,
html[lang^="en"] .private-inquiry__grid,
html[lang^="en"] .private-inquiry__form-column,
html[lang^="en"] .experience-footer,
html[lang^="en"] .experience-footer nav {
  direction: ltr;
}

html[lang^="en"] .core-proof__rail,
html[lang^="en"] .core-proof__amenity-summary,
html[lang^="en"] .plan-explorer__copy,
html[lang^="en"] .plan-explorer__selector,
html[lang^="en"] .plan-explorer__specification-group,
html[lang^="en"] .plan-explorer__actions,
html[lang^="en"] .location-gallery__copy,
html[lang^="en"] .private-inquiry__promise,
html[lang^="en"] .private-inquiry__form-column,
html[lang^="en"] .experience-footer {
  text-align: left;
}

html[lang^="en"] .core-proof__facts-row > div,
html[lang^="en"] .core-proof__facts-row dt,
html[lang^="en"] .core-proof__facts-row dd {
  text-align: center;
}

html[lang^="en"] .residence-profile h3,
html[lang^="en"] .residence-profile__copy > p:not(.residence-profile__index),
html[lang^="en"] .location-gallery__copy h2,
html[lang^="en"] .location-gallery__copy p,
html[lang^="en"] .private-inquiry__promise h2,
html[lang^="en"] .private-inquiry__promise p,
html[lang^="en"] .private-inquiry__promise li,
html[lang^="en"] .experience-faq__heading h2,
html[lang^="en"] .experience-faq summary strong,
html[lang^="en"] .experience-faq details > p,
html[lang^="en"] .experience-footer :where(p, a, strong, span, small) {
  text-align: left;
}

/* English form controls must not inherit RTL caret, number, or text alignment. */
html[lang^="en"] .private-inquiry form,
html[lang^="en"] .private-inquiry input,
html[lang^="en"] .private-inquiry select,
html[lang^="en"] .private-inquiry textarea,
html[lang^="en"] .private-inquiry .wpcf7-response-output {
  direction: ltr;
  text-align: left;
}

html[lang^="en"] .private-inquiry input[type="email"],
html[lang^="en"] .private-inquiry input[type="tel"],
html[lang^="en"] .private-inquiry input[type="url"] {
  direction: ltr;
  text-align: left;
}

html[lang^="en"] .plan-explorer__selector select {
  direction: ltr;
  text-align: left;
}

/* The original arrows are authored for RTL. Mirror them for LTR. */
html[lang^="en"] .location-gallery__controls button span {
  display: inline-block;
  transform: scaleX(-1);
}

html[lang^="en"] .location-gallery__controls {
  justify-content: flex-start;
}

/* These overlays intentionally remain centered, regardless of page direction. */
html[lang^="en"] .hero,
html[lang^="en"] .hero-copy,
html[lang^="en"] .hero-copy :where(.hero-eyebrow, .hero-title, .hero-lede, .hero-action),
html[lang^="en"] .core-sea__copy,
html[lang^="en"] .core-sea__copy :where(.core-heading, p),
html[lang^="en"] .residence-collection__intro,
html[lang^="en"] .residence-collection__intro :where(.core-heading, .core-lede),
html[lang^="en"] .amenities__heading,
html[lang^="en"] .amenities__heading :where(h2, p) {
  direction: ltr;
  text-align: center;
}

html[lang^="en"] .amenities__hero figcaption,
html[lang^="en"] .amenities__evidence-item figcaption,
html[lang^="en"] .amenities__caption-row > span,
html[lang^="en"] .amenities-gallery-dialog__meta {
  text-align: left;
}

html[lang^="en"] .amenities-gallery-dialog__controls {
  direction: ltr;
}

@media (max-width: 820px) {
  html[lang^="en"] body.dreamtower-landing main > section:not(.hero) :where(
    h2,
    h3,
    p,
    li,
    dt,
    dd,
    label,
    summary,
    figcaption
  ) {
    text-align: left;
  }

  html[lang^="en"] .hero,
  html[lang^="en"] .hero-copy,
  html[lang^="en"] .hero-copy :where(.hero-eyebrow, .hero-title, .hero-lede, .hero-action),
  html[lang^="en"] .core-sea__copy,
  html[lang^="en"] .core-sea__copy :where(.core-heading, p),
  html[lang^="en"] .residence-collection__intro,
  html[lang^="en"] .residence-collection__intro :where(.core-heading, .core-lede),
  html[lang^="en"] .amenities__heading,
  html[lang^="en"] .amenities__heading :where(h2, p) {
    text-align: center;
  }

  html[lang^="en"] .core-proof__rail > header,
  html[lang^="en"] .core-proof__rail .core-heading,
  html[lang^="en"] .core-proof__rail .core-lede,
  html[lang^="en"] .core-proof__amenity-summary,
  html[lang^="en"] .plan-explorer__intro,
  html[lang^="en"] .plan-explorer__copy .core-heading,
  html[lang^="en"] .plan-explorer__intro .core-lede,
  html[lang^="en"] .location-gallery__copy h2,
  html[lang^="en"] .location-gallery__copy p,
  html[lang^="en"] .private-inquiry__promise,
  html[lang^="en"] .experience-faq__heading h2,
  html[lang^="en"] .experience-faq summary strong,
  html[lang^="en"] .experience-faq details > p,
  html[lang^="en"] .experience-footer :where(p, a, strong, span, small) {
    text-align: left;
  }

  html[lang^="en"] .residence-profile__copy,
  html[lang^="en"] .residence-profile h3,
  html[lang^="en"] .residence-profile__copy > p:not(.residence-profile__index) {
    align-items: flex-start;
    margin-inline: 0;
    text-align: left;
  }

  html[lang^="en"] .core-proof__rail .core-cta,
  html[lang^="en"] .location-gallery__controls,
  html[lang^="en"] .experience-footer__top {
    margin-inline: 0;
  }

  html[lang^="en"] .experience-footer__top {
    align-items: flex-start;
  }

  html[lang^="en"] .experience-footer nav a {
    justify-content: flex-start;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[lang^="en"] .lead-cta__arrow,
  html[lang^="en"] .core-cta span:last-child,
  html[lang^="en"] .core-text-cta span:last-child,
  html[lang^="en"] .location-gallery__controls button span {
    transition: none;
  }
}

html[lang^="en"] .hero-title__line {
  overflow: visible;
}

@media (min-width: 1051px) {
    html[lang^="en"] .residence-collection__intro .core-heading, html[lang^="en"] .amenities .amenities__heading h2 {
        max-width: none;
        white-space: pre-line;
        text-align: center !important;
    }
    html[lang^="en"] .experience-faq summary strong {
      max-width: 50ch;
  }
  html[lang^="en"] .core-proof__rail .core-heading, html[lang^="en"] .core-proof__rail .core-lede, html[lang^="en"] .plan-explorer__copy .core-heading, html[lang^="en"] .experience-faq{
   max-width: unset; 
    text-align: start;
  }
  html[lang^="en"] .plan-explorer__copy :where(h2,p,label,dt,dd) {
     text-align: start;
  }
  html[lang^="en"] .amenities__collage figcaption, html[lang^="en"] .residence-profile__copy, html[lang^="en"] .residence-profile:nth-child(even) .residence-profile__copy {
            justify-content: flex-end;
  }
 html[lang^="en"] .amenities figcaption .amenities__gallery-trigger>span {
   transform: scale(-1);
  }
  html[lang^="en"] .experience-footer__bottom {
   direction: ltr; 
  }
  html[lang^="en"] .visually-hidden {
        margin: 0px;
  }
  html[lang^="en"] .amenities__collage figcaption, html[lang^="en"] .residence-profile__copy, html[lang^="en"] .residence-profile:nth-child(even) .residence-profile__copy {
       direction: ltr !important; 

  }
}