/* SIVAA — Admissions Page Styles */

/* ===== ADMISSION STEPS ===== */
.steps-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6);
  position: relative; margin-bottom: var(--space-16);
}
.step-card {
  background: var(--color-white); border-radius: var(--radius-xl); padding: var(--space-6);
  text-align: center; box-shadow: var(--shadow-card); position: relative;
  border: 1px solid var(--color-border); transition: all var(--transition-base);
}
.step-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card-hover); }
.step-number {
  width: 46px; height: 46px; border-radius: 50%; background: var(--gradient-hero);
  color: var(--color-white); display: flex; align-items: center; justify-content: center;
  font-family: var(--font-heading); font-size: var(--text-lg); font-weight: 700;
  margin: 0 auto var(--space-4); box-shadow: 0 4px 10px rgba(30,58,138,0.2);
}
.step-title { font-size: var(--text-lg); color: var(--color-primary); margin-bottom: var(--space-2); }
.step-desc { font-size: var(--text-xs); color: var(--color-text-muted); line-height: 1.6; }

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

/* ===== TABLE STYLE ===== */
.table-wrapper {
  overflow-x: auto; background: var(--color-white); border-radius: var(--radius-xl);
  box-shadow: var(--shadow-card); border: 1px solid var(--color-border);
  margin-bottom: var(--space-12);
}
.eligibility-table {
  width: 100%; border-collapse: collapse; text-align: left;
  font-size: var(--text-sm);
}
.eligibility-table th {
  background: var(--color-primary); color: var(--color-white);
  padding: var(--space-4) var(--space-6); font-family: var(--font-heading);
  font-size: var(--text-base); font-weight: 600;
}
.eligibility-table td {
  padding: var(--space-4) var(--space-6); border-bottom: 1px solid var(--color-border);
  color: var(--color-text-muted); font-family: var(--font-body);
}
.eligibility-table tr:last-child td { border-bottom: none; }
.eligibility-table tr:nth-child(even) td { background-color: var(--color-off-white); }

/* ===== REQUIRED DOCUMENTS ===== */
.docs-list {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4);
  margin-bottom: var(--space-12);
}
.doc-item {
  background: var(--color-white); border-radius: var(--radius-md); padding: var(--space-4) var(--space-5);
  display: flex; align-items: center; gap: var(--space-4);
  box-shadow: var(--shadow-sm); border: 1px solid var(--color-border);
}
.doc-icon {
  width: 32px; height: 32px; border-radius: 50%; background: rgba(134,239,172,0.15);
  color: #16A34A; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-weight: 700;
}
.doc-text { font-size: var(--text-sm); font-weight: 500; color: var(--color-text); }

@media (max-width: 600px) {
  .docs-list { grid-template-columns: 1fr; }
}

/* ===== ENQUIRY FORM PANEL ===== */
.enquiry-panel {
  background: var(--color-white); border-radius: var(--radius-2xl);
  padding: var(--space-8); box-shadow: var(--shadow-lg);
  border: 1px solid var(--color-border); max-width: 650px; margin: 0 auto;
}
.enquiry-title { font-size: var(--text-2xl); text-align: center; margin-bottom: var(--space-2); }
.enquiry-subtitle { font-size: var(--text-sm); text-align: center; color: var(--color-text-muted); margin-bottom: var(--space-8); font-family: var(--font-alt); }