/* =========================
   COURSE OVERVIEW FEATURE
========================= */

.feature-overview .overview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
    align-items: start;
}

.feature-overview .overview-continent-card {
    margin-bottom: 0 !important;
    padding: 16px !important;

    background: rgba(255,255,255,0.12) !important;

    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);

    border-radius: 24px !important;

    box-shadow:
        0 16px 40px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.16) !important;

    color: #ffffff !important;
}

.feature-overview .overview-continent-head {
    cursor: pointer;
    text-align: center;
}

.feature-overview .overview-country-card {
    background: rgba(255,255,255,0.10) !important;

    border: 1px solid rgba(255,255,255,0.20) !important;
    border-radius: 18px !important;

    padding: 13px !important;

    box-shadow:
        0 10px 26px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.feature-overview .overview-country-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    gap: 15px;
}

.feature-overview .overview-score-summary {
    margin-top: 18px;
    padding: 14px;

    border-radius: 16px;

    background: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;

    color: #ffffff !important;
    font-weight: 900;
}

.feature-overview .overview-deadline-box {
    margin-bottom: 14px;
    padding: 12px;

    background: rgba(254,249,195,0.16) !important;
    border: 1px solid rgba(253,230,138,0.35) !important;

    border-radius: 14px;

    color: #fef3c7 !important;
    font-weight: 900;
}

.feature-overview .overview-objection-card {
    background: rgba(255,255,255,0.10) !important;
    border: 1px solid rgba(255,255,255,0.20) !important;

    border-radius: 16px;
    padding: 14px;
    margin-top: 12px;
}

.feature-overview select,
.feature-overview textarea {
    width: 100%;
    box-sizing: border-box;

    margin-top: 10px;
    margin-bottom: 10px;

    border-radius: 16px;

    border: 1px solid rgba(255,255,255,0.28) !important;
    background: rgba(255,255,255,0.14) !important;

    color: #ffffff !important;

    padding: 12px 14px;

    font-family: inherit;

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    outline: none;
}

.feature-overview textarea {
    min-height: 120px;
    resize: vertical;
}

.feature-overview select option {
    color: #0f172a;
}

.feature-overview .overview-closed-text {
    color: #fecaca !important;
    margin-top: 18px;
}
.overview-country-card {
    background: rgba(255,255,255,0.10) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(255,255,255,0.22) !important;

    border-radius: 18px;

    padding: 12px;

    box-shadow:
        0 10px 28px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.12);
}