/* Base CSS - Combined styles for all pages */
@import url('bootstrap.min.css');
@import url('style.css');

/* Additional base styles */
.page-header {
    background: linear-gradient(rgba(15, 23, 43, .7), rgba(15, 23, 43, .7)), url(../img/carousel-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Form handler styles */
.custom-contact-form {
    position: relative;
}

.custom-contact-form .form-control:focus,
.custom-contact-form .form-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    border-color: #007bff;
}

/* Mobile menu overlay styles */
@media (max-width: 991.98px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        transition: left 0.3s ease;
        z-index: 9999;
        padding: 2rem;
    }
    
    .navbar-collapse.show {
        left: 0;
    }
    
    .navbar-nav {
        flex-direction: column;
        align-items: flex-start !important;
        margin-top: 2rem;
    }
    
    .nav-item {
        margin: 0.5rem 0;
        width: 100%;
    }
    
    .nav-link {
        font-size: 1.2rem;
        padding: 0.75rem 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
    }
}