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

/* Theme-demo cookie pop-up covered the hero on first load. */
.cookiealert {
  display: none !important;
}

/* Small screens: the lawyers' cut-out sits behind the hero copy; fade it so the text stays readable. */
@media (max-width: 991px) {
  .hero-section .right-side-image {
    opacity: 0.3 !important;
    z-index: 0;
  }
  .hero-section .container {
    position: relative;
    z-index: 2;
  }
}

/* Touch target: hamburger button was 28x28px (theme default), below the 44px target for primary controls. */
.header-area .navbar-toggler {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Touch target: footer "Kebijakan Privasi" link was ~20px tall; pad it to the 24px minimum without changing its look. */
.footer-bottom-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 0;
}

/* The fixed scroll-to-top button (bottom:2rem; right:2rem) sits over "Kebijakan Privasi" when the
   page is scrolled to the very end, since the footer has no right-side clearance for it. Reserve
   space after the legal link so the row shifts clear of the button at every width. */
.footer-bottom-nav {
  padding-right: 88px;
}

/* The video play button is vertically centred in the 700px-tall .video-section, but below 992px the
   stat-card stack (.milestone-wrapper, anchored bottom:0) is almost as wide as the section, so the
   button lands on top of the middle "2.4K+" card. Move it to the clear strip above the cards instead. */
@media (max-width: 991.98px) {
  .video-section {
    align-items: flex-start;
    justify-content: center;
    padding-top: 56px;
  }
}

/* About section manager avatar: natural image is square but the slot is not, causing a slight stretch. */
.manager-info .manager-thumbnail img {
  object-fit: cover;
}

/* Brand accent #E8BF96 fails AA contrast as text on white (1.6-1.7:1); darken for text-only uses.
   Card-specific .btn-link overrides (service-slide-card on dark bg, service-card already dark) are
   more specific and keep their own colour. */
.btn-link {
  color: #7F6952;
}
.btn-link:hover, .btn-link:focus {
  color: #5C4C3C;
}
.testimonial-clients-info span {
  color: #7F6952;
}
.price-card .single-price-item .price-value {
  color: #7F6952;
}

/* Team detail role label uses the same brand tan as text on white; scoped narrowly so the
   hero use of .text-primary on home-5 (dark background, not in-scope) is untouched. */
.team-details-content .text-primary {
  color: #7F6952 !important;
}

/* Touch target: breadcrumb links (e.g. "Beranda") were ~17px tall on phones, below the 24px minimum. */
.breadcrumb-section .breadcrumb-content ul li a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}