/* MDIX Klinik Utama — audit fixes */

/* Footer wordmark had dark "Klinik Utama" text on the dark footer; show it in white there. */
.rts-footer-area .logo img,
footer .logo img {
  filter: brightness(0) invert(1);
}

/* Indonesian labels are longer: keep buttons and footer headings on one line. */
.rts-btn {
  white-space: nowrap;
}
.rts-footer-area h6.title {
  white-space: nowrap;
}

/* ---- Design-QA 2026-10-12 ---- */

/* Headings used word-break:break-word, which split long Indonesian words mid-word
   ("Merekomendasika-n", "Compassion-ate", "Rp350.00-0"). Break only a word that cannot fit. */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  word-break: normal;
  overflow-wrap: break-word;
}

/* Prices are one token: keep on one line and scale to the card. */
.single-pricing-area .pricing-head .price {
  white-space: nowrap;
  font-size: clamp(26px, 2.6vw, 40px);
}

/* Below 1200px the side gutter was only 8px; use 16px (1200px+ already has 15px). */
@media (max-width: 1199px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* About photo was pulled 30px past the container and got cut at the screen edge on tablets/phones. */
@media (max-width: 991px) {
  .about-image-left-wrapper {
    margin-right: 0;
  }
}

/* About badge: third-party review logo and invented rating replaced by practice hours. */
.about-image-left-wrapper .review-area > img,
.about-image-left-wrapper .review-area .stars-area .wrapper {
  display: none;
}
.about-image-left-wrapper .review-area .stars-area {
  margin-top: 0;
}
.about-image-left-wrapper .review-area .stars-area .content span {
  display: block;
}
.about-image-left-wrapper .review-area .stars-area .content span:first-child {
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 2px;
}

/* "Halo! 24/7" card: phone number sat white-on-white over the doctor's coat and the
   doctor photo covered "Halo!" at 992-1199px. Give the number its own pill and shrink the photo. */
.right-whychoose-us-style-one .inner-content .top,
.right-whychoose-us-style-one .inner-content .call-us {
  z-index: 2;
}
.right-whychoose-us-style-one .inner-content .call-us {
  background: var(--color-primary);
  border-radius: 999px;
  padding: 8px 16px 8px 12px;
  box-shadow: 0 6px 18px rgba(17, 16, 50, 0.18);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .right-whychoose-us-style-one .thumbnail-image {
    max-width: 58%;
  }
}
@media (max-width: 575px) {
  .right-whychoose-us-style-one .inner-content .call-us {
    left: 16px;
    bottom: 16px;
  }
  .right-whychoose-us-style-one .inner-content .call-us span {
    font-size: 16px;
  }
}

/* Touch targets (WCAG 2.5.8): "Pelajari Lebih Lanjut" links were 19px tall,
   doctor social icons 10-18px wide. */
.btn-transparent {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
}
.single-team-area-start .bottom .social-area-tranaparent ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}

/* Mobile menu social icons were 10-18px wide: give them 44px round targets. */
.side-bar .rts-social-style-one ul {
  gap: 8px;
  padding-left: 0;
  list-style: none;
}
.side-bar .rts-social-style-one ul li {
  margin: 0;
}
.side-bar .rts-social-style-one ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(97, 94, 252, 0.1);
  color: var(--color-primary);
}
.side-bar .rts-social-style-one ul li a:hover,
.side-bar .rts-social-style-one ul li a:focus-visible {
  background: var(--color-primary);
  color: #fff;
}

/* Closed off-canvas menu: its close button collapsed to 2px and stayed focusable. */
.side-bar:not(.show) .close-icon-menu {
  visibility: hidden;
}

/* Tablet: the third price card sat alone on the left; centre the orphan. */
.pricing-area-start .row.g-75 {
  justify-content: center;
}

/* At 1600px+ headings grow to 48px and "Merekomendasikan" no longer fits the 525px column. */
@media (min-width: 1600px) {
  .why-choose-us-area-wrapper-main .title-wrapper-left .title {
    font-size: 44px;
  }
}

/* Verifikasi ulang akhir 2026-10-13: catatan "data contoh" di bawah baris angka statistik. */
.mdix-sample-note { margin: 16px 0 0; text-align: center; font-size: 14px; color: #4b5563; }
/* D-20: label kecil ungu #615EFC hanya 4,16:1 di latar lavender seksi "Kenapa Pilih Kami"/"Dokter Kami". */
.title-wrapper-left .pre, .title-area-center .pre { color: #4b47e6; }
/* Footer halaman dalam (footer-two) berlatar lavender terang: wordmark asli (gelap) tanpa filter putih. */
.rts-footer-area.footer-two .logo img { filter: none; }
/* D-20 (verifikasi ulang akhir): ungu merek #615EFC = 4,2–4,6:1 di putih/lavender (label, tautan, jadwal dokter,
   tag) dan #5b67fc di bawah teks putih (jadwal) → ungu lebih gelap #4b47e6 (6,3:1 di putih, 5,2:1 di #e8e7ff). */
:root { --color-primary: #4b47e6; }
td.doctor.doctor-blue { background-color: #4b47e6 !important; }
.time-table th, td.time { color: #1f1f25; }
.tag-wrapper-small .single-tag, .single-tag { color: #4b4b4b !important; }
.nice-select .current { color: #4b4b4b; }
.before-after .overlay, div.overlay { color: #1f1f25; }
.team-social a, .social-wrapper-one a, .doctor-details-social a { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; }
a.play-video.popup-video { min-height: 24px; display: inline-flex; align-items: center; }
.rts-social-style-one ul li a { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; }
.follow-me-social-area ul li a { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; }

/* Tautan email di kartu Pasien Internasional: area sentuh 24px. */
.single-check ~ a[href^="mailto:"] { display: inline-block; min-height: 24px; line-height: 24px; }

/* Verifikasi ulang akhir 2026-10-13: strip logo merek pihak ketiga nyata (Fresenius, BSN medical, dll.) di Tentang Kami disembunyikan. */
.rts-brand-area { display: none; }