/* MDIX Salon Utama — template-specific fixes */

/* Footer columns use a WOW fade that sometimes never fires, leaving an empty pink footer. */
.footer-top .wow,
.footer-top.wow {
  visibility: visible !important;
  animation-name: none !important;
  opacity: 1 !important;
}

/* Hero paragraph sits on a busy photo; give it a soft halo so it stays readable. */
#slide-100-layer-4,
#slide-200-layer-4 {
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.95), 0 0 14px rgba(255, 255, 255, 0.85);
  font-weight: 600 !important;
}

/* Translated sentences should not be Title Cased by the theme. */
.footer-top p.text-capitalize {
  text-transform: none !important;
}
#slide-100-layer-4,
#slide-200-layer-4 {
  background: rgba(255, 255, 255, 0.72);
  padding: 10px 14px !important;
  border-radius: 4px;
  color: #320016 !important;
}

/* Desktop: keep the split menu on one line on each side of the centred logo. */
@media (min-width: 992px) {
  .site-header.center .header-nav .nav {
    flex-wrap: nowrap !important;
  }
  .site-header.center .header-nav .nav > li > a {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 14px;
    white-space: nowrap;
  }
}

/* ── MDIX QA pass 2026-10-12 ──────────────────────────────── */

/* Brand pink #ff5ea5 fails WCAG AA (2.84:1) as text on white and as white
   text on the pink top bar/buttons. Darken to #d6246f (4.84:1) — still a
   salon pink, now AA-compliant. Skin-1 drives these via var(--primary). */
:root {
  --primary: #d6246f;
  --primary-hover: #c01f63;
}
.site-button:hover,
.site-button:focus,
.site-button:active,
.active > .site-button {
  background-color: var(--primary-hover) !important;
}

/* Hamburger toggle needs a comfortable 44px tap target (was 20x18). */
.navbar-toggler.navicon {
  width: 44px;
  height: 44px;
}

/* Footer menu links (~17px) and gallery filters (~19px) were below the 24px
   touch minimum; add vertical room without moving the layout. */
footer .widget_services ul li a {
  display: inline-block;
  padding: 3px 0;
}
.site-filters.style1 li > a {
  display: inline-block;
  padding: 4px 2px;
}

/* Footer headings (e.g. "PERUSAHAAN") must wrap by whole word, never split. */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

/* Secondary teal #00becf also fails AA as white text (2.27:1). Darken to
   #0b7d8a (4.87:1) — keeps the teal accent, now readable. */
:root {
  --secondary: #0b7d8a;
  --secondary-hover: #086470;
}
.site-button-secondry:hover,
.site-button-secondry:focus,
.site-button-secondry:active {
  background-color: var(--secondary-hover) !important;
}

/* Testimonial job titles were #888 on white (3.54:1); use #6c6c6c (5.25:1). */
.testimonial-position {
  color: #6c6c6c !important;
}

/* Footer-bottom bar links need the 24px touch height too. */
.footer-bottom .widget-link ul li a {
  display: inline-block;
  padding: 4px 0;
}

/* Reserve the hero height so the Revolution Slider (starts display:none)
   does not push the page down on init — kills the big desktop CLS.
   Heights measured: 766px@1440 (~53vw), 553px@768 (~72vw), ~390px mobile. */
.rev-slider {
  min-height: 53vw;            /* scales with width at ≥1445px */
  min-height: max(53vw, 760px); /* the slider caps ~766px between 992–1440 */
}
@media (max-width: 991px) {
  .rev-slider {
    min-height: 72vw;
  }
}
@media (max-width: 767px) {
  .rev-slider {
    min-height: 360px;
  }
}

/* Owl carousels stack every slide full-height before init, then collapse —
   a large shift on phones/tablets. Keep only the first slide visible until
   owl marks itself loaded. */
.owl-carousel:not(.owl-loaded) > div:not(:first-child) {
  display: none;
}

/* Blog/post pages: several theme greys and the red "Baru" badge fail AA. */
.new-page {
  background-color: #c62828 !important; /* white on red was 4:1 */
}
.comment-author .says,
.comment-meta a,
.comment-meta,
.post-tags a,
.widget_tag_cloud a {
  color: #6c6c6c !important; /* were #999/#8d8d8d/#a9a9a9 (2.3–3.3:1) */
}

/* Booking wizard buttons: white on default Bootstrap info/danger failed AA. */
.btn-info {
  background-color: #117a8b !important;
  border-color: #117a8b !important;
}
.btn-danger {
  background-color: #c62828 !important;
  border-color: #c62828 !important;
}

/* D-19b: percikan pink tema (bg7.jpg) dipulihkan; teks daftar abu 4,4:1 dipergelap agar lolos AA. */
.content-inner-2[style*="bg7.jpg"] .list-angle-right li { color: #555555; }

/* ── Verifikasi ulang akhir 2026-10-13 (D-20) ─────────────────
   Emas tema #b1a684 (skin-2: judul "text-primary", label tab paket) hanya
   2,4:1 di latar putih. skin-2.css kini memakai #7a6d42 (5,1:1) / hover
   #66592f; label tab paket aktif (templete.min.css, hex tetap) ikut digelapkan. */
.bridal-price .nav-tabs li a.active {
  background: #7a6d42;
}
.hair-service-bx.active,
.hair-service-bx:hover {
  box-shadow: 0 0 0 3px #7a6d42, 10px 10px 0 5px #efe6c4;
}