/* =========================================================
   DRAMALAND 2.0 — FINALNY SZLIF KOSMETYCZNY
   Tylko warstwa wizualna. Nie zmienia logiki strony.
========================================================= */

/* 1. Katalog Dram / Filmów — „Wszystkie kraje” jako poziom nadrzędny. */
@media (min-width: 901px) {
    .dl-country-catalog .dl-country-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .dl-country-catalog .dl-country-card-all {
        grid-column: 1 / -1;
        max-width: none;
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    .dl-country-catalog .dl-country-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .dl-country-catalog .dl-country-card-all {
        grid-column: 1 / -1;
    }
}

/* 2. Drama — mniejszy oddech między Obsada a Twórcy napisów. Film bez zmian. */
body.single-dramy .dl-project-creators-section {
    padding-top: clamp(28px, 4vw, 48px);
}

/* 3. Nastroje na stronie głównej — subtelniejsze linie zamiast grubych pasów. */
.dl-home-moods .dl-home-moods-grid.dl-home-moods-grid--refined {
    gap: 4px !important;
    background: rgba(217, 164, 65, 0.14) !important;
}

/* 4. Wyszukiwarka — 2 wyniki tworzą zwartą, wycentrowaną parę. */
@media (min-width: 821px) {
    .dl-search-results-grid:has(.dl-title-card:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(240px, 280px));
        justify-content: center;
        max-width: 620px;
        margin-inline: auto;
    }
}

/* 5. Teraz na topie — czytelniejsze miejsca 04–06 i wyraźniejsza akcja. */
.dl-home-ranking-number.is-plain {
    color: rgba(217, 164, 65, 0.82) !important;
}

.dl-home-ranking-arrow {
    width: 38px;
    height: 38px;
    justify-self: end;
    border: 1px solid rgba(217, 164, 65, 0.30);
    border-radius: 50%;
    background: rgba(217, 164, 65, 0.035);
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.dl-home-ranking-item:hover .dl-home-ranking-arrow {
    transform: translateX(2px);
    background: rgba(217, 164, 65, 0.10);
    border-color: rgba(217, 164, 65, 0.55);
}

.dl-home-ranking-copy > span {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.dl-ranking-views {
    color: rgba(247, 239, 228, 0.58);
}

@media (max-width: 760px) {
    .dl-home-ranking-arrow {
        width: 34px;
        height: 34px;
    }
}