/* MDIX Laundry Prima — audit fixes (2026-10-05) */

/* Placeholder shape images ("571 × 450", "447 × 474", "551 × 374" …) from the theme demo. */
img[src*="shape/like.png"],
img[src*="shape/testi_img_1.png"],
img[src*="shape/footer_shape_1.png"],
img[src*="shape/footer_shape_2.png"] {
  display: none !important;
}
.service-box .box-content,
.box-content[data-bg-src*="service_shape_1"],
.process-card:before {
  background-image: none !important;
}

/* Contact strip: phone/email text sits on a busy photo. */
.contact-feature {
  background-color: #14202e !important;
  background-blend-mode: multiply;
}

/* Keep section titles readable on top of photo backgrounds. */
section:has(.service-box),
#blog-sec,
.team-area {
  background-color: rgba(255, 255, 255, 0.72) !important;
  background-blend-mode: lighten;
}
.testi-area {
  background-color: #1b2635 !important;
  background-blend-mode: multiply;
}
.footer-wrapper.footer-layout1 {
  background-color: #111a27 !important;
  background-blend-mode: multiply;
}

/* Rupiah prices are longer than "$80". */
.price-card_price {
  font-size: 40px;
}
.price-card_price .currency {
  font-size: 0.6em;
}

/* ===== Design QA 2026-10-13 ===== */

/* AA contrast (DECISIONS D-20): lime #8CC63F with white text was 2.05:1 and grey body text 3.95:1.
   Brand green darkened for text/buttons; lime kept as accent on dark sections. */
:root {
  --theme-color: #3F7A14;
  --body-color: #5F6678;
}

/* Footer newsletter checkbox: box touched the label text. */
.widget .form-group label,
.footer-wrapper .form-group label {
  padding-left: 30px;
}

/* Why-us checklist: long items ("Lipatan Sesuai Permintaan") wrapped under the icon. */
.why-checklist ul li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.why-checklist ul li .check-img {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}

/* Text over light photos: darken inner-page banners, inner footer and the about video band. */
.breadcumb-wrapper,
.footer-wrapper.footer-layout2,
.video-area {
  background-color: #2b3440 !important;
  background-blend-mode: multiply;
}

/* Touch targets >= 24px (D-11). */
.social-links a,
.header-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}
.header-logo a,
.mobile-logo a,
.about-logo a,
.footer-logo a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.menu-all-pages-container .menu li a,
.footer-widget .menu li a,
.copyright-text a,
.recent-post-meta a,
.breadcumb-menu a,
.box-title a,
.post-title a {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
}
.footer-layout2 .copyright-wrap .footer-links ul li {
  height: auto;
  line-height: 24px;
}
.footer-links ul li a {
  display: inline-block;
  min-height: 24px;
}

/* Phones: 16px side gutters instead of 12px. */
@media (max-width: 575px) {
  .container,
  .container-fluid,
  .th-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Lime accent stays on dark sections (dark green would be too dark there). */
.hero-inner .sub-title,
.th-hero-wrapper .sub-title,
[data-overlay] .sub-title,
.testi-area .sub-title,
.footer-wrapper .sub-title,
.video-area .sub-title,
.contact-feature_subtitle {
  color: #8CC63F !important;
}
.hero-inner .sub-title:after,
.hero-inner .sub-title:before,
[data-overlay] .sub-title:after,
[data-overlay] .sub-title:before,
.testi-area .sub-title:after,
.testi-area .sub-title:before {
  background-color: #8CC63F;
}
.testi-card_desig {
  color: #b4bcc8 !important;
}
.footer-wrapper .form-group label,
.footer-wrapper .widget .form-group label {
  color: #c5ccd6;
}
.nice-select .option,
.nice-select .option.selected {
  color: var(--title-color);
}
/* Rating stars are decorative spans now (were dead "#" links). */
.star-icon span {
  color: #8CC63F;
  font-size: 14px;
}
.recent-post-meta a,
.product-title a,
.cart-productname,
.blog-meta a {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}
.recent-post .media-img a {
  display: block;
}
a.remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}
.recent-post-meta a,
.product-name a,
.product_meta a,
.woocommerce-info a,
a.text-reset,
.cart-productname,
.product-title a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}
.blog-img a,
.product-thumbnail a {
  display: block;
}
.qty-btn,
.rating-select .stars a {
  min-width: 24px;
  min-height: 24px;
}
.wishlist_item .product-cb input[type="checkbox"] {
  width: 24px;
  height: 24px;
}
.woocommerce-review-link {
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}
/* Dark top bar notice, date badges over photos. */
.header-notice.text-theme,
.header-top .text-theme {
  color: #8CC63F !important;
}
.blog-box_year {
  background-color: var(--theme-color);
}
/* Inner-page footer: grey text was dim on the darkened photo. */
.footer-layout2 .th-widget-about p,
.footer-layout2 .footer-widget .menu a,
.footer-layout2 .footer-widget li,
.footer-layout2 .footer-widget td,
.footer-layout2 .footer-widget span,
.footer-layout2 .footer-widget .recent-post-meta a {
  color: #c5ccd6;
}
/* Sidebar call box: phone number broke mid-number. */
.widget-call .call {
  white-space: nowrap;
  font-size: clamp(20px, 2vw, 26px);
}
.widget-call .call {
  color: #8CC63F;
}
.header-links a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}
/* Remaining AA fixes on shop/cart/team/blog pages. */
table .amount,
table .amount bdi {
  color: var(--body-color);
}
del,
del .amount,
del bdi {
  color: #5F6678 !important;
}
.skill-feature .progress-value {
  color: var(--title-color) !important;
}
.author-info .text {
  color: var(--body-color);
}
.skill-feature .progress-value {
  background-color: #fff;
  padding: 0 4px;
}
.why-checklist .why-text {
  position: relative;
  z-index: 1;
}

/* ===== Design QA 2026-10-13 (lanjutan) ===== */
/* Grey body text (#5F6678/#788094) sat at ~3:1 on the dark contact cards and home footer. */
.contact-feature .box-text {
  color: #b4bcc8;
}
.footer-layout1 .about-text,
.footer-layout1 .th-widget-about p,
.footer-layout1 .footer-widget .menu a,
.footer-layout1 .footer-widget li,
.footer-layout1 .footer-widget span,
.footer-layout1 .footer-widget a.text-inherit,
.footer-layout1 .info-box_text,
.footer-layout1 .info-box_link {
  color: #c5ccd6;
}
/* Back-to-top button (fixed, right 30px) covered the last social icon in the copyright bar. */
.copyright-wrap .container {
  padding-right: 96px;
}
@media (min-width: 1600px) {
  .copyright-wrap .container {
    padding-right: var(--bs-gutter-x, 12px);
  }
}
@media (max-width: 575px) {
  .copyright-wrap .container {
    padding-right: 76px;
  }
}
/* Blog 3-column page used the theme's 1800px container: cards touched the screen edge at 1280–1440. */
.th-blog-wrapper > .th-container {
  --main-container: 1250px;
}
/* Why-us background (960px stock photo, D-27): soft light wash so the enlargement reads as a backdrop. */
.features-area {
  background-color: rgba(255, 255, 255, 0.5) !important;
  background-blend-mode: lighten;
}