/* ==========================================
   RESPONSIVE MEDIA QUERIES
   ========================================== */

/* Tablets & Small Desktops (< 992px) */
@media (max-width: 991px) {
  .social-section {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    gap: 15px;
  }
}

/* Mobile Devices (< 768px) */
@media (max-width: 767px) {
  .upper-nav {
    flex-direction: column;
    text-align: center;
    padding: 8px 0;
  }

  .contact-section,
  .social-section {
    width: 100%;
    justify-content: center !important;
    padding: 5px 10px !important;
  }

  /* Hide slogan on mobile to avoid overcrowding */
  .slogan {
    display: none;
  }
}

/* Extra Small Mobile (< 480px) */
@media (max-width: 479px) {
  /* Hide contact text, display icons only to conserve space */
  .contact-section span {
    display: none;
  }

  .contact-section ul {
    gap: 15px !important;
  }

  .contact-section iconify-icon {
    font-size: 1.2rem;
  }
}