/* MDIX Otomotif Cakrawala — audit fixes */

/* Client logo strip only showed grey size placeholders ("149X56", "157X32", ...). */
.client-sec1 {
  display: none !important;
}

/* One brand colour on every page: inner pages now use the homepage's red theme
   (body.theme-red). The theme red #F02801 gives white text only 4.19:1, so the
   shade is darkened to #D92400 (5.0:1) for buttons, labels and links. */
body.theme-red,
body .theme-red {
  --theme-color: #D92400;
}

/* --- Design-QA (2026-10-12): WCAG AA contrast + touch targets --- */

/* Struck-through old price was var(--light-color) #c5c5c5 (1.88:1). Darken to a
   readable grey. Theme's most specific rule is .as-product .product-content
   .price del, so match that to win. */
.as-product .product-content .price del,
.as-product .price del,
.price del {
  color: #6f6f6f;
}

/* The "Kenapa Pilih Kami" eyebrow sits on the dark .bg-title panel where the
   theme red fails AA (3.52:1). Use a lighter accent only on dark panels. */
.bg-title .sub-title,
.bg-title .title-area .sub-title {
  color: #ff9470;
}

/* Footer copyright brand link was theme red on the near-black bar (2.91:1),
   and its inline box was only ~19px tall. */
.copyright-wrap .copyright-text a {
  color: #ff9470;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Logo links wrap an inline <img>, so the anchor box collapsed to the text
   line (~19px) although the logo renders larger. inline-block wraps the image
   and gives a proper tap target in the header and footer. */
.header-logo a,
.footer-logo a {
  display: inline-block;
}

/* Footer nav links were ~21px tall (< 24px, WCAG 2.5.8). Add vertical padding. */
.footer-widget .menu li a,
.footer-links li a {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Footer contact links (address / phone / email) were ~19px tall. */
.footer-widget .footer-info a,
.footer-info a {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Header top-bar controls (Lacak Pesanan / Masuk / Daftar / social) were
   < 24px tall at 768-1024. Give them a proper tap height (WCAG 2.5.8).
   The theme sets `.header-links li button { padding: 0 }`, so match it. */
.header-links a {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
}

.header-links li button {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
}

.header-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  min-height: 26px;
}

/* Verifikasi ulang akhir 2026-10-13: keterangan data contoh */
.mdix-sample-note { display: block; width: 100%; margin: 16px 0 0; font-size: 13px; line-height: 1.4; font-style: italic; font-weight: 400; letter-spacing: 0; text-transform: none; color: inherit; text-align: center; position: relative; z-index: 2; }
.counter-area2 .mdix-sample-note { color: #fff; }
/* Menu HP: wordmark putih di atas latar abu muda (tak terbaca) → latar gelap di slot logo */
.as-menu-wrapper .mobile-logo { background-color: #1a1d21; }