/* ==========================================================================
   ByteAbyss Responsive CSS Overrides
   ========================================================================== */

/* Large screens and above */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/* Notebooks and Small Desktops (under 1200px) */
@media (max-width: 1199.98px) {
  .section-padding {
    padding: 80px 0;
  }
  
  .page-hero-title {
    font-size: 3rem;
  }
  
  .section-title {
    font-size: 2.25rem;
  }
}

/* Tablets and iPads (under 992px) */
@media (max-width: 991.98px) {
  
  
  /* Navbar Overrides for mobile menu toggle */
  .navbar-premium {
    background-color: rgba(5, 5, 5, 0.98) !important;
    border-bottom: 1px solid var(--color-border);
    padding: 15px 0;
  }
  
  .navbar-collapse-premium {
    background: var(--bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    margin-top: 15px;
    padding: 20px;
    box-shadow: var(--glow-primary);
  }
  
  .nav-link-premium {
    margin: 10px 0;
    padding: 8px 0;
    border-bottom: 1px solid rgba(167, 243, 194, 0.05);
  }
  
  .nav-link-premium::after {
    display: none; /* Hide bottom line on mobile list */
  }
  
  .nav-link-premium:hover,
  .nav-link-premium.active {
    padding-left: 10px;
  }
  
  /* Hero Illustration adjust */
  .hero-illustration-wrapper {
    margin-top: 50px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  
  /* Timeline process adjusts */
  .process-timeline::before {
    display: none; /* Hide horizontal line */
  }
  
  .process-step {
    margin-bottom: 40px;
  }
  
  .process-step:last-child {
    margin-bottom: 0;
  }
  
  .process-number-wrapper::after {
    content: '';
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 24px;
    background: rgba(167, 243, 194, 0.2);
  }
  
  .process-step:last-child .process-number-wrapper::after {
    display: none;
  }

  .cta-premium-block {
    padding: 50px 30px;
  }
}

/* Mobile Devices (under 768px) */
@media (max-width: 767.98px) {
  .section-padding {
    padding: 60px 0;
  }
  
  .page-hero {
    padding: 120px 0 60px;
  }
  
  .page-hero-title {
    font-size: 2.25rem;
  }
  
  .section-title {
    font-size: 1.85rem;
  }
  
  .hero-title {
    font-size: 2.5rem !important;
  }
  
  .hero-subtitle {
    font-size: 1rem !important;
  }
  
  .btn-premium {
    width: 100%;
    margin-bottom: 12px;
    text-align: center;
  }
  
  .btn-premium:last-child {
    margin-bottom: 0;
  }
  
  .stat-item {
    margin-bottom: 30px;
  }
  
  .stat-item:last-child {
    margin-bottom: 0;
  }
  
  .footer-premium {
    padding: 60px 0 30px;
  }
  
  .footer-col {
    margin-bottom: 40px;
  }
  
  .footer-col:last-child {
    margin-bottom: 0;
  }
}

/* Extra Small Mobiles (under 480px) */
@media (max-width: 479.98px) {
  .hero-title {
    font-size: 2rem !important;
  }
  
  .section-title {
    font-size: 1.65rem;
  }
  
  .stat-number {
    font-size: 2.75rem;
  }
}