/* Hide the Site Name and Caption container from all devices */
.theme-site-name-caption {
    display: none !important;
}
/* --- SECTION 1: THE BRIGHT BLUE GRADIENT --- */
[data-element-id="elm_NC0jDAKGsB7ShYu9e3HPnw"] {
    background: linear-gradient(180deg, #1a335a 0%, #096F96 100%) !important;
}

/* White text for Section 1 */
[data-element-id="elm_NC0jDAKGsB7ShYu9e3HPnw"] .zptext p, 
[data-element-id="elm_NC0jDAKGsB7ShYu9e3HPnw"] .zptext span {
    color: #ffffff !important;
}


/* --- SECTION 2: THE DEEP SLATE/BLACK GRADIENT --- */
[data-element-id="elm_SQGXiDjFmgsRpmkcu2Ej3Q"] {
    background: linear-gradient(180deg, #1f2833 0%, #384c5f 100%) !important;
}

/* Light silver text for Section 2 (better for the dark slate look) */
[data-element-id="elm_SQGXiDjFmgsRpmkcu2Ej3Q"] .zptext p, 
[data-element-id="elm_SQGXiDjFmgsRpmkcu2Ej3Q"] .zptext span {
    color: #e0e6ed !important;
}
/* Custom Slate Gradient for the 2nd Section */
[data-element-id="elm_WlTIySwMJnPES9XwO23iwA"] {
    background: linear-gradient(180deg, #1f2833 0%, #384c5f 100%) !important;
    border: none !important;
}

/* Ensuring text remains legible against the slate background */
[data-element-id="elm_WlTIySwMJnPES9XwO23iwA"] .zptext p, 
[data-element-id="elm_WlTIySwMJnPES9XwO23iwA"] .zptext span {
    color: #e0e6ed !important; /* A light off-white/silver for better contrast */
}
/* Target the specific section by its Data Element ID */
[data-element-id="elm_awrM9gB34dezSIwUuz7eZA"] {
    background: linear-gradient(180deg, #1a335a 0%, #096F96 100%) !important;
}

/* Optional: Improve text readability on the dark background */
[data-element-id="elm_awrM9gB34dezSIwUuz7eZA"] .zptext p, 
[data-element-id="elm_awrM9gB34dezSIwUuz7eZA"] .zptext span {
    color: #ffffff !important;
}
/* =========================================
   5. MENU BUTTONS (DESKTOP ONLY)
   ========================================= */
@media (min-width: 992px) {
    /* Spacing for the new buttons */
    .nav-custom-btn {
        margin-left: 12px !important;
        display: inline-flex !important;
        align-items: center;
        height: 100%;
    }

    /* General Button Styling */
    .nav-custom-btn a {
        padding: 8px 16px !important;
        border-radius: 4px !important;
        font-family: "DM Sans", sans-serif !important;
        font-weight: bold !important;
        font-size: 14px !important;
        color: #000000 !important; /* Black text */
        text-decoration: none !important;
        transition: transform 0.2s ease, opacity 0.2s ease;
        line-height: normal !important;
    }

    .nav-custom-btn a:hover {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    /* View Products: Yellow Background */
    .btn-view a {
        background-color: #fac041 !important;
    }

    /* Book Demo: Blue Background */
    .btn-demo a {
        background-color: #83D2E4 !important;
    }
}

/* Hide these buttons on Mobile/Tablet menu */
@media (max-width: 991px) {
    .nav-custom-btn {
        display: none !important;
    }
}
/* 1. Remove the "Reserved Space" from the body and main containers */
body, 
#zp-main-container, 
[data-zs-main-container],
.theme-main-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. Double-check the stubborn Datepicker culprit */
#hbUI-datepicker, 
.hb-dp-cont {
    margin-bottom: 0 !important;
    height: 0 !important;
    display: none !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* 3. Force the footer to stay at the very bottom of the viewport */
.zpfooter-wrapper {
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* 4. Kill any extra height on the hidden banner's area */
div[style*="z-index:1000000"] {
    max-height: 0 !important;
    pointer-events: none !important;
}
/* Full Width Header - Desktop Only */
@media (min-width: 992px) {
    .theme-header .zpcontainer {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 40px !important;  /* Space for the logo from edge */
        padding-right: 40px !important; /* Space for the menu/buttons from edge */
    }
}