/* Custom CSS for Selcon Student Village */

/* 1. Fix Header Color and Text Color */
.header_section {
  background-color: #082465 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  position: sticky;
  top: 0;
  z-index: 1000;
}

/* Ensure all links and text in the header are white */
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {
  color: #ffffff !important;
}

.navbar-brand span {
  color: #ffffff !important;
}

/* Active link color */
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item.active .nav-link {
  color: #fec913 !important;
}

/* Nav link hover color */
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #fec913 !important;
  transition: color 0.3s ease;
}

/* 2. Mobile Navigation Fix */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: #082465;
        padding: 15px 0;
        margin-top: 10px;
        border-radius: 5px;
    }
    
    .custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {
        padding: 12px 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        color: #ffffff !important;
    }
    
    .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none;
    }
    
    .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item.active .nav-link {
        background-color: rgba(254, 201, 19, 0.2);
        color: #fec913 !important;
    }
}

/* 3. Layout Fix - Prevent floating */
.top_container {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.hero-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .hero-container {
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .hero_detail-box, .hero_img-container {
        width: 100% !important;
    }
    
    .top_container {
        height: auto;
    }
}