/* ========== FIX HEADER & MENU MOBILE UNTUK ASTRA + ELEMENTOR ========== */

/* Pastikan header & toggle menu selalu di atas */
.ast-header-break-point .main-header-bar,
.ast-header-break-point .main-header-menu-toggle,
.ast-header-break-point header,
.ast-header-break-point .ast-site-header {
    position: relative !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
}

/* Tombol hamburger */
.ast-header-break-point .ast-mobile-menu-buttons,
.ast-button-wrap .menu-toggle {
    position: relative !important;
    z-index: 100000 !important;
    cursor: pointer;
    pointer-events: auto !important;
}

/* Dropdown menu mobile muncul di atas konten lain */
.ast-header-break-point .main-header-menu {
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99998 !important;
    background: #fff;
    pointer-events: auto !important;
}

/* Buka dropdown menu saat hover (fallback untuk desktop) */
.main-header-menu li.menu-item-has-children:hover > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 🚫 Hapus pointer-events:none global agar konten Elementor tetap bisa diklik */
.elementor-section,
.elementor-container,
.ast-container {
    pointer-events: auto !important;
}

/* Cegah section tertentu nutupi header */
.site-header,
.ast-header-bar,
.ast-site-header,
.main-header-menu,
.main-header-menu-toggle,
header,
.elementor-header {
    pointer-events: auto !important;
    z-index: 99999 !important;
    position: relative !important;
}

/* Tambahkan jarak supaya konten tidak ketiban header */
.site-content,
.elementor-section-wrap {
    padding-top: 80px; /* sesuaikan tinggi header */
}

/* Hapus outline saat debugging */
.ast-header-break-point header,
.elementor-section,
.elementor-container {
    outline: none !important;
}

/* Background global */
.site {
    background-color: #F0F0F0;
}

/* Penyesuaian background section tertentu */
.elementor-element.elementor-element-28bef316 {
    margin-top: 100px;
}
.td-header-menu-social {
    z-index: -1;
}

/* Ganti background section tertentu */
.elementor-835 .elementor-element.elementor-element-59d718d9,
.elementor-1106 .elementor-element.elementor-element-56fdb185,
.elementor-1280 .elementor-element.elementor-element-2229423c,
.elementor-1265 .elementor-element.elementor-element-7c6a18e7,
.elementor-1285 .elementor-element.elementor-element-209e970e,
.elementor-887 .elementor-element.elementor-element-4edbdaf0,
.elementor-1387 .elementor-element.elementor-element-66d69d40,
.elementor-895 .elementor-element.elementor-element-121717cd,
.elementor-1226 .elementor-element.elementor-element-7d730aef,
.elementor-1245 .elementor-element.elementor-element-94a2ba8,
.elementor-1250 .elementor-element.elementor-element-3370aad0,
.elementor-1255 .elementor-element.elementor-element-38d4d97a,
.elementor-1260 .elementor-element.elementor-element-38ed639d,
.elementor-1270 .elementor-element.elementor-element-bc5b673,
.elementor-1275 .elementor-element.elementor-element-36942cf {
    background-color: #dcdcde !important;
}

/* Highlight Link */
.highlight-link {
    color: #0000ff;
}

/* Tombol CTA dan floating lainnya */
.cta-button-fixed,
.floating-button,
.whatsapp-button {
    z-index: 999 !important;
}

/* Floating Button Style */
.floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 90vw;
    z-index: 999;
}

/* Hero Section Style */
.hero-section {
    background-color: #ffffff;
    padding: 24px 16px;
    font-size: 16px;
    line-height: 1.6;
}

/* Reset dasar */
html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    max-width: 100%;
}

/* Gambar Responsif */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Container Responsif */
.container,
.section,
.content,
.wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Teks & Judul Responsif */
h1, h2, h3, p {
    word-break: break-word;
}

/* Submenu Styling */
.sub-menu {
    min-width: 220px;
}
.sub-menu li {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}
.sub-menu li:last-child {
    border-bottom: none;
}
.sub-menu li a {
    font-size: 14px;
    line-height: 1.6;
}

