/* =============================================================================
   Admission resource cards (ProgramList grid + Guidelines/FAQ sidebar, Figma)
   ============================================================================= */

.admission-resource-figma-section {
    border: none;
    overflow: hidden;
    background: var(--theme-career-resource-section-bg, var(--theme-background));
}

.admission-resource-cards-grid-container {
    padding-top: var(--theme-career-resource-section-padding-y, 60px) !important;
    padding-bottom: var(--theme-career-resource-section-padding-y, 60px) !important;
}

.admission-resource-cards--grid .admission-resource-card {
    height: 100%;
}

.admission-resource-cards--grid .admission-resource-card-inner {
    position: relative;
    min-height: var(--theme-app-form-resource-grid-min-height, 450px);
    border-radius: var(--theme-app-form-resource-card-radius, 10px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.admission-resource-cards--sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--theme-app-form-sidebar-cards-gap, 30px);
    position: sticky;
    top: 88px;
    align-self: flex-start;
    width: 100%;
}

    .admission-resource-cards--sidebar .admission-resource-card-inner {
        position: relative;
        display: flex;
        flex-direction: column;
        border-radius: var(--theme-app-form-resource-card-radius, 10px);
        overflow: hidden;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .admission-resource-cards--sidebar .admission-resource-card-overlay {
        position: relative;
        inset: auto;
        flex: 1 1 auto;
        width: 100%;
        box-sizing: border-box;
        justify-content: flex-start;
        gap: var(--theme-app-form-sidebar-card-stack-gap, 30px);
    }

.admission-resource-cards--sidebar .admission-resource-card--faq .admission-resource-card-overlay {
    padding: 30px;
}

.admission-resource-cards--sidebar .admission-resource-card--need-help .admission-resource-card-overlay,
.admission-resource-cards--sidebar .admission-resource-card--guidelines .admission-resource-card-overlay {
    padding: 40px;
}

/* Sidebar typography */
.admission-resource-cards--sidebar .admission-resource-card-title {
    font-size: var(--theme-app-form-sidebar-resource-title-size, 1.75rem) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    max-width: 300px;
}

.admission-resource-cards--sidebar .admission-resource-card--faq .admission-resource-card-title {
    max-width: 320px;
}

.admission-resource-cards--sidebar .admission-resource-card-desc {
    font-size: var(--theme-app-form-sidebar-resource-body-size, 1.25rem) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    max-width: 300px;
}

.admission-resource-cards--sidebar .admission-resource-card--faq .admission-resource-card-desc {
    max-width: 320px;
}

/* Sidebar CTAs */
.admission-resource-cards--sidebar .admission-resource-card-cta--sidebar-faq {
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 5px 15px !important;
    align-self: center;
}

.admission-resource-cards--sidebar .admission-resource-card-cta--sidebar-guidelines {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 5px 15px !important;
    align-self: center;
}

/* Resource card CTAs (sidebar + grid) */
.admission-resource-cards--sidebar .admission-resource-card-cta .mud-button-label,
.admission-resource-cards--grid .admission-resource-card-cta .mud-button-label {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.admission-resource-card-contact-stack--sidebar {
    gap: 10px !important;
}

.admission-resource-cards--sidebar .admission-resource-contact-box--sidebar {
    padding: 10px !important;
    gap: 10px;
}

    .admission-resource-cards--sidebar .admission-resource-contact-box--sidebar .mud-typography,
    .admission-resource-cards--sidebar .admission-resource-contact-box--sidebar .admission-resource-contact-link {
        font-size: var(--theme-app-form-sidebar-contact-text-size, 1.125rem) !important;
        font-weight: 500 !important;
        line-height: 1.56 !important;
    }

    .admission-resource-cards--sidebar .admission-resource-contact-box--sidebar .mud-icon-root {
        font-size: 1.5rem !important;
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

.admission-resource-cards--sidebar .admission-resource-contact-box--sidebar .admission-resource-contact-link {
    text-decoration: underline;
}

    .admission-resource-cards--sidebar .admission-resource-contact-box--sidebar .admission-resource-contact-link:hover {
        text-decoration: underline;
    }

.admission-resource-card-overlay {
    position: absolute;
    inset: 0;
    background: var(--theme-card-overlay);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.admission-resource-card-title {
    color: var(--theme-surface) !important;
    font-weight: 700 !important;
    font-size: var(--theme-app-form-resource-card-title-size, 1.75rem) !important;
    line-height: 1.3 !important;
}

.admission-resource-card-desc {
    color: color-mix(in srgb, var(--theme-surface) 95%, transparent) !important;
    font-size: var(--theme-app-form-resource-card-body-size, 1.25rem) !important;
    line-height: 1.4 !important;
    max-width: 320px;
}

.admission-resource-card-cta {
    background-color: var(--theme-accent) !important;
    color: var(--theme-resource-card-button-color) !important;
    text-transform: none !important;
    border-radius: var(--theme-app-form-resource-cta-radius, 10px) !important;
    border: 1px solid var(--theme-surface) !important;
    min-height: 52px;
}

    .admission-resource-card-cta:hover {
        background-color: var(--theme-accent-hover) !important;
    }

.admission-resource-card-contact-stack {
    width: 100%;
}

.admission-resource-contact-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--theme-surface);
    color: var(--theme-body-text);
    padding: 10px 16px;
    border-radius: var(--theme-app-form-resource-cta-radius, 10px);
    width: 100%;
    border: 1px solid var(--theme-surface);
}

    .admission-resource-contact-box .mud-icon-root {
        color: var(--theme-body-text) !important;
    }

    .admission-resource-contact-box .mud-typography {
        color: var(--theme-body-text) !important;
        font-weight: 500 !important;
    }

.admission-resource-contact-link {
    color: var(--theme-body-text) !important;
    font-weight: 500;
    text-decoration: underline;
}

/* Grid variant overrides */
.admission-resource-cards--grid .admission-resource-card-overlay {
    padding: 40px;
    gap: 0;
    justify-content: space-between;
}

.admission-resource-cards--grid .admission-resource-card-title {
    font-size: var(--theme-career-resource-grid-title-size, 2rem) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    max-width: 360px;
}

.admission-resource-cards--grid .admission-resource-card-desc {
    font-size: var(--theme-career-resource-grid-desc-size, 16px) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    max-width: 281px;
}

/* Grid CTAs */
.admission-resource-cards--grid .admission-resource-card-cta--grid-primary {
    width: 100%;
    max-width: 282px;
    align-self: center;
}

.admission-resource-cards--grid .admission-resource-card-cta--grid-faq {
    width: auto;
    min-width: 176px;
    align-self: center;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.admission-resource-cards--grid .admission-resource-contact-box {
    font-size: var(--theme-career-resource-grid-contact-size, 1.375rem);
    padding: 10px 20px;
}

    .admission-resource-cards--grid .admission-resource-contact-box .mud-typography,
    .admission-resource-cards--grid .admission-resource-contact-link {
        font-size: var(--theme-app-form-sidebar-contact-text-size, 1.125rem) !important;
        line-height: 1.27 !important;
    }

    .admission-resource-cards--grid .admission-resource-contact-link {
        text-decoration: none;
    }

        .admission-resource-cards--grid .admission-resource-contact-link:hover {
            text-decoration: underline;
        }

@media (max-width: 1279px) {
    .admission-resource-cards--sidebar {
        position: static;
    }
}