/* ==========================================================================
   Admissions Page Stylesheet
   Fr. Agnel School, Panvel
   ========================================================================== */


/* =================================
   Admission Process
================================= */

/* Layout of items */

.admission-process__layout {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

/* Application & Documentation */

.admission-process__footer {
    display: grid;
    gap: var(--space-3);
    margin-top: 3rem;
    padding: 1.5rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background-color: var(--color-surface);
}

.admission-process__footer-title {
    margin: 0;
    color: var(--color-primary);
    font-size: var(--font-size-base);
    font-weight: var(--weight-semibold);
    line-height: 1.5;
}

.admission-process__footer p {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.admission-process__button {
    padding-top: var(--space-5);
    margin-top: auto;
}

/* =================================
   Mobile
================================= */
@media (max-width: 768px) {
    .admission-process__layout {
        grid-template-columns: 1fr;
        gap: 0;
    }

        .admission-process__layout .simple-card-in-grid,
        .admission-process__layout .simple-card-in-grid:first-child,
        .admission-process__layout .simple-card-in-grid:last-child {
            padding: var(--space-4) 0;
            border-left: 0;
            border-top: 1px solid var(--color-border);
        }

            .admission-process__layout .simple-card-in-grid:first-child {
                padding-top: 0;
                border-top: 0;
            }

    .admission-process__footer {
        margin-top: 1rem;
        padding-top: 1.5rem;
    }
}

/* --------------------------------
   Campus Highlights
-------------------------------- */

.fee-structure__layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.fee-structure__button {
    margin-top: var(--space-5);
}

/* --------------------------------
   Tablet
-------------------------------- */
@media (max-width: 900px) {
    .fee-structure__layout {
        grid-template-columns: repeat(2, 1fr);
        row-gap: var(--space-7);
    }

        .fee-structure__layout .simple-card-in-grid:nth-child(3) {
            padding-left: 0;
            border-left: none;
        }
}


/* --------------------------------
   Mobile
-------------------------------- */

@media (max-width: 600px) {
    .fee-structure__layout {
        grid-template-columns: 1fr;
        row-gap: 0;
    }
}