/*
 * Landing page (Modules/LandingPage) — penyesuaian brand Mecha HRIS.
 * Template aslinya dirancang untuk warna primer terang (hijau); dengan biru brand,
 * teks di atas area biru harus putih agar tetap terbaca.
 */
:root {
    --mecha-blue: #2563eb;
    --mecha-blue-700: #1d4ed8;
    --mecha-navy: #0f172a;
}

body.custom-color {
    font-feature-settings: "tnum" 0;
}

/* ---------- Header di atas hero biru ---------- */
.main-header .header-left {
    margin-right: 32px !important;
}

.main-header .navbar-brand img {
    height: 34px;
    width: auto;
}

@media (min-width: 992px) {
    .main-header .navbar .navbar-nav .nav-item .nav-link {
        color: rgba(255, 255, 255, 0.88);
    }

    .main-header .navbar .navbar-nav .nav-item .nav-link:hover,
    .main-header .navbar .navbar-nav .nav-item .nav-link.active {
        color: #fff;
    }
}

.main-header .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.7);
    background: #fff;
}

.main-header .btn-outline-dark {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.75);
}

.main-header .btn-outline-dark:hover,
.main-header .btn-outline-dark:focus {
    color: var(--mecha-blue);
    background: #fff;
    border-color: #fff;
}

/* ---------- Hero ---------- */
.main-banner.bg-primary {
    background: linear-gradient(150deg, #172554 0%, #1e3a8a 30%, var(--mecha-blue) 70%, #0891b2 100%) !important;
}

.main-banner h1,
.main-banner h6,
.main-banner p {
    color: #fff;
}

.main-banner h6 {
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.6;
}

.main-banner .badge {
    color: var(--mecha-blue-700) !important;
}

.main-banner .banner-btn .btn-outline-dark {
    background: #fff;
    border-color: #fff;
    color: var(--mecha-blue-700);
    font-weight: 600;
}

.main-banner .banner-btn .btn-outline-dark:hover {
    background: #eff6ff;
    color: var(--mecha-blue-700);
}

.main-banner .dash-preview .preview-img {
    border-radius: 16px;
    box-shadow: 0 30px 60px rgba(15, 23, 42, 0.35);
}

/* ---------- Kartu berlatar biru ---------- */
.card.bg-primary h3,
.card.bg-primary p,
.card.bg-primary .text-body {
    color: #fff !important;
}

.card.bg-primary p {
    opacity: 0.92;
}

/* ---------- Bagian paket (latar biru) ---------- */
.subscription.bg-primary .title h2,
.subscription.bg-primary .title p,
.subscription.bg-primary .title span {
    color: #fff !important;
}

.price-card .p-price {
    font-size: 48px;
    line-height: 1.1;
}

.price-card .p-price small {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
}

/* ---------- Screenshot & gambar fitur ---------- */
.screenshots img,
.element-section img {
    border-radius: 12px;
}

/* Info induk usaha Mecha ERP di footer */
.site-footer .mecha-company a { color: #2563eb; text-decoration: none; }
.site-footer .mecha-company a:hover { text-decoration: underline; }
.site-footer .mecha-company--block li { margin-bottom: 4px; }

/* Tombol hero: ikon tetap sebaris dengan teks di layar sempit */
.banner-btn { flex-wrap: wrap; }
.banner-btn .btn { display: inline-flex; align-items: center; white-space: nowrap; }
.site-footer .mecha-company--block a { color: #2563eb !important; }