/* MDIX Korporat Sentosa — perbaikan design QA (2026-10-13). Dimuat terakhir di <head>. */

/* ---- C: tombol menu HP 44x44 (tema: 22x88 karena padding 30px 0) ---- */
@media (max-width: 1023px) {
  nav.navbar.validnavs .navbar-header .navbar-toggle {
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
  }
  nav.navbar.validnavs .collapse-header .navbar-toggle {
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* menu samping yang tertutup: jangan bisa difokus/diklik (tema hanya menggeser ke left:-485px) */
  nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile:not(.show) {
    visibility: hidden;
  }
  nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile.show {
    visibility: visible;
  }
  /* overlay menu bisa diklik untuk menutup */
  .overlay-screen.opened {
    z-index: 9998;
    cursor: pointer;
  }
}

/* ---- E: kontras label merah di atas latar gelap (#DF0A0A 3.4:1 -> #ff4d4d 5.2:1) ---- */
.ogp-area .og-item h5 {
  color: #ff4d4d;
}

/* ---- B/E: kartu tim — overlay hanya ada saat hover/fokus (opacity 0 masih bisa diklik & dibaca pembaca layar) ---- */
.team-overlay {
  visibility: hidden;
}
.team-member:hover .team-overlay,
.team-member:focus-within .team-overlay {
  visibility: visible;
  opacity: 1;
}
.team-member:focus-within .team-overlay .bio,
.team-member:focus-within .team-overlay .social-link {
  opacity: 1;
}
.team-overlay .social-link a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  margin: 2px;
}

/* ---- B: form langganan di HP — tombol menutupi kolom email ---- */
@media (max-width: 575px) {
  .subscribe-form form input {
    padding: 0 20px;
  }
  .subscribe-form form button {
    position: static;
    width: 100%;
    margin-top: 12px;
  }
  .subscribe-box {
    padding: 32px 20px;
  }
}

/* ---- C: footer — link kontak mewarisi warna teks footer ---- */
footer .f-item .address li a {
  color: inherit;
}
footer .f-item .address li a:hover,
footer .f-item .address li a:focus {
  color: var(--color-primary);
}

/* ---- B: target sentuh >= 24px (footer kontak, ikon sosial tim, sidebar blog) ---- */
footer .f-item .address li a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}
.creative-item .info ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}
.sidebar-item.recent-post li .thumb a {
  display: block;
}
.sidebar-item.recent-post li .info > a {
  display: inline-block;
  min-height: 24px;
}

/* ---- A: foto konsultan di team.html sama tinggi, wajah tidak terpotong ---- */
.creative-item .col-lg-5 img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center 25%;
}

/* ---- B: kartu artikel blog — link foto & judul setinggi isinya (>= 24px) ---- */
.blog-area .item .thumb > a {
  display: block;
}
.blog-area .item .info h4 a {
  display: inline-block;
  min-height: 24px;
}

/* ---- B: tablet 768-991px — kartu ganjil terakhir (paket ke-3, anggota tim ke-3) di tengah ---- */
@media (min-width: 768px) and (max-width: 991px) {
  .pricing.pricing-simple > .row,
  .team-members-area .container > .row {
    justify-content: center;
  }
}