/* =========================================
   css/responsive.css - Mobile View
   ========================================= */

@media (max-width:900px){
  .feature-grid, .steps-list{ grid-template-columns:1fr 1fr; }
}

@media (max-width:768px){
  .container{ padding:0 1rem; }
  .glass-card{ padding:1.5rem; border-radius:16px; }
  .search-input-group input{ font-size:1rem; padding:1rem 1rem 1rem 2.5rem; }
  html[dir="rtl"] .search-input-group input{ padding:1rem 2.5rem 1rem 1rem; }
  .app-nav{ flex-wrap:wrap; gap:.75rem; }
  h1{ font-size:1.75rem; }
  .feature-grid, .steps-list{ grid-template-columns:1fr; }
  .footer-grid{ flex-direction:column; }
  .result-item{ flex-direction:column; }
  .ticket-divider{ border-left:none; border-top:2px dashed rgba(27,35,64,.22); width:auto; height:0; margin:0 1rem; }
  .ticket-divider::before,.ticket-divider::after{ top:50%; transform:translateY(-50%); }
  .ticket-divider::before{ left:-9px; }
  .ticket-divider::after{ left:auto; right:-9px; }
  .student-score{ justify-content:space-between; }
  .summary-grid{ grid-template-columns:1fr 1fr; }
}