/* La Gelato — raccords WordPress / Kadence / WooCommerce (écrit à la main). Couleurs pleines : aucune ombre, aucune transparence. */
:root{--global-palette1:#000000;--global-palette2:#262626;--global-palette3:#000000;--global-palette4:#000000;--global-palette5:#4A4F52;--global-palette6:#4A4F52;--global-palette7:#E4E1DC;--global-palette8:#FBF7F0;--global-palette9:#FFFFFF;--global-palette-highlight:#000000;--global-palette-highlight-alt:#262626;--global-palette-btn-bg:#000000;--global-palette-btn-bg-hover:#262626;--global-palette-btn:#FFFFFF;--global-palette-btn-hover:#FFFFFF;--global-body-font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;--global-heading-font-family:"Fraunces","Iowan Old Style",Georgia,serif;--global-primary-nav-font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif}
body{font-family:var(--f-teks);background:var(--putih)}
.lg-utama{display:block}
.lg-utama h1,.lg-utama h2,.lg-utama h3{color:inherit}
/* Barre d'administration WordPress au-dessus du bandeau collant */
.admin-bar .kepala{top:32px}
@media (max-width:782px){.admin-bar .kepala{top:46px}}
@media (max-width:600px){.admin-bar .kepala{top:0}}
/* Menu WordPress : page courante soulignée ; sélecteur de langue dans le menu mobile seulement */
.menu li{margin:0}
.menu .current-menu-item>a,.menu .current_page_item>a,.menu .current-menu-ancestor>a{background-size:100% 2px}
.menu .menu-bahasa{display:none}
@media (max-width:1080px){.kepala.buka .menu .menu-bahasa{display:block;padding:16px 0;font-weight:700;font-size:1.2rem}.kepala.buka .menu .menu-bahasa a{display:inline;padding:0;border:0}}
/* Pied de page */
.kaki .logo-kaki{width:110px;height:110px;border-radius:50%;margin-bottom:18px}
.kaki .hukum{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.92rem}
.kaki .hukum a{color:#BDBDBD;border-bottom-color:#4A4A4A}
@media (max-width:640px){body{padding-bottom:84px}}
/* Vidéo YouTube intégrée au clic (lecteur youtube-nocookie) */
.layar iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--hitam)}
.layar.main{cursor:default}
/* Pages WooCommerce (panier, paiement, compte) dans le cadre de Kadence */
.woocommerce-cart .site-main,.woocommerce-checkout .site-main,.woocommerce-account .site-main{font-family:var(--f-teks)}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button{border-radius:999px;font-weight:800}
/* Accessibilité : lien d'évitement visible au clavier */
.skip-link:focus{background:var(--mangga);color:var(--hitam);padding:12px 18px;z-index:100}
/* Corrections après le contrôle visuel du 24/10/2026 */
/* Portes de l'accueil : « .pintu a » (empilé) passait devant « .p-bisnis » / « .p-paket » (côte à côte), la photo prenait une hauteur nulle (défaut déjà présent dans la maquette) */
@media (min-width:641px){.pintu .p-bisnis{flex-direction:row}.pintu .p-paket{flex-direction:row-reverse}}
/* Titres hors du contenu (pied de page) : Kadence les colorait en noir, invisibles sur fond noir */
h1,h2,h3,h4,h5,h6{color:inherit}
.kaki h3{color:var(--putih)}
/* Menu : une entrée ne passe jamais sur deux lignes */
.menu a{white-space:nowrap}
.lg-bahasa-en .menu{gap:24px}
/* Resep & Tips : pas de bande vide tant qu'aucun article n'est publié */
.lg-artikel:not(:has(li)){display:none}
/* Survol et focus : contrastes (T04, 24/10/2026). Kadence colore les liens au survol en #262626 (illisible sur fond noir)
   et le texte des boutons en blanc (illisible sur fond clair). Ici, au survol, un lien ou un bouton garde la couleur de son texte ;
   les éléments qui ont leur propre couleur de texte la redonnent explicitement. */
