/**
 * SIPINTER SMK Assa'adah - Portal Prestasi Stylesheet
 * File: portal-prestasi.css (Tier 3 Feature CSS)
 */

/* ==========================================================================
   1. SEARCH & FILTER CARD (.cms-prestasi-search-input-group)
   ========================================================================== */
.cms-prestasi-search-input-group {
    border-radius: 50rem;
    overflow: hidden;
}

.cms-prestasi-search-input-group .input-group-text {
    background-color: #ffffff;
    border-color: var(--cms-border-color, #e2e8f0);
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
    padding-left: 1.25rem;
    transition: border-color 0.2s ease;
}

.cms-prestasi-search-input-group .form-control {
    border-color: var(--cms-border-color, #e2e8f0);
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
    font-size: 0.9375rem;
    color: var(--cms-navy, #0f172a);
    padding-right: 1.25rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cms-prestasi-search-input-group .form-control:focus {
    box-shadow: none;
    border-color: var(--cms-primary, #059669);
}

.cms-prestasi-search-input-group:focus-within .input-group-text {
    border-color: var(--cms-primary, #059669);
}

/* ==========================================================================
   2. PORTAL CMS PRESTASI SPECIFICS
   ========================================================================== */
.cms-prestasi-peringkat-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.8rem;
    padding: 5px 12px;
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.35);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.cms-prestasi-tingkat-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    backdrop-filter: blur(8px);
}

.cms-prestasi-bidang {
    color: var(--cms-primary-dark, #047857);
    font-weight: 600;
    font-size: 0.825rem;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cms-prestasi-winner-strip {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    padding: 10px 12px;
    margin-top: auto;
    margin-bottom: 14px;
}

@media (max-width: 575.98px) {

    .cms-fasilitas-search-card,
    .cms-prestasi-search-card {
        padding: 18px 16px;
    }

    .cms-fasilitas-img-wrap,
    .cms-prestasi-img-wrap {
        height: 190px;
    }

    .cms-fasilitas-body,
    .cms-prestasi-body {
        padding: 16px;
    }

    .cms-fasilitas-pill,
    .cms-prestasi-pill {
        padding: 6px 14px;
        font-size: 0.8rem;
    }
}