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

/* 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;
}

/* The client-logo strip only holds grey "205X60" placeholder images; hide it until real logos exist. */
.bizzen-company-sec {
  display: none !important;
}

/* Header-one has white menu links and a white hamburger but no background of its own, so on the
   white page the desktop menu and the mobile menu button were invisible. Match the hero colour. */
.header-one {
  background-color: var(--primary-black-color);
}

/* ---- design-qa 2026-10-13 ---- */

/* Body text #797E88 is 4.08:1 on white (WCAG AA needs 4.5:1). Same hue, darker: 5.9:1. */
:root {
  --text-color: #62666f;
}

/* Menu toggle was 46x40; primary control needs 44px. */
.header-navigation .navbar-toggler {
  padding-top: 13px;
  padding-bottom: 13px;
}

/* Newsletter send icon was a 16x30 hit area. */
.footer-widget.footer-about-widget .form-group .submit-btn {
  width: 44px;
  height: 44px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Process step titles sit in a narrow column; long Indonesian words must not split mid-word. */
.bizzen-process-item .content h4 {
  overflow-wrap: normal;
  font-size: clamp(18px, 1.35vw, 22px);
}

/* Orange accent #E3572B is 3.7:1 on white; darker shade for small text/badges (5.0:1). */
.blog-details-wrapper .comments-area .comments-list .comment .comment-author-content .reply {
  color: #c2451d;
}
.bizzen-pricing-item.style-one .ribbon {
  background-color: #c2451d;
}
.bizzen-pricing-item.style-one .ribbon:after {
  border-color: #c2451d;
  border-left-color: transparent;
}

/* Small social/contact links in project info and team profile: at least 24px hit area. */
.project-info-box ul li span a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
}
.bizzen-member-info-box .content h4 a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

/* Rupiah prices are 3x longer than "$29": keep the number on one line, put "/bulan" under it,
   and leave room for the "Paling Banyak Dipilih" ribbon so it never covers the price. */
.bizzen-pricing-item.style-one .pricing-header {
  padding-top: 26px;
}
.bizzen-pricing-item.style-one .pricing-header h2.price {
  font-size: clamp(28px, 2.2vw, 32px);
  white-space: nowrap;
}
.bizzen-pricing-item.style-one .pricing-header h2.price .duration {
  display: block;
  margin-top: 6px;
  line-height: 1.4;
}
.bizzen-pricing-item.style-one .pricing-header h2.price {
  margin-bottom: 14px;
}