/* Etihad homepage overrides — keep legal footer links in the main bundle grid slot. */

.footer-navigation.footer-navigation--legal {
  grid-area: terms;
  margin: 0 0 0 15rem;
  gap: min(1.4rem, 1.4vh);
}

/* Larger homepage navbar logo — does not change .navbar-flex padding / header height */
.navbar .navbar-flex .navbar-logo {
  width: 18rem;
  height: 6.2rem;
}

.navbar .navbar-flex .navbar-logo img {
  object-fit: contain;
  object-position: center;
}

/* Menu sidebar: CTA + contact links on one bottom row */
.menu .menu-flex .menu-socials {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  align-items: end;
}

.menu .menu-flex .menu-socials__title,
.menu .menu-flex .menu-socials__container {
  grid-column: 1 / -1;
}

.menu .menu-flex .menu-socials__container {
  margin-bottom: min(3rem, 3vh);
}

.menu .menu-flex .menu-socials > .CTA-btn {
  grid-column: 1;
  grid-row: 3;
  align-self: center;
  justify-self: start;
  margin: 0;
  width: fit-content;
}

.menu .menu-flex .menu-socials > .menu-terms {
  grid-column: 2;
  grid-row: 3;
  align-self: center;
  justify-self: end;
  display: flex;
  align-items: center;
  margin: 0;
}

/* Footer CTA — match sidebar menu button */
.footer .CTA-btn {
  width: fit-content;
  max-width: none;
  margin: 0;
  justify-self: start;
}

.footer .CTA-btn .CTA-btn__icon {
  width: 1.2rem;
  height: 1.2rem;
}

.footer .CTA-btn .CTA-btn__background {
  -webkit-backdrop-filter: var(--filter);
  backdrop-filter: var(--filter);
}

.footer .CTA-btn .CTA-btn__text {
  font-size: min(1.8rem, 1.8vh);
}

@media screen and (orientation: portrait) {
  .footer-navigation.footer-navigation--legal {
    margin-left: 1.5rem;
    margin-bottom: 1rem;
    gap: 1.7rem;
  }

  .navbar .navbar-flex .navbar-logo {
    width: 11.5rem;
    height: 3.6rem;
  }

  .footer .CTA-btn {
    width: fit-content;
    max-width: calc(100% - 4rem);
    margin: 4rem 2rem 4.5rem;
    justify-self: start;
  }

  .footer .CTA-btn .CTA-btn__icon {
    width: 1.2rem;
    height: 1.2rem;
  }

  .footer .CTA-btn .CTA-btn__text {
    font-size: 1.8rem;
  }
}

/* Make Your Choice — optional panel background images */
.choice .choice-swiper-slide {
  position: relative;
  overflow: hidden;
}

.choice .choice-swiper-slide--has-image::before,
.choice .choice-swiper-slide--has-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.choice .choice-swiper-slide--has-image::before {
  z-index: 0;
  background-image: var(--choice-slide-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.choice .choice-swiper-slide--has-image::after {
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.55) 45%,
    rgba(23, 23, 23, 0.88) 100%
  );
}

.choice .choice-swiper-slide--has-image > * {
  position: relative;
  z-index: 2;
}

/* Dealers listing — 2:2 square agent photos + theme accents */
.popular-listings--dealers .popular-listings__media {
  height: auto;
  aspect-ratio: 2 / 2;
}

.popular-listings--dealers .popular-listings__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.popular-listings--dealers .popular-listings__eyebrow,
.popular-listings--dealers .popular-listings__heading span,
.popular-listings--dealers .popular-listings__price {
  color: #a9823d;
}

