/* =====================================================================
   PM ADEV — PERBAIKAN CLS FONT v2 (berlaku untuk SEMUA jenis halaman)
   Berkas siap tempel: WPCode → Add Code → CSS Snippet
   Location: Site Wide Footer atau Header → Save & Activate → LiteSpeed Purge All.

   =====================================================================
   KENAPA v1 KURANG TEPAT (temuan 20 Okt 2026, setelah diaudit ulang)
   =====================================================================
   Berkas v1 menargetkan variabel tipografi Elementor pada :root dan pada
   .elementor-kit-26698. Hasil pemeriksaan live menunjukkan DUA kesalahan:
     a) ID kit Elementor situs ini adalah 25391 (bukan 26698 — angka itu adalah ID
        HALAMAN produk, jadi selector .elementor-kit-26698 tidak pernah cocok).
        Variabel global didefinisikan pada .elementor-kit-25391, di CSS INLINE.
     b) Selain lewat variabel, font juga ditulis LANGSUNG pada banyak selector,
        contoh (nyata dari situs):
           .elementor-kit-25391 h1{... font-family:"Lato", Helvetica, Arial, sans-serif; ...}
        Deklarasi langsung seperti ini TIDAK terpengaruh override variabel.
        Jumlahnya: 11-32 per halaman, dan 109-675 pemakaian variabel per halaman.

   =====================================================================
   CARA KERJA v2 — MENCAKUP SEMUA JENIS HALAMAN
   =====================================================================
   Inti perbaikan v2: memberikan override metrik pada keluarga font CADANGAN
   yang SELALU dipakai di belakang Lato, yaitu "Helvetica" dan "Arial".
   Karena setiap tumpukan font di situs berbentuk
       "Lato", Helvetica, Arial, sans-serif
   maka begitu Lato belum siap, browser memakai Helvetica (atau Arial) yang kini
   metriknya sudah DISAMAKAN dengan Lato. Pergantian ke Lato tidak lagi mengubah
   tinggi baris -> CLS dari font hilang. Cara ini otomatis berlaku di:
     - semua artikel (blog & EPKB), halaman, produk
     - semua arsip (kategori, tag, penulis, kategori produk, arsip KB)
     - beranda, halaman panduan, dan CPT lain (layanan, karir)
   tanpa perlu mengetahui ID kit, dan tanpa perlu menyentuh selector per halaman.
   Lapis tambahan: override variabel pada .elementor-kit-25391 (ID kit situs ini)
   dan :root, supaya tumpukan font yang memakai variabel juga memuat fallback.

   NILAI METRIK: dihitung dari perbandingan metrik Arial dan Lato
   (size-adjust 107,4%; ascent-override 91,9%; descent-override 19,8%;
   line-gap-override 0%). Bila setelah pengukuran masih ada sisa pergeseran
   kecil, nilai size-adjust bisa disetel antara 105-109%.

   ALTERNATIF TANPA KODE (mencakup semua halaman juga): setel "Font Display"
   menjadi OPTIONAL di LiteSpeed (Page Optimization → Font Display) atau di
   Elementor → Settings → Performance. Pergeseran hilang; konsekuensinya
   kunjungan pertama bisa memakai font cadangan, kunjungan berikutnya memakai
   Lato dari cache.

   Bila ada keanehan pada tampilan: Nonaktifkan snippet + Purge All.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1) FALLBACK METRIK UNIVERSAL — untuk keluarga Helvetica & Arial
      (dipakai otomatis oleh semua tumpukan "Lato", Helvetica, Arial, ...)
   --------------------------------------------------------------------- */
@font-face {
	font-family: 'Helvetica';
	src: local('Arial'), local('Liberation Sans'), local('Roboto'), local('Helvetica Neue'), local('Arimo');
	size-adjust: 107.4%;
	ascent-override: 91.9%;
	descent-override: 19.8%;
	line-gap-override: 0%;
	font-display: swap;
}

@font-face {
	font-family: 'Arial';
	src: local('Liberation Sans'), local('Roboto'), local('Arimo'), local('Helvetica Neue');
	size-adjust: 107.4%;
	ascent-override: 91.9%;
	descent-override: 19.8%;
	line-gap-override: 0%;
	font-display: swap;
}

/* ---------------------------------------------------------------------
   2) FALLBACK BERNAMA (dipakai oleh override variabel di bawah)
   --------------------------------------------------------------------- */
@font-face {
	font-family: 'Lato Fallback';
	src: local('Arial'), local('Liberation Sans'), local('Roboto'), local('Arimo');
	size-adjust: 107.4%;
	ascent-override: 91.9%;
	descent-override: 19.8%;
	line-gap-override: 0%;
	font-display: swap;
}

/* ---------------------------------------------------------------------
   3) OVERRIDE VARIABEL TIPOGRAFI ELEMENTOR (ID kit situs ini = 25391)
      Ditulis dengan !important karena CSS kit berada di inline <style>
      sehingga urutan muat tidak bisa dijamin.
   --------------------------------------------------------------------- */
:root,
.elementor-kit-25391 {
	--e-global-typography-primary-font-family: 'Lato', 'Lato Fallback', Helvetica, Arial, sans-serif !important;
	--e-global-typography-secondary-font-family: 'Lato', 'Lato Fallback', Helvetica, Arial, sans-serif !important;
	--e-global-typography-text-font-family: 'Lato', 'Lato Fallback', Helvetica, Arial, sans-serif !important;
	--e-global-typography-accent-font-family: 'Lato', 'Lato Fallback', Helvetica, Arial, sans-serif !important;
}

/* ---------------------------------------------------------------------
   4) JARING PENGAMAN untuk header/footer tema yang menulis font langsung
   --------------------------------------------------------------------- */
#pm-header, #pm-header *, .pm-footer, .pm-footer * {
	font-family: 'Lato', 'Lato Fallback', Helvetica, Arial, sans-serif;
}

/* ---------------------------------------------------------------------
   5) RESERVASI RUANG GAMBAR GALERI PRODUK
      Gambar galeri sudah punya atribut width/height dan dimuat eager oleh
      snippet LCP; sebab "media element lacking an explicit size" pada audit
      produk kemungkinan besar hanya AKIBAT pergeseran font. Blok ini menegaskan
      rasio agar ruang tetap terjaga. Semua produk di situs ini bergambar persegi.
      Bila kelak ada produk dengan gambar NON-persegi, HAPUS blok ini.
   --------------------------------------------------------------------- */
.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
}