/**
 * Widget: document|list-preview
 * Card bianca: intestazione + elenco numerato documenti con pulsante "Scarica".
 */

.document-list-from-page-redux.doclp {
    padding: var(--website-padding-top-bottom) 0;
    background-color: #fff;
}

#primary.bggWhite .document-list-from-page-redux.doclp {
    background-color: var(--icotea-body-bg);
}



/* Card contenitore */
.document-list-from-page-redux .doclp-card {
    /*
    background: #fff;
    border-radius: 16px;
    padding: 32px;
     */
}

/* Intestazione */
.document-list-from-page-redux .doclp-head {
    margin: 0;
}
.document-list-from-page-redux .doclp-head--center { text-align: center; }
.document-list-from-page-redux .doclp-head--left   { text-align: left; }

.document-list-from-page-redux .doclp-title {
    margin: 0;
    color: var(--icotea-second-title);
    font-family: var(--icotea-font-heading);
    font-size: 2.625rem;   /* 42px */
    line-height: 1.143;    /* 48px */
    font-weight: 700;
}
.document-list-from-page-redux .doclp-subtitle {
    margin: 8px 0 0;
    color: #62748E;
    font-family: var(--icotea-font-body);
    font-size: 1rem;
    line-height: 1.625;
}
.document-list-from-page-redux .doclp-content {
    margin-top: 8px;
    color: #62748E;
    font-family: var(--icotea-font-body);
    font-size: 1.125rem;
    line-height: 1.625;
}
.document-list-from-page-redux .doclp-content :last-child { margin-bottom: 0; }

/* Elenco */
.document-list-from-page-redux .doclp-list {
    list-style: none;
    margin: 32px 0 0;
    padding: 0;
    border-top: 1px solid #E2E8F0;
}

.document-list-from-page-redux .doclp-item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #E2E8F0;
}

.document-list-from-page-redux .doclp-num {
    align-self: start;
    padding-top: 2px;
    color: #90A1B9;
    font-family: var(--icotea-font-heading);
    font-size: .75rem;     /* 12px */
    line-height: 1.333;    /* 16px */
    font-weight: 400;
}

.document-list-from-page-redux .doclp-item-title {
    margin: 0;
    color: #0F172B;
    font-family: var(--icotea-font-heading);
    font-size: 1.125rem;   /* 18px */
    line-height: 1.375;    /* 24.75px */
    font-weight: 600;
}
.document-list-from-page-redux .doclp-item-desc {
    margin: 4px 0 0;
    color: #62748E;
    font-family: var(--icotea-font-body);
    font-size: 1rem;
    line-height: 1.625;    /* ~22.75px */
}

/* Pulsante Scarica */
.document-list-from-page-redux .doclp-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    outline: 1px solid #696996;
    outline-offset: -1px;
    color: #696996;
    background: transparent;
    font-family: var(--icotea-font-body);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.333;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .2s ease, color .2s ease;
}
.document-list-from-page-redux .doclp-btn:hover,
.document-list-from-page-redux .doclp-btn:focus-visible {
    background: #696996;
    color: #fff;
}
.document-list-from-page-redux .doclp-btn-ico { flex: none; }

@media (max-width: 767px) {
    .document-list-from-page-redux.doclp { padding: var(--website-padding-top-bottom-mini) 0; }
    .document-list-from-page-redux .doclp-card { padding: 24px; }
    .document-list-from-page-redux .doclp-title { font-size: 1.75rem; line-height: 1.15; }
    .document-list-from-page-redux .doclp-item {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 12px;
    }
    .document-list-from-page-redux .doclp-item-action {
        grid-column: 1 / -1;
        margin-top: 8px;
    }
}