/* =============================== */
/*   SECTION GÉNÉRIQUE – DERNIERS AJOUTS   */
/* =============================== */

.section-recently-added {
    padding: 60px 20px;
    background: linear-gradient(to right, #f5fdf6, #e1f5e9);
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    max-width: 1400px;
    margin: 40px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.section-recently-added h2 {
    font-size: 2.2rem;
    color: #2e7d32;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 4px solid #43a047;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

/* Grille générique pour les conteneurs d'items */
.recently-added-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/* =============================== */
/*       RESPONSIVE MOBILE        */
/* =============================== */

@media (max-width: 768px) {
    .section-recently-added {
        padding: 40px 15px;
    }

    .section-recently-added h2 {
        font-size: 1.6rem;
    }
}

/* Alias pour compatibilité rétroactive avec l'ancienne structure */
.section-geographie {
    /* Utilise les mêmes styles que section-recently-added */
    padding: 60px 20px;
    background: linear-gradient(135deg, rgba(139, 195, 74, 0.22), rgba(76, 175, 80, 0.14));
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(76, 175, 80, 0.2);
    max-width: 1400px;
    margin: 40px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.section-geographie h2 {
    font-size: 2.2rem;
    color: rgba(27, 94, 32, 1);
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 4px solid rgba(76, 175, 80, 0.75);
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

/* Variante culture: palette violette inspiree de themes-grid */
.section-culture {
    background: linear-gradient(135deg, rgba(179, 157, 219, 0.24), rgba(126, 87, 194, 0.18));
    border: 1px solid rgba(103, 58, 183, 0.24);
}

.section-culture h2 {
    color: rgba(49, 27, 146, 1);
    border-bottom-color: rgba(103, 58, 183, 0.72);
}

.section-personnage {
    background: linear-gradient(135deg, rgba(255, 224, 178, 0.42), rgba(255, 183, 77, 0.26));
    border: 1px solid rgba(255, 152, 0, 0.28);
}

.section-personnage h2 {
    color: rgba(230, 81, 0, 1);
    border-bottom-color: rgba(255, 152, 0, 0.76);
}

/* Meme proportion de cartes sur une meme ligne */
.section-culture .geographie-container {
    align-items: stretch;
}

.section-personnage .geographie-container {
    align-items: stretch;
}

.geographie-container {
    /* Alias pour la nouvelle classe */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .section-geographie {
        padding: 40px 15px;
    }

    .section-geographie h2 {
        font-size: 1.6rem;
    }
}