/*
 * Responsive Style Tweaks
 * Emotional Support & Voice Calling Platform
 */

@media (max-width: 991.98px) {
  .section-padding {
    padding: 4rem 0;
  }
  
  /* Sidebar collapsing adjustments */
  .sidebar-panel {
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    width: 280px;
    height: 100vh;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.15);
  }
  .sidebar-panel.show {
    left: 0;
  }
  
  .content-panel {
    width: 100%;
  }
  
  .header-panel {
    padding: 1rem;
  }
  
  .main-content-inner {
    padding: 1.5rem;
  }
  
  /* Hide desktop connecting lines */
  .step-card::after {
    display: none;
  }
}

@media (max-width: 767.98px) {
  h1 {
    font-size: 2.2rem;
  }
  h2 {
    font-size: 1.75rem;
  }
  
  .card-premium {
    padding: 1.5rem;
  }
  
  /* Tables horizontally scrollable */
  .table-responsive-custom {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Stack buttons */
  .btn-brand, .btn-outline-brand, .btn-secondary-light {
    width: 100%;
    margin-bottom: 0.5rem;
    text-align: center;
  }
  
  /* Adjust call avatar sizes */
  .call-circle-avatar {
    width: 140px;
    height: 140px;
  }
  
  .call-timer {
    font-size: 2rem;
  }
}

@media (max-width: 575.98px) {
  .header-wallet-badge span {
    display: none;
  }
}