/* ==========================================================================
   RESPONSIVE MEDIA QUERIES - UNTAD KESMAS THEME
   Lead Developer: Ahmad Safi'i, S.Kom, M.M. (UPA TIK UNTAD)
   Path: assets/css/responsive.css
   ========================================================================== */

/* 1. Large Desktop & Extra Large Screens (Min: 1200px) */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/* 2. Laptop & Tablet Desktop View (Max: 1024px) */
@media (max-width: 1024px) {
  .grid-4-columns { 
    grid-template-columns: repeat(2, 1fr); 
  }
  .stats-grid { 
    grid-template-columns: repeat(3, 1fr); 
  }
  .footer-container { 
    grid-template-columns: repeat(2, 1fr); 
  }
  
  .brand-main-title {
    font-size: 1.15rem !important;
  }
}

/* 3. Tablet & Mobile Landscape View (Max: 991.98px / Breakpoint Bootstrap Desktop Nav) */
@media (max-width: 991.98px) {
  /* Header & Navigation Fixes */
  .header-logos-wrapper img,
  .header-logos-wrapper .custom-logo,
  .header-logos-wrapper a img {
    max-height: 50px !important;
  }

  .navbar-collapse {
    background-color: #1a2035;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.5rem 0;
    margin-top: 0.25rem;
  }
}

/* 4. Medium Smartphone & Tablet Portrait View (Max: 768px) */
@media (max-width: 768px) {
  /* Layout Structures */
  .hero-container { 
    grid-template-columns: 1fr; 
  }
  .branding-container { 
    flex-direction: column; 
    gap: 1rem; 
  }
  .grid-4-columns { 
    grid-template-columns: 1fr; 
  }
  .stats-grid { 
    grid-template-columns: repeat(2, 1fr); 
  }
  .quick-links-card { 
    flex-direction: column; 
  }
  .quick-links-grid { 
    flex-wrap: wrap; 
    gap: 1rem; 
  }
  
  /* Footer Adjustments */
  .footer-container { 
    grid-template-columns: 1fr; 
    gap: 1.5rem; 
  }

  /* Topbar Mobile Touch-Scroll (Sembunyikan Scrollbar Bawaan) */
  .topbar-contacts-wrapper::-webkit-scrollbar { 
    display: none; 
  }
  .topbar-contacts-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* Header Branding Mobile */
  .branding-section {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /* Dropdown & Offcanvas Tweaks */
  .dropdown-menu {
    border: none !important;
    background-color: rgba(0, 0, 0, 0.15);
    box-shadow: none !important;
  }
  .dropdown-item {
    color: #e2e8f0 !important;
    padding-left: 1.5rem !important;
  }
  .dropdown-item:hover,
  .dropdown-item:focus {
    background-color: transparent !important;
    color: #ffc107 !important;
  }
}

/* 5. Small Smartphone View (Max: 575.98px) */
@media (max-width: 575.98px) {
  .stats-grid { 
    grid-template-columns: 1fr; 
  }
  
  .brand-main-title {
    font-size: 1rem !important;
  }
  
  /* Penyesuaian Logo Layar Kecil */
  .header-logos-wrapper img,
  .header-logos-wrapper .custom-logo,
  .header-logos-wrapper a img {
    max-height: 44px !important;
  }

  /* Optimize Padding & Spacing for Small Screens */
  .container,
  .container-fluid {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  /* Teks Identitas Akademik Mobile */
  .branding-section .lh-1 {
    text-align: center;
  }
}