/* ============================================================
   DraftWise India – responsive.css
   Mobile-first responsive overrides
   ============================================================ */

/* Mobile (< 576px) */
@media (max-width: 575.98px) {
  .hero-section { padding: 2.5rem 0 2rem; }
  .hero-section h1 { font-size: 1.6rem; }
  .steps-bar { gap: 0; }
  .step-label { display: none; }
  .info-panel .info-row { flex-direction: column; gap: 0.1rem; }
  .info-panel .info-label { min-width: auto; }
  .preview-toolbar { flex-direction: column; align-items: flex-start; }
  .download-bar { flex-direction: column; }
  .category-card { padding: 1rem; }
  .category-card .category-icon { font-size: 2rem; }
  .draft-preview-wrapper { padding: 1rem; }
  pre.draft-text { font-size: 0.85rem; }
  .ad-slot-header { min-height: 60px; }
}

/* Tablet (576–991px) */
@media (min-width: 576px) and (max-width: 991.98px) {
  .hero-section h1 { font-size: 2rem; }
  .ad-slot-sidebar { position: static; }
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
  .dw-card:hover { transform: none; }
  .btn-dw-primary:hover { transform: none; }
}

/* Accessibility – reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* High contrast */
@media (prefers-contrast: high) {
  :root {
    --dw-violet: #4C1D95;
    --dw-text: #000000;
    --dw-border: #000000;
  }
  .form-control, .form-select { border-width: 2px; }
}