/* ==========================================================
   Perbaikan tambahan untuk konten yang dikonversi ke Elementor.
   Elementor tidak memakai div pembungkus asli (.hero-backdrop,
   .hero-inner, .hero-copy, .about-grid), jadi rule di sini
   menarget struktur bawaan Elementor secara langsung supaya
   tampilannya kembali sesuai desain asli.
   ========================================================== */

/* ---------- HERO: gelapkan & cover video background ---------- */
.hero.elementor-section {
  position: relative;
  overflow: hidden;
  background: #0a2422;
}

.hero.elementor-section > .elementor-background-video-container {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden;
}

.hero.elementor-section > .elementor-background-video-container video,
.hero.elementor-section > .elementor-background-video-container iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.85) brightness(0.45);
}

.hero.elementor-section > .elementor-background-video-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10, 36, 34, 0.75) 0%, rgba(10, 36, 34, 0.45) 52%, rgba(10, 36, 34, 0.2) 100%);
}

/* ---------- HERO: layout 2 kolom (copy + card) ---------- */
.hero.elementor-section > .elementor-container {
  position: relative;
  z-index: 1;
  align-items: center;
  gap: 56px;
  padding: 140px 0 64px;
  min-height: 100vh;
}

/* Kolom pertama = teks (hero-copy) */
.hero.elementor-section > .elementor-container > .elementor-column:first-child {
  color: rgba(255, 255, 255, 0.86);
}

.hero.elementor-section > .elementor-container > .elementor-column:first-child p,
.hero.elementor-section > .elementor-container > .elementor-column:first-child .elementor-widget-text-editor {
  color: rgba(255, 255, 255, 0.76);
}

.hero .hero-title {
  color: #fff;
  max-width: 12ch;
}

.hero .hero-subtitle {
  color: rgba(255, 255, 255, 0.66) !important;
}

/* Kolom kedua = foto card, sejajarkan ke kanan seperti desain asli */
.hero.elementor-section > .elementor-container > .elementor-column:last-child {
  display: flex;
  justify-content: flex-end;
}

/* ---------- Section 2 kolom lain (Tentang, dsb) yang sebelumnya
   pakai .about-grid — beri jarak & alignment yang wajar ---------- */
.section-band.elementor-section > .elementor-container,
.panel.elementor-section > .elementor-container {
  align-items: center;
  gap: 42px;
}

/* ---------- Kartu (cards-row / card) beri jarak antar kolom ---------- */
.cards-row.elementor-section > .elementor-container {
  gap: 24px;
}