:root{--global-palette-highlight-alt:currentColor;--stroberi-kuat:#A3174C}
.kepala,.lg-utama,.panel,.bar-beli,.kaki{--global-palette-btn-hover:currentColor}
.tombol-hitam:is(:hover,:focus,:active){color:var(--putih)}
.tombol-garis:is(:hover,:focus,:active),.tombol-putih:is(:hover,:focus,:active){color:var(--hitam)}
.tombol-wa:is(:hover,:focus,:active),.wa-kepala:is(:hover,:focus,:active){color:var(--wa-teks)}
.kat button[aria-pressed="true"]:is(:hover,:focus,:active){color:var(--putih)}
/* Cartes « Pilih sesuai mesin Anda » de la page Toko : au survol, couleur intense et texte blanc (demande de Geoffroy) */
[style*="--c:var(--es)"]{--ck:#1F6F8B}
[style*="--c:var(--taro)"]{--ck:#6A3FB5}
[style*="--c:var(--stroberi)"]{--ck:var(--stroberi-kuat)}
[style*="--c:var(--mangga)"]{--ck:#B5530B}
[style*="--c:var(--pistachio)"]{--ck:#4F7A1E}
[style*="--c:var(--krem)"]{--ck:#7A5C3A}
.mesin-grid button:is(:hover,:focus-visible){background:var(--ck,var(--hitam));color:var(--putih)}
.mesin-grid button:is(:hover,:focus-visible) :is(.tanya,b,.ajak,i){color:var(--putih)}
/* Grille des parfums (fiche GS-BASE) : texte blanc au survol sur le seul parfum foncé (anggur) */
.rasa-grid button[style*="--c:#7B4FA0"]:is(:hover,:focus-visible),.rasa-grid button[style*="--c:#7B4FA0"]:is(:hover,:focus-visible) .nm{color:var(--putih)}
/* Kadence ajoute une ombre aux boutons au survol : aucune ombre dans le thème */
:is(.kepala,.lg-utama,.panel,.bar-beli,.kaki) :is(button,.tombol):is(:hover,:focus,:active){box-shadow:none}
/* Compte et panier dans l'en-tête, panier flottant (thème 1.2.0, 25/10/2026). Couleurs pleines, aucune ombre. */
.ikon-kepala{display:flex;align-items:center;gap:4px;flex:none}
.akun-kepala,.keranjang-kepala{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--hitam);color:var(--putih);text-decoration:none}
.akun-kepala:is(:hover,:focus-visible),.keranjang-kepala:is(:hover,:focus-visible){border-color:var(--putih);color:var(--putih)}
.akun-kepala svg,.keranjang-kepala svg{width:26px;height:26px}
.lg-lencana{position:absolute;top:0;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--mangga);color:var(--hitam);font:800 .78rem/22px var(--f-teks);text-align:center}
.lg-lencana.kosong{display:none}
.keranjang-apung{position:fixed;z-index:55;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:10px;background:var(--hitam);color:var(--putih);font-weight:800;text-decoration:none;padding:12px 14px 12px 18px;border-radius:999px;border:2px solid var(--putih)}
.keranjang-apung:is(:hover,:focus-visible){background:#262626;color:var(--putih)}
.keranjang-apung svg{width:22px;height:22px;flex:none}
.keranjang-apung b{background:var(--mangga);color:var(--hitam);border-radius:999px;min-width:28px;height:28px;line-height:28px;text-align:center;padding:0 8px;font-size:.9rem}
.keranjang-apung.kosong{display:none}
body.bar-on .keranjang-apung,body.kunci .keranjang-apung{display:none}
@media (max-width:1280px){.kepala .wadah{gap:22px}.menu{gap:22px}}
@media (max-width:1080px){
.ikon-kepala{margin-left:auto}
.burger{margin-left:0}
.keranjang-apung{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:640px){
.kepala .wadah{gap:10px}
.akun-kepala,.keranjang-kepala{width:44px;height:44px}
.keranjang-apung span{display:none}
}
body.woocommerce-cart .keranjang-apung,body.woocommerce-checkout .keranjang-apung{display:none}
/* Formations (T09, 25/10/2026) : vidéos Tella au clic, calendrier du workshop, notes */
.lg-video .layar{position:relative;display:block;border-radius:30px;overflow:hidden;border:2px solid var(--hitam);text-decoration:none;background:var(--hitam)}
.lg-video .layar img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.lg-video .layar .putar{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:var(--wa);color:var(--wa-teks);display:flex;align-items:center;justify-content:center}
.lg-video .layar .putar svg{width:38px;height:38px;margin-left:6px}
.lg-video .layar .durasi{position:absolute;left:18px;bottom:16px;background:var(--hitam);color:var(--putih);font-weight:800;font-size:.95rem;padding:6px 14px;border-radius:999px}
.lg-video .layar.tegak{max-width:360px;margin:0 auto}
.lg-video .layar.tegak img,.layar.tegak iframe{aspect-ratio:9/16}
.lg-video-dua{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}
.lg-video-dua figure,.lg-video-satu figure{margin:0}
.lg-video-dua figcaption,.lg-video-satu figcaption{margin-top:12px;font-weight:700;color:var(--abu)}
@media (max-width:820px){.lg-video-dua{grid-template-columns:1fr}}
.lg-ws-kalender .versi{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.lg-ws-kalender .versi label{grid-template-columns:auto 1fr;padding:14px 16px}
.lg-ws-kalender .versi .rp{display:none}
.lg-ws-kalender .versi .nama{font-size:1rem}
.lg-ws-kalender .versi .ket{font-size:.9rem}
.lg-ws-kalender .versi label.mati{cursor:not-allowed;background:var(--krem,#F4F1EA);color:var(--abu)}
.lg-ws-kalender .versi label.mati .bulat{border-color:var(--garis)}
.lg-ws-kalender .versi label.mati .rp{text-decoration:line-through}
.harga-besar .harga-catat{color:var(--hitam);font-weight:700}
.catat-p.info-beli{margin-top:12px;font-weight:600}
.lg-kursus-terima{margin:24px 0;padding:20px 24px;border:2px solid var(--hitam);border-radius:22px;background:var(--putih)}
.lg-kursus-terima h2{margin-top:0}
.lg-kursus-catatan{margin:0;padding-left:1.2em}
.foto-ilustrasi{margin:8px 0 0;font-size:.85rem;color:var(--abu)}
/* T14 (26/10/2026) : avantages et vidéo à chapitres des fiches produits */
.lg-untung{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.lg-untung li{border:2px solid var(--hitam);border-radius:22px;padding:18px 20px;background:var(--putih)}
.lg-untung b{display:block;font-size:1.05rem;margin-bottom:6px}
.lg-untung span{color:var(--abu)}
.lg-video-bab{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:36px;align-items:start}
.lg-video-bab figure{margin:0}
.lg-bab{margin:0;padding-left:0;list-style:none}
.lg-bab li{padding:10px 0;border-bottom:1px solid var(--garis)}
.lg-bab b{display:inline-block;min-width:64px}
@media (max-width:820px){.lg-video-bab{grid-template-columns:1fr}}