/* MDIX audit fixes — MDIX Salon Cakrawala */

/* Footer logo: MDIX logo (dark text) on the dark footer, shown in white. */
.mdix-logo-light {
  filter: brightness(0) invert(1);
}

/* Partner-brand strip and the payment-card image only hold grey placeholder boxes.
   The strip appears under several wrappers (bg-theme / bg-light-2 / plain
   space-extra) across pages, so match any space-extra section holding a brand logo. */
[class*="space-extra"]:has(img[src*="assets/img/brand/"]),
img[src$="assets/img/widget/cards.png"] {
  display: none !important;
}

/* Rupiah prices are longer than the original "12$"; scale the price and plan name so they
   stay side by side inside the package cards. */
.package-style1 .package-price {
  font-size: 40px;
}
.package-style1 .package-name,
.package-style1.layout2 .package-name {
  font-size: 22px;
}

/* Package duration label was 10px (below the 12px minimum). The theme drops it
   to 10px inside a mobile media query via `.package-style1 .package-duration`,
   so match that specificity here (loaded last, wins). */
.package-style1 .package-duration {
  font-size: 12px;
}

/* Footer copyright brand link used the brand terracotta on the dark footer
   (2.82:1, fails AA); lighten it so it reads on the dark bar. */
.copyright-text a {
  color: #e7bfae;
}

/* Tap targets: the mobile-menu and footer menu links were ~14px tall.
   Add vertical padding so they clear the 24px minimum (WCAG 2.5.8). */
.vs-mobile-menu ul li a {
  padding-top: 6px;
  padding-bottom: 6px;
}
.footer-menu .menu li a {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* Footer "Tentang"/recent-post text links were ~21px tall. */
.footer-widget .footer-info a,
.footer-widget .recent-post .post-title a,
.footer-widget .recent-post-meta a {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}
/* Header search toggle was 18x19 — primary header control needs a real target. */
.header-icons .searchBoxTggler {
  min-width: 44px;
  min-height: 44px;
}
/* Header-top social icons were ~9–14px. */
.header-top .social-style1 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
}
/* Logo links (header/mobile-menu/footer) and the copyright link were <24px tall. */
.header-logo a,
.mobile-logo a,
.footer-logo a,
.vs-logo a,
.copyright-text a {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* D-19b: latar footer terakota tema (footer-bg-5-2.jpg) dipulihkan; lapisan cokelat tipis agar teks putih lolos AA (3,0:1 -> >4,5:1). */
.footer-layout5.background-image { box-shadow: inset 0 0 0 100vmax rgba(60, 25, 12, 0.35); }
.footer-layout5.background-image .vs-btn.style12 { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55); }

/* Verifikasi ulang akhir 2026-10-13: dua gambar placeholder abu lagi (tanda tangan
   admin di widget blog, gambar kartu pembayaran di shop-details) → sembunyikan. */
.admin-sign,
img[src$="assets/img/widget/cards-2.png"] {
  display: none !important;
}