/****************************
   PAGE — L’ÂME DU MÉTAL
   - LOGIQUE STRICTEMENT IDENTIQUE À HOME
   - fond appliqué par le JS sur #wrap
   - le CSS ne pilote JAMAIS l’image
****************************/

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

/* =====================================================
   CONTENEUR PORTEUR DU FOND
   ✔️ FOND APPLIQUÉ PAR LE JS (MODE HOME)
   ✔️ LE CSS NE BLOQUE RIEN
===================================================== */
body.page-l-ame-du-metal #wrap {
    min-height: 100vh;
    background-color: transparent !important;
}

/* =====================================================
   NEUTRALISATION OCEANWP (STRUCTURE)
   ⚠️ .entry retiré pour permettre héritage couleur lecture
===================================================== */

body.page-l-ame-du-metal #outer-wrap,
body.page-l-ame-du-metal #main,
body.page-l-ame-du-metal #content-wrap,
body.page-l-ame-du-metal #primary,
body.page-l-ame-du-metal #content,
body.page-l-ame-du-metal article,
body.page-l-ame-du-metal .single-page-article,
body.page-l-ame-du-metal .container,
body.page-l-ame-du-metal .site-content {
    background: transparent !important;
}

/* =====================================================
   PANNEAUX — ÂME DU MÉTAL
   reprend la couleur du bloc description
===================================================== */

body.page-l-ame-du-metal 
.am-accordion--ame-metal 
.am-accordion-panel.open{

    border-radius:16px;
}

/* applique la couleur du bloc description au panel */

body.page-l-ame-du-metal 
.am-accordion--ame-metal 
.am-accordion-panel.open > div[itemprop="description"]{

    background: transparent !important;
}

body.page-l-ame-du-metal 
.am-accordion--ame-metal 
.am-accordion-panel.open{

    background: var(--amup-pres-opaque-bg, inherit);
}
/* =====================================================
   AMUP — MARGES & CONTENANT — ÂME DU MÉTAL
   - Supprime les marges/paddings latéraux
   - Conserve le fond appliqué par le JS sur #wrap
===================================================== */
body.page-l-ame-du-metal #outer-wrap,
body.page-l-ame-du-metal #wrapper,
body.page-l-ame-du-metal #wrap,
body.page-l-ame-du-metal #main,
body.page-l-ame-du-metal .site-main,
body.page-l-ame-du-metal .content-area,
body.page-l-ame-du-metal .entry,
body.page-l-ame-du-metal .entry-content,
body.page-l-ame-du-metal #content-wrap,
body.page-l-ame-du-metal #primary,
body.page-l-ame-du-metal .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

/* =====================================================
   CONTENU AU-DESSUS DU FOND
===================================================== */
body.page-l-ame-du-metal #main,
body.page-l-ame-du-metal .site-main,
body.page-l-ame-du-metal .entry {
    position: relative;
    z-index: 5;
}

/* =====================================================
   ACCORDÉON — ÂME DU MÉTAL
===================================================== */
body.page-l-ame-du-metal .am-accordion--ame-metal {
    position: relative;
    z-index: 6;
}

/* =====================================================
   FOOTER — TRANSPARENT
===================================================== */
body.page-l-ame-du-metal #footer,
body.page-l-ame-du-metal #footer-bottom,
body.page-l-ame-du-metal .site-footer {
    background: transparent !important;
    box-shadow: none !important;
}

/* =====================================================
   MOBILE — iOS SAFE
   (le JS gère l’image, ici on ne bloque rien)
===================================================== */
@media (max-width: 768px) {
    body.page-l-ame-du-metal #wrap {
        background-attachment: scroll;
    }
}