/* ==========================================================================
   Perbaikan aksesibilitas mobile — tap target & keterbacaan teks.
   Hasil audit performa/UX (3 Okt 2026): tombol <44px & font <12px menyulitkan
   di layar kecil / koneksi lambat. Dimuat PALING AKHIR agar menimpa aturan lain.
   ========================================================================== */

/* --- Tap target minimum 44×44px (pedoman WCAG 2.5.5) --- */
.scam-close,                     /* tombol tutup banner anti-penipuan */
.notif-close,                    /* tombol tutup notifikasi */
.carousel-prev,
.carousel-next,
.carousel-btn,
.nav-toggle {                    /* tombol hamburger */
    min-width: 44px;
    min-height: 44px;
}

/* Beri ruang sentuh ekstra pada target yang memang kecil tanpa mengubah tata letak visual */
.scam-close,
.notif-close,
.carousel-prev,
.carousel-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* --- Teks minimum 12px untuk keterbacaan di perangkat low-end --- */
.cam-eyebrow,                    /* "Toko besi · Pontianak" (10px) */
.product-badge,
.badge,
.stock-badge,                    /* "Indent (bisa dipesan)" 11.5px */
.product-meta,
.meta-label,
.article-date,
figcaption {                     /* metadata kecil */
    font-size: 0.75rem;          /* 12px */
}

/* --- CTA produk agar nyaman disentuh (tinggi 34px → ≥44px) --- */
.product-quote-form .btn,
.product-quote-form button[type="submit"],
.store-card .btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
    /* tetap hormati preferensi gerak — tidak ada animasi di file ini */
}