/* ========================================
   RESPONSIVE CSS - Arise Band_KE
   Media queries and responsive styles
   ======================================== */

/* === Mobile Navigation === */
@media (max-width: 991.98px) {
  .navbar-nav {
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap !important;
  }
  
  .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* === Small Devices === */
@media (max-width: 767.98px) {
  .vintage-card {
    margin-top: 1rem;
  }
  
  .cta .accent-bar {
    margin-bottom: 14px;
  }
  
  .contact-card {
    padding: 20px;
    border-radius: 14px;
  }
  
  .contact-heading {
    font-size: 1.5rem;
  }
}

/* === Extra Small Devices === */
@media (max-width: 575.98px) {
  .vision-mission-card {
    min-height: 200px;
  }
  
  .vision-mission-card img.card-cover {
    filter: blur(2px) brightness(0.6);
  }
}