.popular-listings--dealers .popular-listings__eyebrow::before {
  background: linear-gradient(90deg, rgba(169, 130, 61, 0) 0%, #a9823d 100%);
}

.popular-listings--dealers .popular-listings__view-all {
  color: #a9823d;
  border-color: rgba(169, 130, 61, 0.28);
}

.popular-listings--dealers .popular-listings__view-all:hover {
  background: rgba(169, 130, 61, 0.1);
}

.popular-listings--dealers .popular-listings__control:hover,
.popular-listings--dealers .popular-listings__control:focus-visible {
  border-color: rgba(169, 130, 61, 0.42);
  color: #a9823d;
}

.popular-listings--dealers .popular-listings__title a:hover {
  color: #a9823d;
}

.popular-listings--dealers .popular-listings__badge {
  border-color: rgba(169, 130, 61, 0.32);
  background: rgba(169, 130, 61, 0.16);
  color: #e8d4b0;
}

.popular-listings--dealers .popular-listings__card.is-active {
  border-color: rgba(169, 130, 61, 0.28);
}

.popular-listings--dealers .popular-listings__progress span {
  background: linear-gradient(90deg, #7a5c2a 0%, #a9823d 100%);
}

.popular-listings--dealers .popular-listings__cta::after {
  background: linear-gradient(135deg, #7a5c2a 0%, #a9823d 100%);
}

.popular-listings--dealers .popular-listings__panel-glow {
  background: radial-gradient(circle, rgba(169, 130, 61, 0.12) 0%, transparent 72%);
}

/* Map popup — larger readable text */
.dha-map__info-window {
  width: 32rem;
  max-width: 32rem;
}

.dha-map__info-title {
  font-size: 1.65rem !important;
}

.dha-map__info-text {
  font-size: 1.2rem !important;
}

.dha-map__info-badge {
  font-size: 0.95rem !important;
}

.dha-map__info-meta span {
  font-size: 1.15rem !important;
}

.dha-map__info-meta span strong {
  font-size: 1.15rem !important;
}

/* Achievements + Journey heading highlights */
.stats-title span,
.timeline-title span {
  color: #a9823d !important;
}

.stats-title,
.stats-title span,
.timeline-title,
.timeline-title span {
  pointer-events: none !important;
  cursor: default !important;
  user-select: none !important;
}

/* About hero right column — white body copy; bold affiliated heading only */
@media screen and (orientation: landscape) {
  .hero__screen-2 .hero__flex-right .hero__description,
  .hero__screen-2 .hero__flex-right .hero__description span {
    color: #fff !important;
    font-weight: 400 !important;
  }

  .hero__screen-2 .hero__affiliated {
    pointer-events: auto;
    position: relative;
    z-index: 2;
  }

  .hero__screen-2 .hero__affiliated .hero__affiliated-text {
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: normal;
  }
}

/* Make Your Choice — hide slide index (1/3, 2/3, 3/3) */
.choice .choice-swiper-slide__number {
  display: none !important;
}

/* Contemporary — center front image must fully cover center-back (same box + fill) */
.contemporary .contemporary__image-center,
.contemporary .contemporary__image-center-back {
  overflow: hidden;
}

.contemporary .contemporary__image-center img,
.contemporary .contemporary__image-center-back img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
}

.contemporary .contemporary__image-center {
  z-index: -1;
}

.contemporary .contemporary__image-center-back {
  z-index: -2;
}

/* Scroll handoff targets — keep center + center-back identical so Flip does not expose the back layer */
@media (min-width: 992px) {
  .why .why__floating-center,
  .why .why__floating-center-back {
    width: min(35rem, 35vh) !important;
    height: min(42rem, 42vh) !important;
  }
}

@media screen and (orientation: portrait) and (max-width: 991px) {
  .why .why__floating-center,
  .why .why__floating-center-back {
    width: 9.6rem !important;
    height: 12.3rem !important;
  }
}

@media screen and (min-width: 482px) and (max-width: 991px) and (orientation: portrait) {
  .why .why__floating-center,
  .why .why__floating-center-back {
    width: 16.6rem !important;
    height: 19.3rem !important;
  }
}
