/* Joan – Derniers Posts : styles frontend */

.jdp-wrapper { margin: 0 0 1.5em; }
.jdp-wrapper .jdp-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.jdp-wrapper .jdp-item {
    margin: 0 0 var(--jdp-item-spacing, 1.5em);
    padding: 0;
    list-style: none;
}
.jdp-wrapper .jdp-title {
    margin: 0 0 .35em;
    font-size: 1.15em;
    line-height: 1.3;
}
.jdp-wrapper .jdp-title a {
    text-decoration: none;
    color: inherit;
    box-shadow: none;
}
.jdp-wrapper .jdp-title a:hover { text-decoration: underline; }

.jdp-wrapper .jdp-meta {
    font-size: .85em;
    opacity: .75;
    margin-bottom: .5em;
}
.jdp-wrapper .jdp-meta > span + span::before {
    content: " · ";
    margin: 0 .25em;
}

.jdp-wrapper .jdp-excerpt {
    margin: .25em 0 .5em;
    line-height: 1.55;
}

.jdp-wrapper .jdp-readmore {
    display: inline-block;
    margin-top: .25em;
    font-weight: 600;
    text-decoration: none;
}
.jdp-wrapper .jdp-readmore:hover { text-decoration: underline; }

.jdp-wrapper .jdp-thumb {
    display: block;
    overflow: hidden;
    border-radius: 4px;
}
.jdp-wrapper .jdp-thumb img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .35s ease;
}
.jdp-wrapper .jdp-thumb:hover img { transform: scale(1.04); }

/* ---------- Layout : liste ---------- */
.jdp-layout-list .jdp-item {
    display: flex;
    gap: 1em;
    align-items: flex-start;
}
.jdp-layout-list.jdp-image-right .jdp-item { flex-direction: row-reverse; }
.jdp-layout-list.jdp-image-top   .jdp-item { flex-direction: column; }

.jdp-layout-list .jdp-thumb { flex: 0 0 var(--jdp-image-width, 30%); max-width: var(--jdp-image-width, 30%); }
.jdp-layout-list.jdp-image-top .jdp-thumb { flex: 0 0 auto; max-width: 100%; width: 100%; }
.jdp-layout-list .jdp-content { flex: 1 1 auto; min-width: 0; }

@media (max-width: 600px) {
    .jdp-layout-list .jdp-item { flex-direction: column; }
    .jdp-layout-list .jdp-thumb { flex: 0 0 auto; max-width: 100%; width: 100%; }
}

/* ---------- Layout : grille ---------- */
.jdp-layout-grid .jdp-list {
    display: grid;
    gap: var(--jdp-item-spacing, 1.5em);
}
.jdp-layout-grid.jdp-cols-1 .jdp-list { grid-template-columns: 1fr; }
.jdp-layout-grid.jdp-cols-2 .jdp-list { grid-template-columns: repeat(2, 1fr); }
.jdp-layout-grid.jdp-cols-3 .jdp-list { grid-template-columns: repeat(3, 1fr); }
.jdp-layout-grid.jdp-cols-4 .jdp-list { grid-template-columns: repeat(4, 1fr); }
.jdp-layout-grid.jdp-cols-5 .jdp-list { grid-template-columns: repeat(5, 1fr); }
.jdp-layout-grid.jdp-cols-6 .jdp-list { grid-template-columns: repeat(6, 1fr); }

.jdp-layout-grid .jdp-item {
    display: flex;
    flex-direction: column;
    margin: 0;
}
.jdp-layout-grid .jdp-thumb { margin-bottom: .75em; }

@media (max-width: 980px) {
    .jdp-layout-grid.jdp-cols-4 .jdp-list,
    .jdp-layout-grid.jdp-cols-5 .jdp-list,
    .jdp-layout-grid.jdp-cols-6 .jdp-list { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px) {
    .jdp-layout-grid .jdp-list { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
    .jdp-layout-grid .jdp-list { grid-template-columns: 1fr !important; }
}

/* État vide */
.jdp-wrapper.jdp-empty {
    padding: 1em;
    background: rgba(0,0,0,.03);
    border-radius: 4px;
    text-align: center;
    font-style: italic;
}