/* MDIX audit fixes — MDIX Salon Sentosa */

/* Hero background layer is a grey "1920 × 800" placeholder image; use a soft brand colour. */
.hero-1 {
  background-image: none !important;
  background-color: #f8efe9;
}

/* Brand strip only holds grey size-label placeholders ("150 × 129" …). */
.brand-area,
.brand-sec1,
.brand-sec:has(img[src*="assets/img/brand/brand_"]) {
  display: none !important;
}

/* Footer/sidemenu logo has dark "Salon Sentosa" text on a dark background; show it in white. */
.footer-wrapper img[src$="logo-white.svg"],
.sidemenu-wrapper img[src$="logo-white.svg"] {
  filter: brightness(0) invert(1);
}

/* Rupiah price ("Rp 250rb") is wider than "$46"; shrink it so it fits the round badge. */
.price-card_price {
  font-size: 22px;
  padding: 30px 14px;
}
.price-card_price .currency {
  font-size: 14px;
}
.price-card_price .currency {
  position: static !important;
  display: inline !important;
  margin-right: 2px;
  vertical-align: baseline;
}

/* ---- Audit ronde 2026-10-12 ---- */

/* Kontras AA: tombol brand putih-di-krem #C28565 hanya 3.07:1. Pergelap jadi
   #9E5F3F (~5.0:1 dgn putih). Hover tetap mengisi --title-color (gelap). */
.th-btn:not(.style2):not(.style3) {
  background-color: #9E5F3F;
}
.th-btn.style2 {
  color: #9E5F3F;
  border-color: #9E5F3F;
}
.th-btn.style2:hover::before,
.th-btn.style2:hover::after {
  background-color: #9E5F3F;
}
/* Filter galeri tab aktif memakai warna brand → pergelap agar teks putih lolos AA. */
.filter-menu .tab-btn.active,
.filter-menu.style2 .tab-btn.active {
  background-color: #9E5F3F;
  border-color: #9E5F3F;
}

/* Avatar/foto testimoni 595×500 ditampilkan 120×120 → gepeng. Pakai object-fit. */
.testi-slide-img img,
.testi-item_img img {
  object-fit: cover;
  object-position: center;
}

/* Target sentuh footer < 24px: beri ruang vertikal pada link menu & bawah footer. */
.footer-area .menu li a,
.footer-widget .menu li a,
.footer-links a,
.copyright-text a,
.copyright-wrap a {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Seksi toko belum diadaptasi (produk fesyen, USD, lorem) → sembunyikan pintu masuk
   keranjang di header (file toko tetap ada; lihat catatan D-18). */
.header-button .sideMenuToggler2,
.sidemenu-wrapper.shopping-cart {
  display: none !important;
}

/* Tombol filter galeri non-aktif: teks warna brand 3.07:1 → pergelap teksnya. */
.filter-menu .tab-btn:not(.active) {
  color: #9E5F3F;
}

/* Link logo header/mobile hanya setinggi teks (21px) → tambah area sentuh. */
.header-logo a,
.mobile-logo a {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Warna brand #C28565 gagal kontras AA sebagai teks (3.07:1) di banyak aksen
   (sub-judul, jabatan tim, label, link). Pergelap variabel brand ke #9E5F3F
   (~5:1 dgn putih) sekali di :root agar semua teks aksen lolos AA (lihat D-20). */
:root {
  --theme-color: #9E5F3F;
}

/* Link nama brand di bar hak cipta (#53443D) pakai warna brand → 1.85:1.
   Jadikan putih agar terbaca. */
.copyright-text a {
  color: var(--white-color);
}

/* Teks pilihan default dropdown "Pilih Perawatan" terlalu terang (2.85:1). */
.nice-select .current,
.nice-select .option {
  color: #4d4d4d;
}

/* Ikon sosial header-top sempit (9–16px) → beri lebar area sentuh >=24px. */
.header-top .social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}

/* Cegah CLS: slider slick menumpuk semua slide sebelum init → sembunyikan
   slide selain pertama sampai slick siap (lihat lessons). */
.th-carousel:not(.slick-initialized) > div:not(:first-child) {
  display: none;
}

/* Opsi placeholder dropdown (disabled) #999 = 2.85:1 → pergelap agar terbaca. */
.nice-select .option.disabled {
  color: #595959;
}

/* Pastikan semua tautan logo (header/mobile/sticky) punya tinggi sentuh >=24px. */
.header-logo a,
.mobile-logo a,
.sticky-wrapper .header-logo a,
.about-logo a,
.logo a {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Label % skill-bar (teks gelap) berada di atas isi bar warna brand yang kini
   lebih gelap (#9E5F3F) → 3.85:1. Jadikan putih (5:1). */
.skill-feature .progress-value {
  color: var(--white-color);
}

/* Teks deskripsi buletin footer abu di latar gelap = 3.38:1. Terangkan ke AA. */
.footer-widget .newsletter-widget p,
.footer-widget .newsletter-widget .md-10 {
  color: #b3b3b3;
}

/* Badge harga (lingkaran) ber-z-index -1 shg sebagian "Rp" tertutup foto oval.
   Angkat ke depan agar "Rp250.000" terbaca penuh. */
.price-card_price {
  z-index: 3;
}

/* Verifikasi ulang akhir 2026-10-13: harga di keranjang/checkout (.amount) masih memakai
   aksen terang (3,4:1 di latar putih) → pakai aksen gelap yang sama dengan teks merek. */
.amount,
.amount bdi {
  color: #9E5F3F;
}