/**
 * SDN 2 Dermolo - Modal Styles
 * Global styles for facility and prestasi modals.
 */

/* ===== Facility Modal ===== */
.facility-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 60;
}

.facility-modal.is-open {
    display: flex;
}

/* ===== Prestasi Modal ===== */
.prestasi-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 60;
}

.prestasi-modal.is-open {
    display: flex;
}

/* ===== Card Text Truncation ===== */
.facility-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.facility-card-desc {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.prestasi-card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.prestasi-card-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}