/*
 * Pitru Theme v2 — pages/poojas.css
 *
 * Page-specific rhythm for /rites/ (the rites/poojas archive). The
 * archive header / controls / result-bar / rite card / archive-cta band
 * all live in the shared components bundle; this file only declares:
 *
 *   1. The 12-column grid and its 8 / 4 cell spans
 *   2. Section spacing between result-bar and grid
 *   3. Responsive collapses for tablet + mobile
 *
 * Grid rhythm follows the mockup: featured cards take span-8 and default
 * cards take span-4.
 */

/* ---- Section frame ------------------------------------------------------ */
.pps-archive-rite__grid-section {
  padding: 24px 0 80px;
}

/* ---- 12-column grid ----------------------------------------------------- */
.pps-archive-rite__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

/* ---- Cell spans (match ORG: 8 / 4) ------------------------------------- */
.pps-archive-rite__cell--span-8 { grid-column: span 8; }
.pps-archive-rite__cell--span-4 { grid-column: span 4; }

/* Let every card stretch to the tallest sibling in its row. */
.pps-archive-rite__cell--span-8 > .pps-card-rite { height: 100%; }
.pps-archive-rite__cell--span-4 > .pps-card-rite { height: 100%; }

/* -------------------------------------------------------------------------
 * Responsive — tablet collapses to 2-across, mobile to single column.
 * The featured card retains its row layout at desktop; at tablet + mobile
 * it falls back to the column layout defined in the rite-card component
 * CSS.
 * ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .pps-archive-rite__grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
  }
  .pps-archive-rite__cell--span-8,
  .pps-archive-rite__cell--span-4 {
    grid-column: span 3;
  }
}

@media (max-width: 720px) {
  .pps-archive-rite__grid-section { padding: 16px 0 56px; }
  .pps-archive-rite__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .pps-archive-rite__cell--span-8,
  .pps-archive-rite__cell--span-4 {
    grid-column: span 1;
  }
}