/* MDIX audit — template-specific fixes (mdix-konsultan-prima). */

/* ScrollSmoother pins the whole page in a fixed wrapper; full-page captures (catalogue,
   audit, "save as PDF") then show only the first screen. Let the page scroll natively. */
#smooth-wrapper {
  position: relative !important;
  height: auto !important;
  overflow: visible !important;
  inset: auto !important;
}
#smooth-content {
  transform: none !important;
}

/* Vertical "Consulten" wordmark of the theme vendor in the CTA block. */
.cta-two__experience ~ .logo,
.cta-two .logo {
  display: none !important;
}

/* Rupiah prices are longer than the original "$399"; keep them inside the card. */
.pricing-four__single-card .content .price span {
  font-size: clamp(34px, 3.4vw, 50px);
}

/* ---- design-qa 2026-10-13 ---- */
/* AA contrast: theme body grey #7e8596 is 3.7:1 on white. */
:root {
  --text-color: #5d6474;
  --sec-title-subtitle-color: #5d6474;
}

/* Menu toggle 40x20 -> 44x44 touch target. */
.mobile-nav-toggler {
  padding: 12px 2px;
  box-sizing: content-box;
}

/* Logo links and footer text links: at least 24px tall. */
.logo a,
.footer-wrapper ul li a,
.footer-wrapper .footer-bottom ul li a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.logo a img { vertical-align: middle; }

/* Client-logo strip uses the vendor's placeholder logos ("SLOGAN HERE"):
   hidden until the client supplies real logos (no implied client list). */
.brand-wrapper { display: none !important; }

/* Testimonial slider has a single slide: arrows did nothing. */
.testimonial-four .array-button { display: none !important; }

/* Inner pages: header-1 is transparent with a white logo + white menu on a white body,
   so the logo and menu were invisible above the page banner. Give it the brand colour. */
.main-header.header-1 {
  background-color: var(--theme-color1);
}

/* Darker --text-color is for light backgrounds; keep light grey on the dark testimonial cards. */
.testimonial-three__single-card .clints-info span,
.testimonial-three__single-card .clints-info .infu span {
  color: #b3b9c6 !important;
}
/* Team-details skill labels were lime (#b4e717) on white (1.5:1). */
.skills .skill-item .skill-header .skill-title { color: var(--theme-color1) !important; }
/* Project facts, blog meta and sidebar greys: AA on their light backgrounds. */
.project-details__client { color: #5d6474 !important; }
.blog-details__meta li a { color: #5f5f5f !important; }
.sidebar__post .sidebar__post-list .sidebar__post-content-meta,
.sidebar__category-list li a,
.sidebar__comments-text-box .h5,
.sidebar__comments-text-box p { color: #5c5f5a !important; }

/* Touch targets >= 24px on inner pages. */
.page-breadcrumb li a,
.blog-details__meta li a,
.contact-info a, li > .text > a[href^="tel:"], li > .text > a[href^="mailto:"],
.project-details__pagination li a,
li.count a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
li.count a { min-width: 24px; }
.main-header .nav-right .search-btn { min-width: 44px; min-height: 44px; }
.form-check-input { width: 24px !important; height: 24px !important; }
.team-details .image > a,
.project-two__single-card .image > a,
figure.image > a { display: block; }

/* Theme Title Case (text-transform: capitalize) turns Indonesian sentences into
   "Siap Merapikan Pajak Dan ..." -> keep the text as written. */
.get-in-touch, .work-two .get-in-touch, .funfact-one .get-in-touch, .funfact-two .get-in-touch,
.main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > ul > li > ul > li > a,
.mobile-menu .navigation li > a, .section-title .title, .case-four__single-card .content .title,
.project-two__single-card .content .title-info .title, .form-box .form-clt textarea,
.page-breadcrumb li, .page-breadcrumb li a, .testimonial-two__single-card .clints-info .title,
.news-three__single-card .content .bottom .clients-info .name-info span, .theme-btn-two {
  text-transform: none !important;
}

/* About badge: white text on a 10% white glass over a light photo was unreadable. */
.about-three .experience .infu { background: rgba(14, 54, 57, 0.88); }
.about-three .experience .about-logo { background: rgba(14, 54, 57, 0.6); }

/* Rupiah prices on the narrower inner-page pricing cards: keep "/ bulan" on the price line. */
.pricing-four__single-card .content .price { white-space: nowrap; }
.pricing-four__single-card .content .price span { font-size: clamp(30px, 2.7vw, 46px); }
/* Service-details help box: keep the phone number on one line. */
.help-contact a { white-space: nowrap; font-size: clamp(18px, 1.6vw, 24px) !important; }

/* Team names/roles only appear on hover: show them on touch screens (and up to 1199px). */
@media (hover: none), (max-width: 1199.98px) {
  .team-one__single-card::before { height: 370px; opacity: 1; }
  .team-one__single-card .content {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-50px);
  }
}
.get-in-touch a, .help-contact a { display: inline-block; min-height: 24px; line-height: 24px; }

/* 404 illustration is 700px wide: fit phones. */
.error-page__title-box img { max-width: 100%; height: auto; }
/* Phones: large section headings broke mid-word ("Pendampinga-n"). */
@media (max-width: 575.98px) {
  .h2.title, .h2:not(.num) { font-size: clamp(26px, 8vw, 34px) !important; line-height: 1.25 !important; }
  .project-details__pagination li.next,
  .project-details__pagination li.previous { max-width: 42%; }
  .project-details__pagination .title { font-size: 17px !important; line-height: 1.3; }
}

/* Contact block title is max-content wide: at 768-1199px "Mari Bahas Kebutuhan Usaha Anda" was cut at the right. */
@media (max-width: 1199.98px) {
  .contact-two .bc-section-title { width: auto !important; max-width: 100%; right: 0; }
}

/* Final re-verification 2026-10-13: keep the round back-to-top button off the last footer link. */
@media (min-width: 768px) {
  .footer-bottom .content > ul.list { padding-right: 52px; }
}