/* Media Queries */
@media (max-width: 767px) {
    .only-mobile {
        display: block !important;
    }
    .only-desktop {
        display: none !important;
    }

    .button,
    .floating-button {
        font-size: 14px;
        padding: 10px 18px;
    }

    h1 {
        font-size: 22px;
    }
    h2 {
        font-size: 20px;
    }
    p {
        font-size: 16px;
    }

    .container,
    .section,
    .content {
        padding: 12px;
    }
}

@media (min-width: 768px) {
    .only-mobile {
        display: none !important;
    }
    .only-desktop {
        display: block !important;
    }
}

/* =========================
   KONTRAS WARNA — FIX FINAL
   ========================= */

/* ========== WHATSAPP ========== */
/* Kunci anchor yang mengarah ke wa.me maupun tombol hijau */
a.btn.btn-green,
a.whatsapp-button,
a[href*="://wa.me"],
a[href*="://api.whatsapp.com"],
a[href^="https://wa.me"],
a[href^="https://api.whatsapp.com"] {
  /* latar solid, bukan rgba/transparan */
  background: #0B7A65 !important;   /* hijau gelap → teks putih kontras >= 7:1 */
  color: #FFFFFF !important;
  border: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* Pastikan anak elemen ikut putih */
a.btn.btn-green *, 
a.whatsapp-button *, 
a[href*="wa.me"] *, 
a[href*="api.whatsapp.com"] * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* State tetap kontras */
a.btn.btn-green:hover,
a.btn.btn-green:active,
a.btn.btn-green:focus,
a.whatsapp-button:hover,
a.whatsapp-button:active,
a.whatsapp-button:focus,
a[href*="wa.me"]:hover,
a[href*="wa.me"]:active,
a[href*="wa.me"]:focus {
  background: #095E52 !important;   /* sedikit lebih gelap, tetap AA */
  color: #FFFFFF !important;
  outline: 3px solid #111 !important; 
  outline-offset: 2px !important;
}

/* ========== YOUTUBE ========== */
a.yt-btn,
a[href*="youtube.com"],
a[href*="youtu.be"] {
  background: #CC0000 !important;    /* merah gelap → teks putih kontras >= 5:1 */
  color: #FFFFFF !important;
  border: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Anak elemen ikut putih */
a.yt-btn *, 
a[href*="youtube.com"] *, 
a[href*="youtu.be"] * {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* State */
a.yt-btn:hover,
a.yt-btn:active,
a.yt-btn:focus,
a[href*="youtube.com"]:hover,
a[href*="youtube.com"]:active,
a[href*="youtube.com"]:focus,
a[href*="youtu.be"]:hover,
a[href*="youtu.be"]:active,
a[href*="youtu.be"]:focus {
  background: #A80000 !important;
  color: #FFFFFF !important;
  outline: 3px solid #111 !important; 
  outline-offset: 2px !important;
}

/* ========== UKURAN & HIT AREA (sekalian) ========== */
a.btn, .whatsapp-button, .yt-btn,
a[href*="wa.me"], a[href*="api.whatsapp.com"],
a[href*="youtube.com"], a[href*="youtu.be"] {
  font-weight: 700 !important;
  font-size: 16px !important;              /* teks ≥16px */
  padding: 12px 20px !important;           /* area klik lega */
  min-height: 48px !important;
  min-width: 48px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background-clip: padding-box !important; /* hindari bleed transparansi */
  opacity: 1 !important;                   /* jangan transparan */
  filter: none !important;                  /* hindari brightness/contrast filter */
}

/* Jika tombol berada di dalam container yang punya opacity/blur,
   pastikan container TIDAK mempengaruhi kontras tombol */
.whatsapp-button, .yt-btn,
a[href*="wa.me"], a[href*="youtube.com"], a[href*="youtu.be"] {
  isolation: isolate;                       /* pisahkan lapisan rendering */
}

/* Jika ada badge/ikon sebelum teks (pseudo element) pastikan tidak menutupi teks */
a.btn.btn-green::before, a.yt-btn::before {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}