/* Custom Layout Adjustments */

/* Move menu items closer to logo (to the left) */
@media (min-width: 1024px) {
    .header-nav .navbar-nav {
        justify-content: flex-start !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    .header-nav-wrap {
        margin-left: 0 !important;
    }
    
    .navbar-collapse {
        justify-content: flex-start !important;
    }
    
    .navbar-nav .nav-item {
        margin-right: 15px;
    }
}

/* Move hero text and button to the left to align with logo */
.slide-content .container {
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 180px !important; /* Align with logo position */
}

.slide-txt1 {
    text-align: left !important;
    line-height: 1.2 !important;
}

.slide-txt2 {
    text-align: left !important;
}

.slide-btn {
    text-align: left !important;
    max-width: 280px;
}

.slide-content.center .vert-wrap {
    align-items: flex-start !important;
}

.slide-content.center .vert {
    align-items: flex-start !important;
    text-align: left !important;
}

/* Responsive adjustments */
@media (max-width: 1023px) {
    .slide-content .container {
        max-width: 100% !important;
        padding-left: 20px !important;
    }
}

@media (max-width: 767px) {
    .slide-txt1,
    .slide-txt2 {
        max-width: 100%;
    }
}

/* Mobile navigation menu padding */
@media (max-width: 1023px) {
    .navbar-collapse .navbar-nav {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .navbar-nav .nav-item {
        padding-left: 0 !important;
    }
    
    .navbar-nav .nav-link {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .dropdown-menu {
        margin-left: 15px !important;
    }
}
