/* MDIX Hotel Utama — per-template fixes from the design-QA audit (2026-10-12). */

/* Header: logo link wraps the whole logo image; phone menu button gets a 44px hit area. */
.main-menu__logo a {
  display: inline-block;
}
.main-menu .mobile-nav__toggler {
  padding: 10px 13px;
  margin: -10px -13px;
}

/* Room prices overflowed their card at 360–450px and 992–1440px (3 narrow columns). */
.pricing-one__price {
  flex-wrap: wrap;
}
@media only screen and (min-width: 1320px) {
  .pricing-one__price {
    font-size: 42px;
    line-height: 46px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1319px) {
  .pricing-one__price {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 450px) {
  .pricing-one__price {
    font-size: 38px;
    line-height: 44px;
  }
}

/* Contact box: e-mail was shown capitalised ("Halo@Mdix.Digital"), the phone number wrapped. */
.contact-one__call-contact h4 {
  text-transform: none;
}
.contact-one__call-contact h4 a {
  white-space: nowrap;
}
/* The contact box ran over the photo (>=1200px) and the photo covered the form (992–1199px). */
@media only screen and (min-width: 1200px) {
  .contact-one__call-box {
    right: auto;
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
  .contact-one__img {
    right: 0;
  }
  .contact-one__img img {
    width: 430px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-one__call-box {
    right: auto;
    left: 0;
  }
  .contact-one__img {
    right: 0;
  }
  .contact-one__img img {
    width: 280px;
  }
}

/* Newsletter button text was clipped: keep the button at its natural width. */
.footer-widget__newsletter-form .footer-widget__newsletter-btn {
  flex-shrink: 0;
  white-space: nowrap;
}

/* Event card: author name was beige on a light photo (low contrast). */
.event-one__post p span {
  color: var(--hotelux-white);
  font-weight: 600;
}
/* Event photo used only 410px of a full-width card on tablets. */
@media only screen and (max-width: 991px) {
  .event-one__img-box,
  .event-one__img {
    width: 100%;
    max-width: none;
  }
}

/* About room thumbnails stacked as one narrow 190px column on phones: use two columns. */
@media only screen and (max-width: 767px) {
  .about-one__main-tab-box .tab-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  /* the theme's empty ::before would take the first grid cell */
  .about-one__main-tab-box .tab-buttons::before {
    display: none;
  }
  .about-one__main-tab-box .tab-buttons .tab-btn + .tab-btn {
    margin-left: 0;
  }
  .about-one__main-tab-box .tab-buttons .tab-btn .about-one__main-tab-img {
    max-width: none;
  }
  .about-one__main-tab-box .tab-buttons .tab-btn:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 5px);
  }
}

/* Reduced motion: section titles are split into letters by GSAP and faded in; show them at once. */
@media (prefers-reduced-motion: reduce) {
  .title-animation,
  .title-animation .split-line,
  .title-animation .split-line div {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ===== Verifikasi ulang akhir 2026-10-13 ===== */
/* Catatan data contoh di bawah baris angka (counter-one, latar gelap). */
.counter-one .mdix-sample-note { margin: 24px 0 0; text-align: center; font-size: 14px; color: rgba(255, 255, 255, .85); }
/* D-20: warna dasar tema #b99c87 hanya 2,57:1 dengan teks putih (tombol, kotak cek ketersediaan,
   menu aktif). Dipergelap ke #80624c (5,6:1 di putih). */
:root { --hotelux-base: #80624c; --hotelux-base-rgb: 128, 98, 76; }
/* Di seksi gelap (hero, kontak, angka, harga, video, footer) teks berwarna dasar tetap memakai
   tone terang aslinya (6,9:1 di #191628); tombol tetap memakai tone gelap untuk teks putih. */
.main-slider, .contact-one, .counter-one, .pricing-one__single, .video-one, .site-footer, .newsletter-one {
  --hotelux-base: #b99c87; --hotelux-base-rgb: 185, 156, 135;
}
.thm-btn, .main-slider .thm-btn, .contact-one .thm-btn, .pricing-one__single .thm-btn, .video-one .thm-btn, .site-footer .thm-btn, .newsletter-one .thm-btn,
.site-footer button, .contact-one button {
  --hotelux-base: #80624c; --hotelux-base-rgb: 128, 98, 76;
}
/* Tab acara aktif: warna isi juga di elemen itu sendiri (lapisan ::before tetap animasi). */
.event-one__main-tab-box .tab-buttons .tab-btn.active-btn .event-one__buttons { background-color: var(--hotelux-base); }
/* Penulis di atas foto acara: pita gelap tipis agar teks putih terbaca di foto terang. */
.event-one__post { padding: 10px 12px; background: linear-gradient(rgba(25, 22, 40, 0), rgba(25, 22, 40, .55)); bottom: 0; }
/* Titik slider hero 10px → area sentuh 24px (titik tetap 10px, padding transparan). */
#main-slider-pagination .swiper-pagination-bullet { width: 24px; height: 24px; padding: 7px; background-clip: content-box; }
#main-slider-pagination .swiper-pagination-bullet::before { top: -1px; left: -1px; right: -1px; bottom: -1px; }
.sliding-text { --hotelux-base: #b99c87; --hotelux-base-rgb: 185, 156, 135; }
/* Pil logo tetap tone terang (wordmark gelap 7,3:1). */
.main-menu__logo, .stricky-header .main-menu__logo { --hotelux-base: #b99c87; --hotelux-base-rgb: 185, 156, 135; }
/* Label "promo spesial": putih di oranye #fd7e14 = 2,6:1 → oranye tua (4,9:1). */
.offer-one__offer { background-color: #b34700; }
/* Target sentuh ≥24px (D-11): tautan footer, ikon kontak footer, breadcrumb. */
.footer-widget__link li a, .footer-widget__services-list li a, .footer-widget ul li a,
.thm-breadcrumb li a { display: inline-block; min-height: 24px; line-height: 24px; }
.footer-widget__logo a { display: inline-block; min-height: 44px; }
.footer-widget__contact-list a, .site-footer li a[href^="tel:"], .site-footer li a[href^="mailto:"],
.mobile-nav__contact a, .sidebar-contact-info li a { display: inline-block; min-height: 24px; line-height: 24px; }
section a[href^="tel:"], section a[href^="mailto:"] { display: inline-block; min-height: 24px; line-height: 24px; }
table td a { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; }

/* Verifikasi ulang akhir 2026-10-13: catatan "data contoh" di bawah linimasa Sejarah Kami. */
.history-page .mdix-sample-note { position: relative; z-index: 2; margin: 40px 0 0; text-align: center; font-size: 14px; color: #4b5563; background: #fff; }
/* Tautan unduh brosur & navigasi acara: area sentuh minimal 24px. */
.service-details__sidebar-download-box .text-box a, .event-details__previous-next .text-box a { display: inline-block; min-height: 24px; line-height: 24px; }

/* Target sentuh 24px: judul produk, tombol Balas komentar, Lupa kata sandi. */
.single-product-style1__content-left h4 a, .single-product-style2__text h4 a, .product__sidebar .content .title a, .comment-one__btn, a.mdix-forgot { display: inline-block; min-height: 24px; line-height: 24px; }
.comment-one__btn { min-width: 44px; text-align: center; }