/* MDIX audit fixes — MDIX Salon Harmoni */

/* "Mitra Kami" carousel only holds theme placeholder logos ("COMPANY NAME / YOUR SLOGAN HERE"). */
.section-full:has(.client-logo-carousel) {
  display: none !important;
}

/* ============================================================
   MDIX design-QA round 1 — CLS, touch targets, font sizes
   ============================================================ */

/* Hero = Revolution Slider (sliderLayout:fullscreen) starts display:none,
   so its wrapper collapses to 0 then jumps to ~(100vh - header) on init → CLS ~0.9.
   Reserve the height up front. Header is 134px desktop / ~174px mobile; reserve a
   touch extra so the final init only shrinks (no downward content shift). */
#rev_slider_1050_1_wrapper {
  min-height: calc(100vh - 134px);
}
@media (max-width: 767px) {
  #rev_slider_1050_1_wrapper { min-height: calc(100vh - 150px); }
}

/* Touch targets >= 24px (header) / 44px (menu toggle). */
.top-bar .social-bx > li > a {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
button#mobile-side-drawer.navbar-toggler {
  min-width: 44px;
  min-height: 44px;
  padding: 10px 8px;
}

/* Touch targets >= 24px (footer links, article links, copyright nav). */
.site-footer .widget_services ul li a,
.site-footer .recent-posts-entry-date .post-title a,
.site-footer .copyrights-nav li a {
  display: inline-block;
  line-height: 24px;
}

/* Carousel dots and gallery filter: a little more vertical tap room. */
.owl-carousel .owl-dots .owl-dot { padding: 3px; }
.masonry-filter.link-style li a { display: inline-block; padding: 3px 0; }
.our-gallery .mfp-link { min-height: 24px; }

/* Body/button text never below 12px (hero slider buttons were 10px at <=575px). */
@media (max-width: 575px) {
  .tp-caption.sld-btn .button-lg { font-size: 12px !important; }
}
.site-footer .wt-post-date span { font-size: 12px; }

/* services-1: .bg-service-team pointed at a missing construction-crane image (404)
   that is also off-topic for a salon — drop the decorative background. */
.bg-service-team { background-image: none !important; }

/* ============================================================
   MDIX design-QA round 2 — contrast, carousel CLS, hero button
   ============================================================ */

/* Top-nav links were #777 on white (4.48:1) — fails AA. Darken on the
   light header-style-1 (does not touch dark/transparent header variants). */
.site-header.header-style-1 .header-nav .nav > li > a { color: #4b4b4b; }

/* footer-light sits on #eee; its body text/links were #777 (3.91:1) — darken. */
.footer-light .widget_about p,
.footer-light .widget_services ul li a,
.footer-light .recent-posts-entry-date .post-title a,
.footer-light .wt-post-meta ul li,
.footer-light .wt-post-meta ul li a,
.footer-light .copyrights-text,
.footer-light .copyrights-nav li a { color: #4a4a4a; }

/* Owl carousels stack every slide vertically before init, then collapse
   to one row on owl-loaded → large CLS. Reserve one item until initialised. */
.owl-carousel:not(.owl-loaded) > div:not(:first-child) { display: none; }

/* Carousel dots: give them >=24px tap height. */
.owl-carousel .owl-dots .owl-dot { min-height: 24px; }

/* Hero CTA buttons: Revolution Slider scales the caption down on phones,
   rendering ~10px. Raise base so scaled size stays >=12px. */
@media (max-width: 575px) {
  .site-button.radius-sm.button-lg,
  .site-button-secondry.radius-sm.button-lg { font-size: 15px !important; }
}

/* Sidebar "Our Client" widget only holds the grey "COMPANY NAME / YOUR SLOGAN"
   placeholder logos (shop/blog pages) — hide it like the homepage carousel. */
.widget:has(.widget-client) { display: none !important; }

/* Inner pages use footer-dark: its copyright bar text was #787878 on #1B1B1B
   (3.9:1) — fails AA. Lighten (shared across all inner pages). */
.footer-dark .footer-bottom .copyrights-text,
.footer-dark .footer-bottom .copyrights-nav li,
.footer-dark .footer-bottom .copyrights-nav li a { color: #adadad; }

/* Verifikasi akhir 2026-10-13: strip "Mitra Kami" hanya berisi logo contoh tema
   ("COMPANY NAME / YOUR SLOGAN HERE") → disembunyikan sampai ada logo mitra klien. */
.section-full:has(.client-logo-carousel) { display: none !important; }

/* Wordmark MDIX di header HP hanya 100px (teks ±9px) → 140px agar terbaca. */
@media only screen and (max-width:480px) {
  .site-header .logo-header { width: 140px; }
}