/*!
 * Bootstrap 5 Compatibility CSS for Freelancer Theme
 * Fixes and updates for Bootstrap 5 migration
 */

/* Fix for navbar positioning */
.navbar.fixed-top {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

/* Navbar brand styling */
.navbar-brand {
    font-weight: 700;
    font-size: 2em;
}

/* Page scroll class for smooth scrolling */
.page-scroll a {
    transition: all 0.3s ease-in-out;
}

/* Modal compatibility fixes */
.modal-content {
    border-radius: 0;
}

.modal-header .btn-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    opacity: 1;
    color: #fff;
}

/* Button styling compatibility */
.btn-outline {
    background-color: transparent;
    border: solid 2px #fff;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: #18bc9c;
    background: #fff;
}

/* Form validation styling */
.form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #ccc;
}

.form-control:focus {
    border-color: #18bc9c;
    box-shadow: none;
}

.invalid-feedback {
    display: block;
    color: #e74c3c;
}

/* Star divider compatibility */
.star-light:after,
.star-primary:after {
    content: "\f005";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

/* Grid system adjustments */
.col-lg-offset-2 {
    margin-left: 16.66666667%;
}

.col-lg-offset-1 {
    margin-left: 8.33333333%;
}

/* Image responsive class */
.img-responsive {
    max-width: 100%;
    height: auto;
}

.img-centered {
    margin: 0 auto;
    display: block;
}

/* Text alignment helpers */
.text-center {
    text-align: center !important;
}

/* SweetAlert2 custom styling */
.swal2-bootstrap-5 {
    border-radius: 0.375rem;
}

.swal2-bootstrap-5 .swal2-title {
    font-size: 1.5rem;
    font-weight: 600;
}

/* Navbar toggler custom styling */
.navbar-toggler {
    border: none;
    padding: 4px 8px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* Fix for list-inline items */
.list-inline-item:not(:last-child) {
    margin-right: 1rem;
}

/* Ensure proper spacing */
.mb-3 {
    margin-bottom: 1rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

/* Voting Opens Soon Section Styles */
#voting-soon {
    padding: 80px 0;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

#voting-soon .section-heading {
    font-size: 3rem;
    margin-bottom: 30px;
}

#voting-soon .star-light {
    border-color: rgba(255,255,255,0.3);
}

#voting-soon .voting-announcement {
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}

#voting-soon .feature-icon {
    transition: transform 0.3s ease;
}

#voting-soon .feature-icon:hover {
    transform: translateY(-10px);
}

#voting-soon .btn {
    transition: all 0.3s ease;
    font-weight: 600;
}

#voting-soon .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

#voting-soon .social-links .btn {
    margin-bottom: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #voting-soon .section-heading {
        font-size: 2.5rem;
    }
    
    #voting-soon .feature-icon i {
        font-size: 2rem !important;
    }
    
    #voting-soon .btn-lg {
        font-size: 1rem;
        padding: 10px 20px;
    }
}