/*
 * Jembatan Elementor → mockup, bagian 1 (dimuat SEBELUM site.css).
 * CSS Elementor ada di @layer "elementor", jadi aturan di bawah ini (tanpa layer) selalu menang.
 * Tujuan: container & widget Elementor tidak menambah padding/gap/margin/flex yang tidak ada di mockup.
 * Selector dibungkus :where() (specificity 0) supaya selector elemen mockup seperti `section{padding}` tetap menang.
 */
:where(.e-con) {
  display: block;
  width: auto; max-width: none; min-width: 0;
  margin: 0; padding: 0; gap: 0;
  flex-direction: row; flex-wrap: nowrap; align-items: normal; justify-content: normal;
}
:where(.elementor-widget) { margin: 0; color: inherit; font: inherit; text-align: inherit; }
:where(.widget-image-caption) { margin: 0; color: inherit; font: inherit; text-align: inherit; }
:where(.elementor-widget-image .wp-caption) { margin: 0; max-width: none; }
.elementor-clearfix::before, .elementor-clearfix::after { content: none; }
.elementor-screen-only, .screen-reader-text {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* Frontend: pembungkus widget tidak membuat kotak, jadi selector mockup seperti ".cta-row .btn" tetap bekerja.
   Pengecualian .msb-el: widget Text Editor yang pembungkusnya SENDIRI adalah elemen mockup (mis. item .strip / .facts),
   supaya selector seperti ".strip div+div" cocok persis seperti di mockup.
   Di editor Elementor pembungkus dibiarkan normal agar overlay seleksi widget tetap muncul. */
body:not(.elementor-editor-active) :is(.elementor-widget:not(.msb-el), .elementor-widget-container, .elementor-text-editor, .elementor-button-wrapper, .elementor-button-content-wrapper, .elementor-button-text) {
  display: contents;
}

/* Tombol Elementor: buang tampilan bawaan (abu-abu, padding) — tampilan dari class mockup (.btn …). */
:where(.elementor-button) {
  display: inline; padding: 0; border: 0; border-radius: 0; background: none;
  color: inherit; fill: currentColor; font: inherit; line-height: inherit; text-align: inherit; transition: none;
}

/* Heading widget: pewarisan dari mockup (specificity 0 supaya aturan h1–h3 mockup tetap menang) */
:where(.elementor-heading-title) { line-height: inherit; color: inherit; font: inherit; }

.e-con[hidden], .elementor-widget[hidden] { display: none; }

/* Tautan & gambar: Elementor menghapus garis bawah / menambah max-width; mockup memakai default browser */
:where(.elementor a) { text-decoration: revert; color: inherit; box-shadow: none; }
:where(.elementor img) { height: auto; border: 0; border-radius: 0; box-shadow: none; }
:where(.e-n-accordion-item-title-text) { font: inherit; margin: 0; }