/* --- 1. HEADER & STICKY BEHAVIOR --- */
#masthead {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ast-primary-header-bar {
    z-index: 100000 !important;
    position: relative;
}

body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* --- 2. THE ALIGNMENT FIX (Logo & Burger) --- */
/* This targets the actual flex container Astra uses */
.ast-primary-header-bar .site-primary-header-wrap .ast-container {
    display: flex !important;
    align-items: center !important; /* Perfect vertical center */
    justify-content: space-between !important; /* Pushes them to edges */
}
.site-branding {
    padding: 10px 0 !important; /* Adjust this for logo size */
    margin: 0 !important; /* Removed the -180px margin which causes overlap */

    display: flex !important;
    align-items: center !important;
}

.ast-mobile-menu-buttons {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* --- 3. MOBILE SPECIFIC TWEAKS --- */
@media (max-width: 544px) {
    .site-branding {
        max-width: 70%;
    }
    /* Ensure the container stays a row even on tiny screens */
    .ast-primary-header-bar .site-primary-header-wrap .ast-container {
        flex-direction: row !important;
    }
}

/* --- 4. FOOTER WIDGET STYLING --- */
.footer-builder-widget-1 .textwidget p,
.footer-builder-widget-1 .menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.footer-builder-widget-1 a {
    white-space: nowrap !important;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
}

.footer-builder-widget-1 a:not(:last-child):after {
    content: "|";
    margin-left: 15px;
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
}

/* --- 5. MISC FIXES --- */
footer, .elementor-location-footer {
    position: relative !important;
    z-index: 9999 !important;
}

.cwld-app {
    overflow: hidden !important;
}