/* =====================================================
   PAGE ACTUALITÉS — FOND DE PAGE FIXE
===================================================== */

body.page-id-218 {
    background-image: url("https://www.amupcycling.fr/wp-content/uploads/2026/01/fd-actualites.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed; /* ← FOND FIXE */
    background-color: #e9edf1;
}

/* Le contenu reste lisible */
body.page-id-218 #content-wrap {
    background: transparent;
}

/* Optionnel : léger adoucissement */
body.page-id-218 .entry-content {
    backdrop-filter: blur(1px);
}
/************************************************************
    FONDS DE PAGES (MOBILE)
*************************************************************/

@media (max-width: 768px) {
body.page-id-218 {
    background-image: url("https://www.amupcycling.fr/wp-content/uploads/2026/01/fd-actualites_mob.webp") !important;
    }
}
/* =====================================================
   PAGE ACTUALITÉS — HEADER TRANSPARENT
===================================================== */

/* Header OceanWP */
body.page-id-218 #site-header,
body.page-id-218 #site-header-wrap {
    background: transparent !important;
    box-shadow: none !important;
}

/* Top bar (si actif) */
body.page-id-218 #top-bar,
body.page-id-218 #top-bar-wrap {
    background: transparent !important;
}

/* Empêche OceanWP de remettre un fond inline */
body.page-id-218.has-topbar #site-header-wrap,
body.page-id-218.page-header-disabled #site-header-wrap {
    background: transparent !important;
}

/* Le contenu passe bien sous le header */
body.page-id-218 #content-wrap {
    padding-top: 0;
}

/* =====================================================
   PAGE ACTUALITÉS — TYPOGRAPHIE RENFORCÉE
===================================================== */

body.page-id-218 .amup-actualites {
    font-size: 18px;          /* base plus confortable */
    line-height: 1.7;
}

/* Titre principal */
body.page-id-218 .amup-actualites h1 {
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 800;
    margin-bottom: 2rem;
}

/* Titres de sections (années) */
body.page-id-218 .amup-actualites h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 3rem 0 1.2rem;
}

/* Paragraphes */
body.page-id-218 .amup-actualites p {
    font-size: 18px;
    margin-bottom: 1.2rem;
}

/* Listes */
body.page-id-218 .amup-actualites ul {
    margin: 1.5rem 0 2.5rem;
    padding-left: 1.2rem;
}

body.page-id-218 .amup-actualites li {
    font-size: 18px;
    line-height: 1.65;
    margin-bottom: 1rem;
}

/* Texte en emphase */
body.page-id-218 .amup-actualites strong {
    font-weight: 700;
}

/* Liens */
body.page-id-218 .amup-actualites a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Texte final en italique */
body.page-id-218 .amup-actualites em {
    font-size: 16px;
    opacity: 0.8;
}

/* Mobile */
@media (max-width: 768px) {
    body.page-id-218 .amup-actualites {
        font-size: 16px;
    }

    body.page-id-218 .amup-actualites h1 {
        font-size: 28px;
    }

    body.page-id-218 .amup-actualites h2 {
        font-size: 20px;
    }
}

@media (max-width: 768px) {

    body.page-id-218 .amup-actualites {
        font-size: 16px;
        line-height: 1.75;
    }

    body.page-id-218 .amup-actualites h1 {
        font-size: 26px;
        line-height: 1.25;
        margin-bottom: 1.6rem;
    }

    body.page-id-218 .amup-actualites h2 {
        font-size: 19px;
        margin-top: 2.4rem;
    }

    body.page-id-218 .amup-actualites ul {
        padding-left: 0.8rem;
    }

    body.page-id-218 .amup-actualites li {
        margin-bottom: 0.8rem;
    }
}
@media (max-width: 768px) {

    body.page-id-218 {
        background-attachment: scroll;   /* iOS friendly */
        background-position: center top;
        background-size: 140%;            /* ← fond moins présent */
    }

}