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

/* Scroll-reveal (WOW) left whole sections blank until revealed; show content immediately. */
.wow {
  visibility: visible !important;
  animation-name: none !important;
}

/* Brand strip only holds "230X70" placeholder logos. */
.brand-one {
  display: none !important;
}

/* CTA cut-out image was a stray city photo instead of a delivery van. */
.cta-one img[src*="cta-one-car"] {
  display: none !important;
}

/* Keep the phone number on one line. */
.welcome-one__call-content a,
.main-menu-wrapper__call-number a {
  white-space: nowrap;
}

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

/* D-20 contrast: the brand lime (#89b92e) is 2.3:1 with white text. Text, buttons and
   accents on light backgrounds use a darker green; the lime stays where it sits on navy
   or on photos (hero, page header, footer, navy feature box, mobile menu). */
:root {
  --qondri-base: #4f7c16;
  --qondri-base-rgb: 79, 124, 22;
  --qondri-gray: #5d6775;
  --qondri-gray-rgb: 93, 103, 117;
}
.main-slider,
.page-header,
.site-footer,
.feature-one__single-black,
.mobile-nav__wrapper,
.service-details__need-help {
  --qondri-base: #a9d65a;
  --qondri-base-rgb: 169, 214, 90;
}
.main-slider .thm-btn,
.site-footer .footer-widget__newsletter-btn,
.mobile-nav__wrapper .thm-btn {
  background-color: #4f7c16;
  color: #ffffff;
}
.feature-one__single-black .feature-one__text {
  color: #c3d2e4;
}

/* Logo wordmark (assets/images/resources/logo-1/2.png, drawn at 3x) shown at 170x44. */
.main-menu-wrapper__logo img,
.footer-widget__logo img,
.mobile-nav__content .logo-box img {
  width: 170px;
  max-width: none;
  height: auto;
}

/* Phone/tablet menu button: a real 44x44 target. */
@media (max-width: 1199px) {
  .main-menu .mobile-nav__toggler {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }
}
.mobile-nav__close {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Hero dots: 24px hit area around the 10px dot. */
#main-slider-pagination .swiper-pagination-bullet {
  position: relative;
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  opacity: 1;
}
#main-slider-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0;
}
#main-slider-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: rgba(255, 255, 255, 0.8);
}
#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 0;
  background: transparent;
}
#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: #ffffff;
  background-color: transparent;
}

/* Small text links get a 24px tall target. */
.feature-one__title a,
.news-one__meta li a,
.news-details__meta li a,
.footer-widget__links-list li a,
.site-footer__bottom-menu li a,
.site-footer__bottom-text a,
.footer-widget__contact-list li .text a,
.main-header__top-address li .text a,
.sidebar__post-content h3 a,
.news-details__tags a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

/* CTA band: the van cut-out is hidden, so text left / button right instead of a gap. */
@media (min-width: 1200px) {
  .cta-one__inner {
    justify-content: space-between;
  }
}

/* Prices page: card numbers 01–04 on one line, counted across the row. */
.prices-page .row {
  counter-reset: count;
}
.pricing-one__count {
  width: auto;
}
.pricing-one__count:before {
  position: relative;
  width: auto;
  white-space: nowrap;
}

/* Footer on phones: less empty space above the logo, and room under the last line
   so the back-to-top button does not cover "Kebijakan Privasi". */
@media (max-width: 767px) {
  .site-footer__top {
    padding-top: 64px;
    padding-bottom: 48px;
  }
  .site-footer__bottom-inner {
    padding-bottom: 72px;
  }
  .scroll-to-top {
    right: 16px;
    bottom: 16px;
  }
}

/* Contact info: secondary lines are plain text, not links. */
.contact-info__mail-2 {
  display: block;
}

