/* ============================================================
   LAYER OVERRIDE: Foto Produk Homepage Square 1:1 + Tidak Di-Crop
   Berlaku GLOBAL untuk semua website (semua theme home).
   Kata kunci: container foto dibuat persegi 1:1, foto ditampilkan
   utuh (object-fit: contain) supaya tidak terpotong.

   File ini WAJIB dimuat PALING AKHIR (setelah theme CSS) via
   includes/layout/homepage_head.php. Pakai `!important` agar menang
   atas deklarasi normal theme mana pun.

   Cakupan container produk home:
     - #produk .prod-img            (semua theme standar + marketplace + zatra)
     - #produk .ta-svc-card-img-wrap (theme travel/wisata)
     - .mkf-section/.mkf-free-section (Desain Unggulan marketplace)
     - .mh-product-card__media      (markethub / semua-brand)
   ============================================================ */

/* 1) Bungkus foto → persegi 1:1 */
#produk .prod-img,
#produk .ta-svc-card-img-wrap,
.mkf-section .mkf-card-img-wrap,
.mkf-free-section .mkf-free-card-img,
.mh-product-card__media {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* 2) Foto di dalam bungkus → tampil utuh, tidak di-crop, tengah */
#produk .prod-img > img,
#produk .prod-img img,
#produk .ta-svc-card-img-wrap > img,
#produk .ta-svc-card-img-wrap img,
.mkf-section .mkf-card-img-wrap > img,
.mkf-section .mkf-card-img-wrap img,
.mkf-free-section .mkf-free-card-img img,
.mh-product-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* 3) Placeholder/fallback background → ikut utuh (tidak di-crop) */
#produk .prod-img-fallback,
.mkf-section .mkf-card-img-wrap .mkf-card-img-fallback {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 4) BADGE POJOK FOTO (Popular/Terlaris/Baru dst.): paksa kontras
      tinggi agar caption selalu terbaca di semua theme. Scrim cokelat
      gelap solid + teks krim terang + bayangan lembut. */
#produk .prod-img .prod-badge,
.mkf-section .mkf-card-img-wrap .mkf-card-style-badge {
    background: rgba(24, 19, 15, .88) !important;
    color: #FDF7EE !important;
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(4px) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35) !important;
    z-index: 3 !important;
}