/* ==========================================================================
   Marsas Résumés Grid (Scoped) — Préfixe .marsasrg-
   Tout est encapsulé sous .marsasrg-root pour éviter les interférences
   ========================================================================== */

.marsasrg-root[data-marsasrg="1"] {
    --marsasrg-radius: 16px;
    --marsasrg-gap: 16px;
    --marsasrg-shadow: 0 8px 24px rgba(0,0,0,.08);
    --marsasrg-border: 2px solid #ebebeb; /* épaisseur et couleur du cadre autour de chaque case article */
	--marsasrg-background: #ebebeb; /* couleur du fond de chaque case article */
    --marsasrg-text: #111827;
    --marsasrg-muted: #6b7280;
    --marsasrg-heading: #374151;
    --marsasrg-card-bg: #ffffff;
    --marsasrg-thumb-bg: #f3f4f6;
}

/* Titre de saison */
.marsasrg-root[data-marsasrg="1"] .marsasrg-season {
    margin: 32px 0 8px;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--marsasrg-heading);
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 6px;
}

/* Grille (4 colonnes bureau, 2 colonnes mobile) */
.marsasrg-root[data-marsasrg="1"] .marsasrg-grid {
    display: grid;
    gap: var(--marsasrg-gap);
}

@media (min-width: 1024px) {
    .marsasrg-root[data-marsasrg="1"] .marsasrg-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1023.98px) {
    .marsasrg-root[data-marsasrg="1"] .marsasrg-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Carte */
.marsasrg-root[data-marsasrg="1"] .marsasrg-card {
    position: relative;
    background: var(--marsasrg-background); /* couleur de fond sur toute la case */
    border: var(--marsasrg-border); /* couleur du cadre */
    border-radius: var(--marsasrg-radius);
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease;
    will-change: transform;
}

.marsasrg-root[data-marsasrg="1"] .marsasrg-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--marsasrg-shadow);
}

/* Lien plein-carte (accessibilité + clic partout) */
.marsasrg-root[data-marsasrg="1"] .marsasrg-link {
    position: absolute;
    inset: 0;
    z-index: 10;
}

/* Vignette (ratio A4 portrait si PDF) */
.marsasrg-root[data-marsasrg="1"] .marsasrg-thumbWrap {
    background: #f9fafb; /* même gris clair que la carte */
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 210 / 297; /* ✅ format A4 portrait */
    overflow: hidden;
}

.marsasrg-root[data-marsasrg="1"] .marsasrg-thumb {
    width: 100%;
    height: 100%;
    object-fit: contain; /* ✅ l’image tient dans le cadre A4 */
    background: #fff; /* fond blanc pour PDF avec zones transparentes */
    display: block;
}

/* Corps */
.marsasrg-root[data-marsasrg="1"] .marsasrg-body {
    padding: 12px;
}

.marsasrg-root[data-marsasrg="1"] .marsasrg-title {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    color: var(--marsasrg-text);
    font-weight: 600;
}

.marsasrg-root[data-marsasrg="1"] .marsasrg-meta {
    font-size: 12px;
    color: var(--marsasrg-muted);
    margin-top: 6px;
}

/* Renfort de spécificité pour thèmes “agressifs” */
.entry-content .marsasrg-root[data-marsasrg="1"] .marsasrg-card,
.post-content .marsasrg-root[data-marsasrg="1"] .marsasrg-card {
    border-radius: var(--marsasrg-radius) !important;
}

/* Forcer titres en minuscules sauf première lettre en majuscule */
.marsasrg-root[data-marsasrg="1"] .marsasrg-title {
    text-transform: lowercase;      /* tout en minuscules */
}

.marsasrg-root[data-marsasrg="1"] .marsasrg-title::first-letter {
    text-transform: uppercase;      /* première lettre en majuscule */
}