/* MDIX Pertanian Harmoni — audit fixes */

/* WOW.js keeps blocks hidden until a scroll check catches them; on fast scrolls the
   "Bermitra dengan Kami" (FAQ) block stayed empty. Keep content visible regardless. */
.wow {
  visibility: visible !important;
}

/* ---- Design QA 2026-10-12 ---- */

/* Phone/tablet menu (theme switches at 1023px): toggle was 22px wide, close button 35px */
@media (max-width: 1023px) {
  nav.navbar.validnavs .navbar-header .navbar-toggle {
    min-width: 44px;
    text-align: center;
  }
  nav.navbar.validnavs #navbar-menu > .navbar-toggle {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* Closed off-canvas menu: also hide it from keyboard/screen readers (slides out first) */
  nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile:not(.show) {
    visibility: hidden;
    transition: left 1s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s linear 1s;
  }
  nav.navbar.validnavs.mobile-sidenav .navbar-collapse.collapse.collapse-mobile.show {
    visibility: visible;
    transition: left 1s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s;
  }
}

/* Top bar at 1024–1199: keep each item on one line */
@media (min-width: 992px) and (max-width: 1199px) {
  .top-bar-area .flex-item p,
  .top-bar-area .flex-item li { white-space: nowrap; }
  .top-bar-area .flex-item > ul { margin: 0 24px; }
  /* "50 Jenis tanaman" caption sits on the light background here, not on the dark band */
  .about-area .thumb h4 { color: #232323; }
}

/* Partner logos were real foreign brands (Upfield etc.) presented as our partners */
.partner-area { display: none; }

/* Touch targets >= 24px */
.breadcrumb-area .breadcrumb li a,
.blog-area .item .meta ul li a { display: inline-block; padding: 2px 0; min-height: 24px; }
.team-area .team-items .thumb ul li a,
.blog-area .post-tags.share .social ul li a { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; }

/* AA contrast for small grey text */
.team-area .team-items .info span,
.blog-area .item blockquote cite,
.blog-area.single .post-pagi-area a,
.blog-area .sidebar .sidebar-item.category li a span { color: #666; }
.comments-area .commen-item .content .title span { color: #595959; }
footer .f-item.recent-post .thumb a { display: block; }
footer .footer-bottom p a { display: inline-block; padding: 2px 0; }

/* Dark panels are drawn with ::after layers; give the text boxes the same colour so text keeps AA contrast
   even when the layer does not reach (and so contrast checkers see the real background) */
.testimonials-area .tesimonials-content { background: var(--bg-dark); }
@media (min-width: 768px) {
  .about-area .info .call .intro { background: var(--bg-dark); }
}

/* Theme Title-Cases these (text-transform: capitalize); Indonesian copy is already written in the right case */
.btn, .validnavs a, nav.navbar ul.nav > li > a,
.breadcrumb-area h1, .banner-area h3, .banner-area .large-text h2,
.about-area .features-area .item h5, .fun-factor-area .fun-fact-items .medium,
.blog-area.single .post-pagi-area a, .blog-area.single .post-pagi-area h5,
.blog-area .sidebar .sidebar-item.category li a, .sidebar-item.archives ul li a,
.comments-area .comments-title h4, .comments-list .commen-item .content h5, .comments-form .title h4 {
  text-transform: none;
}

/* Sticky header turns position:fixed on the first scroll; keep its space so the page does not jump (CLS) */
header { min-height: 85px; }
@media (min-width: 1400px) { header { min-height: 91.6px; } }

/* Service-details quote: 30px theme size is too large in a phone column */
@media (max-width: 767px) {
  .services-details-items blockquote { font-size: 20px; padding: 30px 24px; }
}

/* Verifikasi ulang akhir 2026-10-13: keterangan data contoh */
.mdix-sample-note { display: block; width: 100%; margin: 16px 0 0; font-size: 13px; line-height: 1.4; font-style: italic; font-weight: 400; letter-spacing: 0; text-transform: none; color: inherit; }
.fun-fact-items .mdix-sample-note, .site-heading .mdix-sample-note { text-align: center; }