/* public/tw-patch.css */
/* === Force-correct Tailwind responsive utilities (not processed by PostCSS) === */
/* Breakpoints (Tailwind defaults): sm=640px, md=768px, lg=1024px */

@media (min-width: 640px) {
  /* sm:col-span-1..12 */
  .sm\:col-span-1  { grid-column: span 1 / span 1 !important; }
  .sm\:col-span-2  { grid-column: span 2 / span 2 !important; }
  .sm\:col-span-3  { grid-column: span 3 / span 3 !important; }
  .sm\:col-span-4  { grid-column: span 4 / span 4 !important; }
  .sm\:col-span-5  { grid-column: span 5 / span 5 !important; }
  .sm\:col-span-6  { grid-column: span 6 / span 6 !important; }
  .sm\:col-span-7  { grid-column: span 7 / span 7 !important; }
  .sm\:col-span-8  { grid-column: span 8 / span 8 !important; }
  .sm\:col-span-9  { grid-column: span 9 / span 9 !important; }
  .sm\:col-span-10 { grid-column: span 10 / span 10 !important; }
  .sm\:col-span-11 { grid-column: span 11 / span 11 !important; }
  .sm\:col-span-12 { grid-column: span 12 / span 12 !important; }

  /* common grid column counts */
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

  /* a couple visibility helpers often used in layouts */
  .sm\:hidden { display: none !important; }
  .sm\:block  { display: block !important; }
  .sm\:flex   { display: flex !important; }
}

@media (min-width: 768px) {
  .md\:col-span-1  { grid-column: span 1 / span 1 !important; }
  .md\:col-span-2  { grid-column: span 2 / span 2 !important; }
  .md\:col-span-3  { grid-column: span 3 / span 3 !important; }
  .md\:col-span-4  { grid-column: span 4 / span 4 !important; }
  .md\:col-span-5  { grid-column: span 5 / span 5 !important; }
  .md\:col-span-6  { grid-column: span 6 / span 6 !important; }
  .md\:col-span-7  { grid-column: span 7 / span 7 !important; }
  .md\:col-span-8  { grid-column: span 8 / span 8 !important; }
  .md\:col-span-9  { grid-column: span 9 / span 9 !important; }
  .md\:col-span-10 { grid-column: span 10 / span 10 !important; }
  .md\:col-span-11 { grid-column: span 11 / span 11 !important; }
  .md\:col-span-12 { grid-column: span 12 / span 12 !important; }

  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

  .md\:hidden { display: none !important; }
  .md\:block  { display: block !important; }
  .md\:flex   { display: flex !important; }
}

@media (min-width: 1024px) {
  .lg\:col-span-1  { grid-column: span 1 / span 1 !important; }
  .lg\:col-span-2  { grid-column: span 2 / span 2 !important; }
  .lg\:col-span-3  { grid-column: span 3 / span 3 !important; }
  .lg\:col-span-4  { grid-column: span 4 / span 4 !important; }
  .lg\:col-span-5  { grid-column: span 5 / span 5 !important; }
  .lg\:col-span-6  { grid-column: span 6 / span 6 !important; }
  .lg\:col-span-7  { grid-column: span 7 / span 7 !important; }
  .lg\:col-span-8  { grid-column: span 8 / span 8 !important; }
  .lg\:col-span-9  { grid-column: span 9 / span 9 !important; }
  .lg\:col-span-10 { grid-column: span 10 / span 10 !important; }
  .lg\:col-span-11 { grid-column: span 11 / span 11 !important; }
  .lg\:col-span-12 { grid-column: span 12 / span 12 !important; }

  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

  .lg\:hidden { display: none !important; }
  .lg\:block  { display: block !important; }
  .lg\:flex   { display: flex !important; }
}


@media (min-width: 640px) {
  .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
}