/* MDIX Pertanian Utama — design-QA fixes (2026-10-12). Loaded last on every page. */

/* Brand green darkened for AA contrast (white text on buttons/cards, green text on light grey) — D-20 */
:root {
	--color-primary: #2e7a40;
	--color-paragraph: #666666;
}

/* date meta on light backgrounds (comment dates #999, sidebar post dates): AA on white.
   Footer/hero dates use other selectors and keep the gold accent. */
.comments-area .comment-item .content .title > span,
.blog-items .post-date,
.sidebar .post-date,
.recent-post-widget .post-date,
span.post-date {
	color: #666666;
}

/* ---------- Header / mobile menu ---------- */
nav.navbar.validnavs .navbar-toggle {
	width: 44px;
	height: 44px;
	padding: 0 !important;
	align-items: center;
	justify-content: center;
}
/* Verifikasi ulang akhir 2026-10-13: tombol menu HP hanya tampil di bawah 1024px
   (sebelumnya display:inline-flex di semua lebar → lingkaran kosong menimpa email di header 1440) */
@media (max-width: 1023px) {
	nav.navbar.validnavs .navbar-toggle { display: inline-flex; }
}
@media (max-width: 1023px) {
	/* closed side menu: hidden for keyboard/screen readers, not just moved off-screen */
	nav.navbar.validnavs .navbar-collapse.collapse-mobile:not(.show) {
		visibility: hidden;
	}
	nav.navbar.validnavs .navbar-collapse.collapse-mobile .navbar-toggle {
		width: 44px;
		height: 44px;
	}
}
/* header icon controls (cart, search, side-menu): ≥24px tap target */
nav.navbar .attr-nav > ul > li > a {
	min-width: 24px;
	min-height: 24px;
}
/* breadcrumb trail links */
.breadcrumb li a {
	display: inline-block;
	min-height: 24px;
	line-height: 24px;
}

/* ---------- Touch targets (≥24px) ---------- */
.blog-style-one .meta a,
.blog-style-two .meta a,
.item .meta a,
footer .footer-item.link ul li a,
footer .footer-bottom li a,
footer .footer-item.recent-post .info h5 a,
footer .footer-item.contact .content a,
.sidebar-item.category li a,
.sidebar-item.archives li a,
.post-tags .tags a,
.product-tags a {
	display: inline-block;
	min-height: 24px;
	line-height: 24px;
}
/* image-wrapping links whose box collapsed to line-height (footer recent-post
   thumbnails, sidebar gallery thumbnails) — make the link wrap its image */
footer .footer-item.recent-post .thumb a,
.sidebar .sidebar-item.gallery ul li a,
.blog-area .thumb > a,
.blog-items .thumb > a {
	display: inline-block;
	line-height: 0;
}
/* sidebar tag chips: ≥24px tap target */
.sidebar .sidebar-item.tags ul li a {
	min-height: 24px;
	line-height: 1.7;
}
/* short sidebar widget titles: box at least as wide as the 50px underline accent
   (otherwise the decorative ::after overflows a short title like "Tag") */
.sidebar .title {
	min-width: 52px;
}
/* gallery carousel pagination dots: 24px hit area (keep the theme's ring + active dot) */
.carousel-style-one.swiper .swiper-pagination .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
}

/* product/fruit category labels: keep the word whole (no mid-word break at 1024) */
.product-list-item h5 {
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
	white-space: nowrap;
}

/* ---------- Images ---------- */
.choose-us-style-one .thumb > img,
.about-style-one .thumb > img,
.farmer-style-one-item .thumb img,
.blog-style-one .thumb img,
.post-author .thumb img,
.comment-item .avatar img {
	object-fit: cover;
}

/* ---------- Contact page map ---------- */
.mdix-map-area {
	line-height: 0;
}
.mdix-map-area iframe {
	width: 100%;
	height: 420px;
	border: 0;
	display: block;
}
@media (max-width: 767px) {
	.mdix-map-area iframe {
		height: 300px;
	}
}

/* ---------- Shop ---------- */
/* Action buttons are icon-only pills; the label is clipped to 40px and never
   actually shown (white text on the white card = a false 1:1 contrast + a
   clipped-text flag). Keep the label for screen readers only. */
.shop-action li a span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
/* hover-only product actions stay reachable (visible + on-screen) on touch */
@media (hover: none), (max-width: 1199px) {
	.vt-products .product .shop-action {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.vt-products .product .shop-action li a {
		opacity: 1;
		right: 15px;
	}
}
/* product-tag comma separator sits inside the box (was absolute right:-4px, which
   pushed the element's scrollWidth past its clientWidth = a false clipped-text flag) */
.product-tags a::after {
	position: static;
	right: auto;
	bottom: auto;
}

/* single-product page shows one product: no thumbnail strip of other products */
.validtheme-shop-single-area .product-thumb .carousel-indicators {
	display: none;
}

/* 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; }