/* Génère le rendu de assets/scss/templates/pages.scss (bloc .documents-publics)
   en attendant la prochaine compilation SCSS -> style.css. */
.documents-publics {
    padding: 40px 0;
}

.documents-publics__container {
    max-width: var(--wp--style--global--content-size);
    margin: 0 auto;
    padding: 0 30px;
}

.documents-publics__empty {
    text-align: center;
}

.documents-publics__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 40px;
}

.documents-publics__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.documents-publics__thumbnail {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    background: var(--wp--preset--color--tertiary-50, #f3f3f3);
    border-radius: 8px;
    overflow: hidden;
}

/* Miniature générée côté client (pdf.js) quand aucune miniature manuelle n'est fournie. */
.documents-publics__thumbnail-cover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* Élément cliquable créé par Real3D Flipbook (mode lightbox) : doit remplir la vignette
   et rester au-dessus de la miniature générée pour rester cliquable. */
.documents-publics__thumbnail-trigger {
    position: absolute;
    inset: 0;
    z-index: 2;
    cursor: pointer;
}

.documents-publics__thumbnail-trigger img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.documents-publics__thumbnail-trigger span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 8px;
    text-align: center;
    color: var(--wp--preset--color--white, #fff);
    background: rgba(0, 0, 0, 0.5);
    font-size: 13px;
}

.documents-publics__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.documents-publics__title {
    font-family: "Mulish", sans-serif;
    font-size: 18px;
    margin: 0;
}

.documents-publics__excerpt {
    font-size: 14px;
    color: var(--wp--preset--color--gray-600, #666);
    margin: 0;
}

.documents-publics__download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 10px 24px;
    border-radius: 38px;
    border: 1px solid var(--wp--preset--color--primary);
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white) !important;
    font-family: Inter, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: opacity 0.2s ease-in-out;
}

.documents-publics__download:hover {
    opacity: 0.85;
}

/* Le plugin applique lightboxBackground en style inline (rgb opaque) : on force un fond
   semi-transparent pour laisser apparaître le site derrière la popup de feuilletage. */
.flipbook-overlay {
    background: rgba(20, 20, 20, 0.55) !important;
}