/* MDIX design-QA (2026-10-13) — mdix-studio-foto-kreatif */

/* Kontras AA (D-20): abu tema #89929b (3.16:1) dan salmon #e08370 (2.7:1) dipergelap untuk teks */
body,
blockquote cite,
.post-meta li,
.meta-categ a,
.comment-author span.comment-date,
.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a,
footer,
footer a,
.footer-social li a,
.portfolio-categ li {
  color: #5f6871;
}
a,
a:hover,
p a:hover,
.slider-caption h2 a:hover,
.article-title a:hover,
.meta-categ a:hover,
.meta-nav a:hover,
.widget_recent_entries li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.view-more:hover,
#submit:hover,
.current-page,
.page-numbers:hover,
.featured-box i {
  color: #b4503c;
}
.view-more:hover,
#submit:hover {
  border-color: #b4503c;
}
.faq-title a:hover,
.faq-title.active a,
.tags-single-page a:hover,
.tagcloud a:hover,
.post-meta li.meta-sticky {
  background: #b4503c;
  color: #ffffff;
}
.meta-categ:before {
  background: #b4503c;
}

/* Teks minimal 12px */
.portfolio-categ li,
.meta-nav .widgettitle {
  font-size: 12px;
}

/* Target sentuh: tombol menu 44px, logo, ikon sosial */
.nav-button {
  min-width: 44px;
  min-height: 44px;
  padding: 0 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.exit-mobile {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.logo a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.social-media li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 44px;
}
.social-media li {
  margin-left: 4px;
}
.tags-single-page a,
.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a {
  display: inline-block;
  min-height: 24px;
}
.meta-categ a {
  display: inline-block;
  min-height: 24px;
  line-height: 24px;
}

/* Menu HP yang tertutup tidak boleh bisa difokus/terbaca */
.mobile-menu-holder {
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}
.mobile-menu-holder.is-active {
  visibility: visible;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s;
}
@media (max-width: 400px) {
  .mobile-menu-holder {
    width: 100%;
    max-width: 350px;
  }
}

/* Harga Rupiah tidak boleh terpotong di tengah angka */
.price-title {
  white-space: nowrap;
  font-size: 40px;
}
@media (max-width: 374px) {
  .price-title {
    font-size: 34px;
  }
}

/* Pertanyaan FAQ panjang: ukuran lebih kecil + ikon menggantung rapi */
.faq-title a {
  font-size: 20px;
  letter-spacing: 0.02em;
  padding: 20px 16px 20px 48px;
  position: relative;
}
.faq-title a:before {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 0;
}
@media (max-width: 575px) {
  .faq-title a {
    font-size: 17px;
  }
}

/* Link foto (lightbox, kartu portofolio) membungkus seluruh gambar, bukan satu baris teks */
.gallery-post > a,
.slider-img > a,
.pn-img > a,
.post-image > a {
  display: block;
}
