/****************************
   PAGE — ACTUALITÉS
   Slug : actualites
   LOGIQUE STRICTEMENT IDENTIQUE À HOME
****************************/

/* =====================================================
   BASE PAGE — NEUTRE
===================================================== */
body.page-actualites {
    min-height: 100vh;
    background: transparent !important;
}

/* =====================================================
   CONTENEUR PORTEUR DU FOND
   ✔️ Fond appliqué par le JS sur #wrap
   ✔️ Le CSS ne pilote jamais l’image
===================================================== */
body.page-actualites #wrap {
    min-height: 100vh;
    background-color: transparent !important;
}

/* =====================================================
   NEUTRALISATION OCEANWP (STRUCTURE) (prod)
===================================================== */
body.page-actualites #outer-wrap,
body.page-actualites #main,
body.page-actualites #content-wrap,
body.page-actualites #primary,
body.page-actualites #content,
body.page-actualites .single-page-article,
body.page-actualites .container,
body.page-actualites .entry,
body.page-actualites .site-content {
    background: transparent !important;
}

/* =====================================================
   CADRE DE LECTURE — SOLUTION RÉELLE
   (non écrasée par global.css)
===================================================== */
body.page-actualites article {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 32px 40px;
}

/* Large écrans */
@media (min-width: 1400px) {
    body.page-actualites article {
        padding-left: 48px;
        padding-right: 48px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    body.page-actualites article {
        padding: 20px 16px 32px;
        max-width: 100%;
    }
}


/* =====================================================
   TYPOGRAPHIE — ACTUALITÉS
===================================================== */
body.page-actualites .amup-actualites {
    font-size: 18px;
    line-height: 1.7;
}

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

body.page-actualites .amup-actualites h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 3rem 0 1.2rem;
}

body.page-actualites .amup-actualites p {
    margin-bottom: 1.2rem;
}

body.page-actualites .amup-actualites ul {
    margin: 1.5rem 0 2.5rem;
    padding-left: 1.2rem;
}

body.page-actualites .amup-actualites li {
    margin-bottom: 1rem;
}

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

body.page-actualites .amup-actualites em {
    font-size: 16px;
    opacity: 0.8;
}


/* =====================================================
   HEADER / FOOTER
===================================================== */
body.page-actualites #site-header,
body.page-actualites #site-header-wrap,
body.page-actualites #top-bar,
body.page-actualites #top-bar-wrap,
body.page-actualites #footer,
body.page-actualites #footer-bottom {
    background: transparent !important;
    box-shadow: none !important;
}

/* =====================================================
   ACTUALITÉS — balise h1 masquée
===================================================== */

body.page-actualites section.amup-actualites > h1{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* =====================================================
   BOUTONS LIENS INTERNES AMUP
   (pour shortcode [am_page])
===================================================== */

.amup-actualites a.am-page-btn{
    display:inline-block;
    padding:6px 14px;
    margin:4px 4px;
    border:2px solid #4c6f5e;
    border-radius:10px;
    background:rgba(255,255,255,0.75);
    text-decoration:none;
    font-weight:600;
    transition:all .15s ease;
}

.amup-actualites a.am-page-btn:hover{
    background:#ffffff;
    transform:translateY(-1px);
}
.amup-actualites a.am-page-btn{
    text-decoration:none;
}

/* =====================================================
   FOND DE LECTURE — ACTUALITÉS
   utilise la couleur dynamique des blocs description
===================================================== */

body.page-actualites .amup-actualites{

    max-width:1100px;
    margin-left:auto;
    margin-right:auto;

    padding:24px 32px 34px;

    background: rgb(from var(--amup-pres-opaque-bg) r g b / 0.70);

    border-radius:16px;
}
@media (max-width:768px){

  body.page-actualites .amup-actualites{
      padding:20px 18px 26px;
      border-radius:12px;
  }

}