/* Chaak Ratings — v1.3.0 */

:root {
    --chaak-radius:    8px;
    --chaak-gap:       8px;
    --chaak-font:      inherit;
    --chaak-imdb-bg:   oklch(72% 0.14 85);
    --chaak-imdb-text: oklch(22% 0.06 85);
    --chaak-rt-bg:     oklch(52% 0.17 25);
    --chaak-rt-text:   oklch(98% 0.01 25);
    --chaak-mc-bg:     oklch(58% 0.14 145);
    --chaak-mc-text:   oklch(98% 0.01 145);
}

.chaak-info {
    margin: 16px 0;
    font-family: var(--chaak-font);
    direction: rtl;
}

/* ── دکمه‌های امتیاز ── */
.chaak-rating-badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--chaak-gap);
    margin-bottom: 12px;
}

.chaak-rating-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: var(--chaak-radius);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.chaak-rating-icon {
    font-size: 1rem;
    line-height: 1;
}

.chaak-rating-label {
    opacity: 0.85;
    font-weight: 500;
}

.chaak-rating-score {
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* رنگ‌بندی هر سرویس */
.chaak-rating-imdb {
    background-color: var(--chaak-imdb-bg);
    color: var(--chaak-imdb-text);
}

.chaak-rating-rt {
    background-color: var(--chaak-rt-bg);
    color: var(--chaak-rt-text);
}

.chaak-rating-metacritic {
    background-color: var(--chaak-mc-bg);
    color: var(--chaak-mc-text);
}

/* ── متادیتای فیلم ── */
.chaak-movie-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--chaak-gap);
    margin-bottom: 12px;
}

.chaak-movie-year,
.chaak-movie-genre {
    font-size: 0.8125rem;
    color: oklch(45% 0.01 0);
    background: oklch(95% 0.01 0);
    padding: 3px 10px;
    border-radius: 4px;
}

/* ── خلاصه داستان ── */
.chaak-movie-synopsis {
    margin-top: 12px;
    padding: 12px 16px;
    background: oklch(97% 0.005 250);
    border-right: 3px solid oklch(70% 0.12 250);
    border-radius: 0 var(--chaak-radius) var(--chaak-radius) 0;
}

.chaak-movie-synopsis h3 {
    margin: 0 0 6px;
    font-size: 0.875rem;
    font-weight: 700;
    color: oklch(35% 0.02 250);
}

.chaak-movie-synopsis p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.7;
    color: oklch(30% 0.01 0);
}

/* ── ریسپانسیو ── */
@media (max-width: 480px) {
    .chaak-rating-badge {
        padding: 5px 10px;
        font-size: 0.8125rem;
    }
}