/* Desktop header: keep logo, CTA, menu and phone box on one row (1200–1920). */
@media (min-width: 1200px) {
  .main-menu-wrapper__logo {
    margin-right: 24px;
  }
  .main-menu-wrapper__logo img {
    width: 150px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .main-menu-wrapper__logo {
    margin-right: 16px;
  }
  .main-menu-wrapper__logo img {
    width: 140px;
  }
  .main-menu-wrapper__btn {
    padding-left: 24px;
    padding-right: 24px;
  }
  .main-menu-wrapper__search-call {
    margin-left: 20px;
  }
  .main-menu-wrapper__call {
    margin-left: 16px;
    padding-left: 16px;
  }
}

/* Two-word button labels stay on one line. */
.welcome-one__btn,
.get-to-know__btn,
.thm-btn {
  white-space: nowrap;
}
@media (min-width: 1440px) {
  .main-menu-wrapper__search-call {
    margin-left: 72px;
  }
}

/* Logo links wrap the whole 44px logo; top-bar social icons get a 24px target. */
.main-menu-wrapper__logo a,
.footer-widget__logo a,
.mobile-nav__content .logo-box a {
  display: inline-block;
  line-height: 0;
}
.main-header__top-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
}
.welcome-one-shape-2 img {
  width: auto;
  height: auto;
}

/* Weave shapes behind "Cara Kerja" and the footer: Chromium sometimes paints the
   luminosity blend at full strength (seen in captures), making text hard to read.
   Plain blending at the theme's low opacity looks the same and is stable. */
.site-footer-shape,
.how-we-work-shape {
  mix-blend-mode: normal;
}
.site-footer-shape {
  opacity: 0.06;
}
.how-we-work-shape {
  opacity: 0.07;
}

/* "Pesan Laundry Sekarang, Kami Jemput" was 5 lines of 60px on phones. */
@media (max-width: 575px) {
  .book-one__title {
    font-size: 38px;
    line-height: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .site-footer__bottom-inner {
    padding-bottom: 64px;
  }
}
.mobile-nav__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}

/* The 260px "Laundry untuk Usaha" photo was blown up to 600px on tablets. */
@media (max-width: 1199px) {
  .commercial__img img {
    display: block;
    max-width: 360px;
    margin: 0 auto;
  }
}
/* One-line buttons must not be squeezed by their flex row (text would be clipped). */
.thm-btn {
  flex-shrink: 0;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .main-menu-wrapper__btn-box {
    margin-right: 24px;
  }
  .main-menu .main-menu__list > li + li,
  .stricky-header .main-menu__list > li + li {
    margin-left: 40px;
  }
}
/* Button + phone box wrap instead of pushing the number off-screen. */
.welcome-one__button-call {
  flex-wrap: wrap;
  row-gap: 20px;
}
/* FAQ: keep the +/- icon (35px, absolute right) clear of the question text. */
.faq-one-accrodion .accrodion-title h4 {
  padding-right: 40px;
}
/* "Jemput" ring: the 172x78 theme stroke sat left of the (longer) Indonesian word and spilled
   past it; stretch it around the word instead. */
.book-one__title span {
  padding: 0 0.25em;
  margin: 0 -0.25em;
}
.book-one__title span:before {
  left: 0;
  right: 0;
  top: -0.05em;
  bottom: -0.1em;
  background-size: 100% 100%;
  background-position: center;
}
/* Testimonial arrows were hidden below 1200px, leaving phones/tablets no visible way to see
   the other two reviews; show them as a row under the quote. */
@media (max-width: 1199px) {
  .testimonial-one__nav {
    display: flex;
    position: static;
    transform: none;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
  }
  .testimonial-one__nav .swiper-button-prev {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .testimonial-one__nav .swiper-button-next,
  .testimonial-one__nav .swiper-button-prev {
    border: 1px solid #c9d1db;
  }
}
/* Phones: the thumb strip that moves the customer photo is hidden by the theme, so the photo
   stayed on the first customer while the quote changed. Show quotes without the photo there. */
@media (max-width: 767px) {
  #testimonials-one__carousel__image,
  .testimonial-one__thumb-box {
    display: none;
  }
}
/* Dark fallback behind the parallax photo (jarallax) so the white CTA heading never sits on
   white while the photo loads or when parallax is off. */
.book-one {
  background-color: #1f3a5c;
}