/* =========================================
   GLOBAL BODY
========================================= */
body,
.ast-separate-container {
    background: #ffffff !important;
    color: #1f2937 !important; /* dark grey */
}

/* =========================================
   TEXT & HEADINGS
========================================= */
body, p, span, li {
    color: #1f2937 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #0f172a !important; /* lebih bold */
    font-weight: 600;
}

/* =========================================
   LINK COLOR
========================================= */
a {
    color: #2563eb !important;
    text-decoration: none;
}

a:hover {
    color: #1e40af !important;
}

/* =========================================
   HEADER (Professional Blue)
========================================= */
.main-header-bar,
.ast-primary-header-bar {
    background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
    border-bottom: none;
}

.main-header-menu .menu-link {
    color: #ffffff !important;
    font-weight: 500;
}

.main-header-menu .menu-link:hover {
    color: #dbeafe !important;
}

/* =========================================
   FOOTER
========================================= */
.site-footer {
    background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
    color: #ffffff !important;
}

.site-footer h3,
.site-footer p,
.site-footer a {
    color: #ffffff !important;
}

.site-footer a:hover {
    color: #dbeafe !important;
}

/* =========================================
   HERO & DOWNLOAD WRAPPER (Bubble Elegant)
========================================= */
.hero-wrapper,
.download-box,
.elementor-top-section {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.05);
    padding: 25px;
}

.hero-wrapper p,
.download-box p {
    color: #4b5563 !important;
}

.download-box h3 {
    color: #0f172a !important;
}

/* =========================================
   BUTTON STYLE (Elegant Blue Gradient)
========================================= */
.elementor-button,
button,
.ast-button {
    background: linear-gradient(135deg, #2563eb, #1e40af) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    font-weight: 600;
    padding: 12px 28px !important;
    box-shadow: 0 6px 18px rgba(37,99,235,0.35);
    transition: all .3s ease;
}

.elementor-button:hover,
button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(37,99,235,0.45);
}

/* =========================================
   INPUT FIELD
========================================= */
input, textarea, select {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #111827 !important;
}

input:focus,
textarea:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.2);
}

/* =========================================
   TABLE STYLE
========================================= */
.elementor-section table {
    border: 1px solid #e5e7eb;
}

.elementor-section table td,
.elementor-section table th {
    border: 1px solid #e5e7eb;
    color: #1f2937;
}

/* =========================================
   DOWNLOAD BUTTON SPECIFIC
========================================= */
.download.android {
    background-color: #16a34a;
}

.download.ios {
    background-color: #dc2626;
}

/* =========================================
   REMOVE DARK OVERRIDE (IMPORTANT)
========================================= */
.hero-wrapper,
.download-wrapper {
    min-height: unset;
}

/* =========================================
   FIX BACKGROUND HITAM
========================================= */

/* BODY */
body,
.ast-separate-container {
    background: #ffffff !important;
    color: #1f2937 !important;
}

/* =========================================
   PREMIUM CARD WRAPPER STYLE
========================================= */

.hero-wrapper,
.download-box,
.elementor-top-section {

    /* soft gradient putih */
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f8fbff 100%
    ) !important;

    border-radius: 18px !important;

    /* elegant soft shadow */
    box-shadow:
        0 8px 30px rgba(37,99,235,0.08),
        0 2px 8px rgba(0,0,0,0.04);

    /* subtle blue border glow */
    border: 1px solid rgba(37,99,235,0.12);

    padding: 28px;
    transition: all .3s ease;
}

/* Hover effect supaya hidup */
.hero-wrapper:hover,
.download-box:hover {
    transform: translateY(-4px);
    box-shadow:
        0 12px 40px rgba(37,99,235,0.15),
        0 4px 12px rgba(0,0,0,0.06);
}

/* FOOTER */
.site-footer {
    background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
    color: #ffffff !important;
}

/* HEADER */
.main-header-bar,
.ast-primary-header-bar {
    background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
}

/* Hilangkan background gelap lama */
body[style*="background"],
.ast-separate-container[style*="background"] {
    background: #ffffff !important;
}