/*
 * Elenco dei file scaricabili sulla scheda prodotto.
 *
 * L'icona non e' un'immagine ma l'estensione scritta in un rettangolo: cosi' non serve
 * tenere una cartella di png per ogni tipo di file, e un'estensione mai vista prima si
 * disegna da sola invece di cadere sull'icona generica.
 */

.kinnik-downloads__title {
    margin-bottom: 12px;
}

.kinnik-downloads__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kinnik-downloads__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.kinnik-downloads__item:last-child {
    border-bottom: 0;
}

.kinnik-downloads__icon {
    flex: 0 0 auto;
    min-width: 44px;
    padding: 4px 6px;
    border-radius: 3px;
    background: #6d6d6d;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: center;
    text-transform: uppercase;
}

.kinnik-downloads__icon--pdf { background: #b3312c; }
.kinnik-downloads__icon--doc,
.kinnik-downloads__icon--docx { background: #2a5699; }
.kinnik-downloads__icon--xls,
.kinnik-downloads__icon--xlsx,
.kinnik-downloads__icon--csv { background: #1f7244; }
.kinnik-downloads__icon--zip,
.kinnik-downloads__icon--rar,
.kinnik-downloads__icon--7z { background: #8a6d1f; }
.kinnik-downloads__icon--jpg,
.kinnik-downloads__icon--jpeg,
.kinnik-downloads__icon--png,
.kinnik-downloads__icon--gif,
.kinnik-downloads__icon--webp { background: #6a3d9a; }
.kinnik-downloads__icon--url { background: #1b6ca8; }

.kinnik-downloads__body {
    display: block;
    flex: 1 1 auto;
}

.kinnik-downloads__link {
    font-weight: 600;
}

.kinnik-downloads__name--blocked {
    font-weight: 600;
    opacity: .6;
}

.kinnik-downloads__asterisk {
    margin-left: 2px;
}

.kinnik-downloads__meta {
    margin-left: 8px;
    color: #6d6d6d;
    font-size: 12px;
    white-space: nowrap;
}

.kinnik-downloads__description {
    display: block;
    margin-top: 4px;
    color: #4a4a4a;
    font-size: 13px;
}

.kinnik-downloads__section + .kinnik-downloads__section {
    margin-top: 18px;
}

.kinnik-downloads__section-title {
    margin-bottom: 6px;
    font-weight: 700;
}

.kinnik-downloads__notice {
    margin-top: 12px;
    color: #6d6d6d;
    font-size: 13px;
}

@media (max-width: 480px) {
    .kinnik-downloads__meta {
        display: block;
        margin-left: 0;
    }
}