/* MDIX Hukum Utama — per-template audit fixes */

/* "Achievement" logos in the about block are grey 76x77 placeholders. */
.achivement-logos {
  display: none !important;
}

/* style.css points at /assets/... (site root), which 404s inside the demo folder. */
.history-section {
  background-image: url(assets/img/history/history-bg.jpg);
}
.page-title-area {
  background-image: url(assets/img/footer/page-title-img.jpg);
}
.case-support-info {
  background-image: url(assets/img/case/case-support.png);
}

/* Hero: the new book photo is brighter than the original; deepen the overlay so the copy stays readable. */
.hero-section .section-overlay {
  background-color: rgba(8, 28, 64, 0.62);
}
.hero-content .hero-tagline,
.hero-content p {
  color: #f1ece4;
}

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

/* AA contrast: brand brown #9e6b58 with light text was 4.18:1 -> #8c5c4a (5.2:1, 4.9:1 on the beige bands). */
:root {
  --mt-brown: #8c5c4a;
}
.mt-btn:before {
  background: #7a4f3f;
}

/* Phone/tablet menu toggle was 28x36 px -> 44x44 tap area. */
.side-menu-icon .info-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}
.side-menu-icon i {
  top: 0;
}

/* Footer + side-panel text links were 19-22 px tall -> at least 24 px. */
.footer a:not(.mt-btn),
.sidebar__contact-text a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
/* Scroll-to-top button covered the last footer link ("Tanya Jawab") on phones. */
@media (max-width: 991px) {
  .footer-copyright {
    padding-bottom: 88px;
  }
}

/* Case slider arrows: 18x39 px and pushed off-screen at 1024 -> 44 px buttons inside the viewport. */
.case-slider .owl-nav button.owl-prev,
.case-slider .owl-nav button.owl-next {
  width: 44px;
  height: 44px;
}
.case-slider .owl-nav .nav-left,
.case-slider .owl-nav .nav-right {
  width: 44px;
  height: 44px;
  background: transparent;
  border: 0;
  padding: 0;
}
@media (max-width: 1299px) {
  .case-slider .owl-nav .owl-prev {
    left: 4px;
  }
  .case-slider .owl-nav .owl-next {
    right: 4px;
  }
  .case-slider .owl-nav .owl-prev,
  .case-slider .owl-nav .owl-next {
    z-index: 2;
    border-radius: 50%;
    background: rgba(252, 247, 233, 0.9) !important;
  }
  .case-slider .owl-nav .owl-prev i,
  .case-slider .owl-nav .owl-next i {
    font-size: 26px;
    color: #0a377f;
  }
}

/* Phone gutters 12 px -> 16 px. */
@media (max-width: 575px) {
  .container,
  .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Rupiah prices wrapped mid-number ("Rp15.000.00 / 0") in the 4-column plan cards. */
.single-plan h3 {
  white-space: nowrap;
  font-size: clamp(26px, 2.3vw, 34px);
}
/* FAQ chevron overlapped the end of longer Indonesian questions. */
.faq-accordion .accordion .accordion-item h2.accordion-header button.accordion-button {
  padding-right: 32px;
}

/* Contact block links (address / email) were 22 px tall -> 24 px. */
.contact-section .sec-content ul.law-contact li a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

/* Inner-page banner title: 50 px split long Indonesian words ("Ketenagakerjaan") on phones. */
@media (max-width: 575px) {
  .page-title-wrappper h2.page-title {
    font-size: 38px;
    line-height: 46px;
  }
}

/* Small text links (breadcrumb, blog meta/categories, comment reply) were 22 px tall -> 24 px. */
.breadcrumb-menu a,
.blog-meta a,
.blog-category a,
a.comment-reply,
.sidebar__logo a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.blog-sidebar-search button {
  min-width: 32px;
  min-height: 32px;
}
/* Profile/case social icons were 20x28 px. */
.attorney-short-bio .social-icon a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}

/* AA contrast: theme grey #7b7772 on the beige panels is 3.9-4.2:1 -> #66625d (5.3-5.7:1). */
.single-plan span,
.blog-details-wrapper .blog-comments .latest-comments .comments-box .comments-text span,
.blog-page .blog-pagination ul li a,
form.law-cform .contact-field textarea,
.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-sidebar-search form input {
  color: #66625d;
}
.single-plan.best-plan span {
  color: #f7efeb;
}

/* Final re-verification 2026-10-13: keep the round back-to-top button off the last footer link. */
@media (min-width: 992px) {
  .footer-copyright-links { padding-right: 56px; }
}