.wp-networks{
    position:relative;
    width:min(1180px,calc(100% - 36px));
    margin:30px auto 70px;
    color:#fff;
}

.wp-networks *{
    box-sizing:border-box;
}

/* Fond général inspiré de l'original */

.wp-networks::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    background:#111;
}

.wp-networks::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    opacity:.16;
    background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 30%),
        radial-gradient(circle at 75% 35%,rgba(255,255,255,.05),transparent 35%),
        linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75));
}


/* HERO */

.wp-networks-hero{
    padding:10px 0 25px;
    text-align:center;
}

.wp-networks-hero h1{
    margin:0;
    color:#fff;
    font-family:"Arial Narrow",Arial,sans-serif;
    font-size:clamp(2.6rem,6vw,5rem);
    font-weight:800;
    line-height:.95;
    letter-spacing:.02em;
    text-transform:uppercase;
}

.wp-networks-hero h1 strong{
    display:block;
    color:#CA161A;
    font-weight:900;
}


/* INTRO VIDÉO + TEXTE */

.wp-networks-intro{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
    gap:28px;
    align-items:start;
    margin:20px 0 38px;
}

.wp-networks-video{
    background:#000;
    border:1px solid rgba(255,255,255,.12);
    border-radius:5px;
    overflow:hidden;
    box-shadow:0 0 16px rgba(0,0,0,.45);
}

.wp-networks-video video{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    background:#000;
}

.wp-networks-text{
    padding:6px 4px;
}

.wp-networks-text h2{
    margin:0 0 14px;
    color:#CA161A;
    font-size:1.8rem;
    text-transform:uppercase;
}

.wp-networks-text p{
    margin:0 0 14px;
    color:#f2f2f2;
    font-size:1rem;
    line-height:1.65;
}

.wp-networks-text a{
    color:#CA161A;
    font-weight:700;
    text-decoration:underline;
    text-underline-offset:2px;
}


/* FAQ */

.wp-networks-faq{
    margin:35px 0 45px;
}

.wp-networks-faq > h2{
    margin:0 0 16px;
    color:#fff;
    font-size:1.5rem;
    text-transform:uppercase;
}

.wp-networks-details{
    margin:10px 0;
    border-radius:5px;
    overflow:hidden;
    box-shadow:0 0 10px rgba(0,0,0,.55);
}

.wp-networks-details summary{
    position:relative;
    padding:15px 52px 15px 18px;
    cursor:pointer;
    list-style:none;
    background:
        linear-gradient(90deg,#000 0%,#000 62%,#CA161A 100%);
    color:#fff;
    font-size:1.05rem;
    font-weight:700;
    line-height:1.35;
}

.wp-networks-details summary::-webkit-details-marker{
    display:none;
}

.wp-networks-details summary::after{
    content:"▼";
    position:absolute;
    top:50%;
    right:18px;
    transform:translateY(-50%);
    color:#fff;
    font-size:.9rem;
}

.wp-networks-details[open] summary{
    background:
        linear-gradient(90deg,#CA161A 0%,#CA161A 48%,#000 100%);
}

.wp-networks-details[open] summary::after{
    content:"▲";
}

.wp-networks-answer{
    padding:20px 22px;
    background:#fff;
    color:#111;
    font-size:.96rem;
    line-height:1.65;
}

.wp-networks-answer p,
.wp-networks-answer li,
.wp-networks-answer span,
.wp-networks-answer strong{
    color:#111 !important;
}

.wp-networks-answer a{
    color:#CA161A !important;
    font-weight:700;
}

.wp-networks-answer ul{
    margin:12px 0 18px 22px;
}


/* PILULE BLEUE / ROUGE */

.wp-networks-pills{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:15px;
}

.wp-networks-pills a{
    display:inline-block;
    padding:10px 18px;
    border-radius:5px;
    color:#fff !important;
    text-decoration:none;
    font-weight:700;
}

.wp-networks-pills a:first-child{
    background:#165ECA;
}

.wp-networks-pills a:last-child{
    background:#CA161A;
}


/* SWITCH */

.wp-networks-posts{
    margin-top:30px;
}

.wp-networks-switch{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:0 0 28px;
}

.wp-networks-switch button{
    min-width:190px;
    padding:12px 22px;
    border:2px solid #CA161A;
    border-radius:5px;
    background:#111;
    color:#fff;
    cursor:pointer;
    font-size:1rem;
    font-weight:700;
    transition:.2s ease;
}

.wp-networks-switch button:hover,
.wp-networks-switch button.is-active{
    background:#CA161A;
    color:#fff;
}


/* GRILLES */

.wp-networks-grid{
    display:none;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
}

.wp-networks-grid.is-active{
    display:grid;
}

.wp-network-card{
    overflow:hidden;
    background:#171717;
    border-radius:4px;
    box-shadow:0 0 12px rgba(0,0,0,.55);
    transition:transform .18s ease, box-shadow .18s ease;
}

.wp-network-card:hover{
    transform:translateY(-3px);
    box-shadow:0 5px 18px rgba(0,0,0,.65);
}

.wp-network-card a{
    display:block;
    height:100%;
    color:#fff;
    text-decoration:none;
}

.wp-network-card img{
    display:block;
    width:100%;
    aspect-ratio:1.5/1;
    object-fit:cover;
    background:#000;
}

.wp-network-card h3{
    margin:0;
    padding:14px 15px 16px;
    color:#fff;
    font-size:1rem;
    line-height:1.35;
    font-weight:700;
}


/* TABLETTE */

@media(max-width:980px){

    .wp-networks-intro{
        grid-template-columns:1fr;
    }

    .wp-networks-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}


/* MOBILE */

@media(max-width:700px){

    .wp-networks{
        width:calc(100% - 20px);
        margin-top:20px;
    }

    .wp-networks-hero h1{
        font-size:2.3rem;
        line-height:1;
    }

    .wp-networks-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }

    .wp-networks-switch{
        gap:8px;
    }

    .wp-networks-switch button{
        min-width:0;
        flex:1;
        padding:10px 8px;
        font-size:.86rem;
    }
}

@media(max-width:480px){

    .wp-networks-grid{
        grid-template-columns:1fr;
    }

    .wp-networks-details summary{
        font-size:.92rem;
        padding:13px 42px 13px 14px;
    }

    .wp-networks-answer{
        padding:16px;
    }
}

/* ===== CALAGE VISUEL SUR LA PAGE ORIGINALE ===== */

.wp-networks{
    width:min(1440px,calc(100% - 40px));
    margin:0 auto 70px;
    padding:28px 0 60px;
    background:
        #7f0000
        url('/wp-content/uploads/2020/10/world_map_PNG34.png')
        center top / 100% auto
        repeat-y;
}

/* On neutralise les faux fonds ajoutés précédemment */

.wp-networks::before,
.wp-networks::after{
    display:none !important;
}


/* HERO */

.wp-networks-hero{
    width:min(1180px,calc(100% - 50px));
    margin:0 auto;
    padding:10px 0 30px;
    text-align:left;
}

.wp-networks-hero h1{
    margin:0;
    color:#fff;
    font-family:"Arial Narrow",Arial,sans-serif;
    font-size:clamp(2rem,3.2vw,3.4rem);
    font-weight:800;
    line-height:1;
    letter-spacing:-.02em;
    text-transform:uppercase;
    white-space:normal;
}

.wp-networks-hero h1 strong{
    display:inline;
    color:#CA161A;
    font-weight:900;
}


/* INTRO */

.wp-networks-intro{
    width:min(1120px,calc(100% - 50px));
    margin:0 auto 45px;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:22px;
    align-items:start;
}

.wp-networks-video{
    margin:0;
    border:none;
    border-radius:0;
    box-shadow:none;
    background:#000;
}

.wp-networks-video video{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}

.wp-networks-text{
    background:rgba(25,25,25,.92);
    padding:16px 18px;
    min-height:100%;
}

.wp-networks-text h2{
    margin:0 0 12px;
    color:#fff;
    font-size:1.2rem;
    text-transform:none;
}

.wp-networks-text p{
    margin:0 0 10px;
    color:#fff;
    font-size:.92rem;
    line-height:1.45;
}

.wp-networks-text a{
    color:#CA161A;
}


/* FAQ */

.wp-networks-faq{
    width:min(1120px,calc(100% - 50px));
    margin:0 auto 45px;
    padding:12px;
    background:rgba(0,0,0,.82);
}

.wp-networks-faq > h2{
    margin:0 0 12px;
    color:#fff;
    font-size:1.05rem;
    font-style:italic;
    text-transform:uppercase;
}

.wp-networks-details{
    margin:4px 0;
    border-radius:0;
    box-shadow:none;
}

.wp-networks-details summary{
    padding:10px 38px 10px 13px;
    background:
        linear-gradient(90deg,#050505 0%,#050505 64%,#950000 100%);
    font-size:.92rem;
    line-height:1.25;
    border-radius:0;
}

.wp-networks-details[open] summary{
    background:
        linear-gradient(90deg,#050505 0%,#4d0000 55%,#CA161A 100%);
}

.wp-networks-answer{
    padding:17px 20px;
    font-size:.92rem;
    line-height:1.55;
}


/* POSTS */

.wp-networks-posts{
    width:min(1120px,calc(100% - 50px));
    margin:0 auto;
    padding:16px 14px 30px;
    background:rgba(45,0,0,.88);
}

.wp-networks-switch{
    margin:0 0 18px;
    gap:8px;
}

.wp-networks-switch button{
    min-width:0;
    padding:3px 8px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    font-size:.9rem;
    font-weight:400;
}

.wp-networks-switch button.is-active,
.wp-networks-switch button:hover{
    background:transparent;
    color:#CA161A;
}

.wp-networks-switch button::after{
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    margin-left:8px;
    vertical-align:-3px;
    background:#fff;
    border:1px solid #ccc;
}

.wp-networks-switch button.is-active::after{
    background:#CA161A;
}


/* GRILLE 4 COLONNES COMME L'ORIGINAL */

.wp-networks-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px 12px;
}

.wp-network-card{
    background:#fff;
    color:#111;
    border-radius:0;
    box-shadow:0 1px 3px rgba(0,0,0,.35);
    transform:none;
}

.wp-network-card:hover{
    transform:none;
    box-shadow:0 2px 6px rgba(0,0,0,.45);
}

.wp-network-card a{
    color:#111;
}

.wp-network-card img{
    width:100%;
    aspect-ratio:1.45/1;
    object-fit:cover;
    background:#eee;
}

.wp-network-card h3{
    padding:8px 8px 10px;
    color:#111;
    font-size:.82rem;
    line-height:1.2;
    font-weight:700;
}


/* RESPONSIVE */

@media(max-width:980px){

    .wp-networks{
        width:100%;
    }

    .wp-networks-hero,
    .wp-networks-intro,
    .wp-networks-faq,
    .wp-networks-posts{
        width:calc(100% - 28px);
    }

    .wp-networks-intro{
        grid-template-columns:1fr;
    }

    .wp-networks-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:700px){

    .wp-networks-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wp-networks-hero h1{
        font-size:2rem;
    }
}

@media(max-width:480px){

    .wp-networks-grid{
        grid-template-columns:1fr;
    }
}



/* =========================================================
   RESEAUX — CORRECTIONS VISUELLES FINALES
   ========================================================= */


/* ----- FOND CARTE : PLEINE LARGEUR ÉCRAN ----- */

.wp-networks{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    background-color:#970000 !important;
    background-image:
        url('/wp-content/uploads/2020/10/world_map_PNG34.png') !important;

    background-position:center top !important;
    background-size:100% auto !important;
    background-repeat:repeat-y !important;

    padding-top:28px;
    padding-bottom:70px;
}


/* ----- LARGEUR DES BLOCS : PLUS PROCHE DE L'ORIGINAL ----- */

.wp-networks-hero,
.wp-networks-intro,
.wp-networks-faq,
.wp-networks-posts{
    width:min(1100px,68vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* HERO */

.wp-networks-hero{
    padding-top:0;
    padding-bottom:26px;
}

.wp-networks-hero h1{
    font-size:clamp(1.8rem,2.7vw,3rem) !important;
    line-height:.98 !important;
    white-space:normal;
}


/* ----- FRANCE : CROIX ANIMÉE ----- */

.wp-france-cross{
    position:relative;
    display:inline-block !important;
    color:#CA161A !important;
    padding:0 .08em;
    isolation:isolate;
}

.wp-france-cross::before,
.wp-france-cross::after{
    content:"";
    position:absolute;
    z-index:2;

    left:-4%;
    top:50%;

    width:108%;
    height:3px;

    background:#CA161A;

    transform-origin:center;
    pointer-events:none;

    animation-duration:.65s;
    animation-timing-function:ease-out;
    animation-fill-mode:both;
}

.wp-france-cross::before{
    transform:rotate(10deg) scaleX(0);
    animation-name:wp-france-cross-one;
    animation-delay:.35s;
}

.wp-france-cross::after{
    transform:rotate(-10deg) scaleX(0);
    animation-name:wp-france-cross-two;
    animation-delay:.85s;
}

@keyframes wp-france-cross-one{
    from{
        transform:rotate(10deg) scaleX(0);
    }
    to{
        transform:rotate(10deg) scaleX(1);
    }
}

@keyframes wp-france-cross-two{
    from{
        transform:rotate(-10deg) scaleX(0);
    }
    to{
        transform:rotate(-10deg) scaleX(1);
    }
}


/* ----- VIDÉO + CEPENDANT ----- */

.wp-networks-intro{
    grid-template-columns:1.05fr .95fr !important;
    gap:18px !important;
    margin-bottom:38px !important;
}

.wp-networks-text{
    padding:14px 16px !important;
    background:rgba(20,20,20,.91) !important;
}

.wp-networks-text h2{
    font-size:1.05rem !important;
}

.wp-networks-text p{
    font-size:.84rem !important;
    line-height:1.45 !important;
}


/* Les liens doivent être rouges AVANT survol */

.wp-networks-text a,
.wp-networks-text a:link,
.wp-networks-text a:visited{
    color:#CA161A !important;
    text-decoration:none !important;
    font-weight:700 !important;
}

.wp-networks-text a:hover,
.wp-networks-text a:focus{
    color:#ff3035 !important;
    text-decoration:underline !important;
}


/* ----- ACCORDÉON ----- */

.wp-networks-faq{
    margin-bottom:38px !important;
    padding:10px !important;
}

.wp-networks-details summary{
    font-size:.82rem !important;
    padding:8px 34px 8px 11px !important;
}


/* ----- ZONE CARTES ----- */

.wp-networks-posts{
    padding:14px 12px 28px !important;
}

.wp-networks-grid{
    gap:12px 10px !important;
}

.wp-network-card h3{
    font-size:.72rem !important;
    line-height:1.18 !important;
    padding:7px 7px 9px !important;
}


/* ----- TABLETTE ----- */

@media(max-width:900px){

    .wp-networks-hero,
    .wp-networks-intro,
    .wp-networks-faq,
    .wp-networks-posts{
        width:78vw !important;
    }

    .wp-networks-intro{
        grid-template-columns:1fr 1fr !important;
    }

    .wp-networks-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
}


/* ----- MOBILE ----- */

@media(max-width:700px){

    .wp-networks-hero,
    .wp-networks-intro,
    .wp-networks-faq,
    .wp-networks-posts{
        width:calc(100% - 24px) !important;
    }

    .wp-networks-intro{
        grid-template-columns:1fr !important;
    }

    .wp-networks-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .wp-france-cross::before,
    .wp-france-cross::after{
        height:2px;
    }
}



/* =========================================================
   RESEAUX — CONTENU / CROIX EN BOUCLE / CARTES PLUS CARREES
   ========================================================= */


/* Liens du bloc Cependant toujours visibles */

.wp-networks-text a,
.wp-networks-text a:link,
.wp-networks-text a:visited{
    color:#CA161A !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.wp-networks-text a:hover,
.wp-networks-text a:focus{
    color:#ff3b40 !important;
    text-decoration:underline !important;
}


/* Croix sur FRANCE : dessin, pause, disparition, recommence */

.wp-france-cross::before,
.wp-france-cross::after{
    animation-duration:4.2s !important;
    animation-iteration-count:infinite !important;
    animation-timing-function:ease-in-out !important;
    animation-delay:0s !important;
}

.wp-france-cross::before{
    animation-name:wp-france-cross-repeat-one !important;
}

.wp-france-cross::after{
    animation-name:wp-france-cross-repeat-two !important;
}

@keyframes wp-france-cross-repeat-one{

    0%,
    8%{
        transform:rotate(10deg) scaleX(0);
        opacity:1;
    }

    20%{
        transform:rotate(10deg) scaleX(1);
        opacity:1;
    }

    78%{
        transform:rotate(10deg) scaleX(1);
        opacity:1;
    }

    90%,
    100%{
        transform:rotate(10deg) scaleX(0);
        opacity:0;
    }
}

@keyframes wp-france-cross-repeat-two{

    0%,
    18%{
        transform:rotate(-10deg) scaleX(0);
        opacity:1;
    }

    30%{
        transform:rotate(-10deg) scaleX(1);
        opacity:1;
    }

    78%{
        transform:rotate(-10deg) scaleX(1);
        opacity:1;
    }

    90%,
    100%{
        transform:rotate(-10deg) scaleX(0);
        opacity:0;
    }
}


/* Cartes proches des proportions carrées de l'original */

.wp-networks-grid{
    align-items:start !important;
}

.wp-network-card{
    aspect-ratio:1 / 1.08;
    min-height:0 !important;
    display:flex;
    overflow:hidden;
}

.wp-network-card > a{
    width:100%;
    display:flex !important;
    flex-direction:column;
}

.wp-network-card img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 / .72 !important;
    object-fit:cover !important;
    flex:0 0 auto;
}

.wp-network-card h3{
    flex:1;
    margin:0 !important;
    padding:7px 8px 8px !important;
    overflow:hidden;
    font-size:.90rem !important;
    text-align:center !important;
    line-height:1.18 !important;
    background:#fff;
    color:#111 !important;
}



/* =========================================================
   RESEAUX — LARGEUR / BACKGROUND FIXE / INTRO / ACCORDEONS
   ========================================================= */


/* ---------------------------------------------------------
   BACKGROUND : UNE SEULE CARTE, FIXE PENDANT LE SCROLL
   --------------------------------------------------------- */

.wp-networks{
    width:100vw !important;
    max-width:none !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    background-color:#8f0000 !important;

    background-image:
        url('/wp-content/uploads/2020/10/world_map_PNG34.png') !important;

    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;
    background-attachment:fixed !important;
}


/* ---------------------------------------------------------
   CONTENEUR GENERAL PLUS LARGE
   --------------------------------------------------------- */

.wp-networks-hero,
.wp-networks-intro,
.wp-networks-faq,
.wp-networks-posts{
    width:min(1240px,88vw) !important;
    max-width:1240px !important;
}


/* ---------------------------------------------------------
   TITRE
   --------------------------------------------------------- */

.wp-networks-hero{
    padding-bottom:24px !important;
}

.wp-networks-hero h1{
    font-size:clamp(2rem,2.8vw,3.15rem) !important;
    line-height:.96 !important;
}


/* ---------------------------------------------------------
   VIDEO + CEPENDANT : MEME HAUTEUR
   --------------------------------------------------------- */

.wp-networks-intro{
    display:grid !important;
    grid-template-columns:1.08fr .92fr !important;

    gap:18px !important;

    align-items:stretch !important;

    margin-bottom:42px !important;
}


/* Colonne vidéo */

.wp-networks-video{
    display:flex !important;

    height:100% !important;
    min-height:0 !important;

    background:#000 !important;
    overflow:hidden !important;
}

.wp-networks-video video{
    display:block !important;

    width:100% !important;
    height:100% !important;

    min-height:100% !important;

    object-fit:cover !important;

    aspect-ratio:auto !important;
}


/* Colonne texte */

.wp-networks-text{
    display:flex !important;
    flex-direction:column !important;

    height:100% !important;

    padding:13px 15px !important;

    background:rgba(22,22,22,.94) !important;

    overflow:hidden !important;
}

.wp-networks-text h2{
    margin:0 0 8px !important;

    font-size:1rem !important;
    line-height:1.15 !important;
}

.wp-networks-text p{
    margin:0 0 7px !important;

    font-size:.76rem !important;
    line-height:1.35 !important;
}


/* liens */

.wp-networks-text a,
.wp-networks-text a:link,
.wp-networks-text a:visited{
    color:#CA161A !important;
    font-weight:700 !important;
}

.wp-networks-text a:hover,
.wp-networks-text a:focus{
    color:#ff3b40 !important;
    text-decoration:underline !important;
}


/* ---------------------------------------------------------
   ACCORDEONS : OUVERTURE SMOOTH
   --------------------------------------------------------- */

.wp-networks-details{
    overflow:hidden !important;
}


/*
 * On neutralise le masquage brutal natif de <details>.
 * Le contenu reste présent mais avec une hauteur animée.
 */

.wp-networks-details:not([open]) > .wp-networks-answer{
    display:block !important;

    max-height:0 !important;

    opacity:0 !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    overflow:hidden !important;
}

.wp-networks-details[open] > .wp-networks-answer{
    display:block !important;

    max-height:5000px !important;

    opacity:1 !important;

    padding-top:17px !important;
    padding-bottom:17px !important;
}

.wp-networks-answer{
    transition:
        max-height .55s cubic-bezier(.4,0,.2,1),
        opacity .32s ease,
        padding .45s ease !important;

    overflow:hidden !important;
}


/* Le header d'accordéon reste compact */

.wp-networks-details summary{
    cursor:pointer !important;

    transition:
        background .3s ease,
        color .3s ease !important;
}


/* ---------------------------------------------------------
   GRILLE : PLUS D'AIR, MAIS FORMAT CARRE CONSERVE
   --------------------------------------------------------- */

.wp-networks-posts{
    padding:16px 14px 32px !important;
}

.wp-networks-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:14px 12px !important;
}

.wp-network-card{
    aspect-ratio:1 / 1.03 !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:1050px){

    .wp-networks-hero,
    .wp-networks-intro,
    .wp-networks-faq,
    .wp-networks-posts{
        width:92vw !important;
    }
}


@media(max-width:760px){

    .wp-networks{
        background-attachment:scroll !important;
        background-position:center top !important;
    }

    .wp-networks-intro{
        grid-template-columns:1fr !important;
    }

    .wp-networks-video video{
        height:auto !important;
        aspect-ratio:16 / 9 !important;
    }

    .wp-networks-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}



/* =========================================================
   HERO RESEAUX — CALAGE SUR L'ORIGINAL
   ========================================================= */

.wp-networks-hero{
    padding-top:18px !important;
    padding-bottom:34px !important;
}


/* Titre plus fin, plus condensé, plus proche du .com */

.wp-networks-hero h1{
    margin:0 0 34px !important;

    font-family:"Yanone Kaffeesatz","Arial Narrow",Arial,sans-serif !important;

    font-size:clamp(2.4rem,4.2vw,4.8rem) !important;
    font-weight:700 !important;

    line-height:.92 !important;
    letter-spacing:.01em !important;

    color:#fff !important;

    text-transform:uppercase !important;
}


/* FRANCE reste rouge */

.wp-networks-hero h1 .wp-france-cross{
    color:#CA161A !important;
}


/* Sous-titre comme sur l'original */

.wp-networks-hero-subtitle{
    position:relative;

    max-width:1050px;

    margin-left:8px;
    padding:4px 0 4px 26px;

    border-left:6px solid #CA161A;
}

.wp-networks-hero-subtitle p{
    margin:0 0 12px !important;

    color:#fff !important;

    font-size:1rem !important;
    line-height:1.45 !important;

    font-weight:400 !important;
}

.wp-networks-hero-subtitle p:last-child{
    margin-bottom:0 !important;
}


/* Responsive */

@media(max-width:760px){

    .wp-networks-hero h1{
        font-size:2.5rem !important;
        margin-bottom:24px !important;
    }

    .wp-networks-hero-subtitle{
        padding-left:18px;
        border-left-width:4px;
    }

    .wp-networks-hero-subtitle p{
        font-size:.92rem !important;
    }
}



/* =========================================================
   RESEAUX — VOILE SOMBRE AU-DESSUS DE LA CARTE
   ========================================================= */

.wp-networks{
    position:relative !important;
    isolation:isolate;
}


/* Calque sombre fixe entre la map et le contenu */

.wp-networks::before{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;
    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.82) 0%,
            rgba(0,0,0,.58) 18%,
            rgba(0,0,0,.30) 42%,
            rgba(0,0,0,.20) 68%,
            rgba(0,0,0,.38) 100%
        ) !important;
}


/* Tous les éléments de la page restent au-dessus */

.wp-networks > section{
    position:relative !important;
    z-index:1 !important;
}


/* =========================================================
   RESEAUX — FOOTER PLUS COMPACT
   ========================================================= */

body.page-id-786986 footer,
body.page-id-786986 .site-footer{
    padding-top:28px !important;
    padding-bottom:22px !important;
}

body.page-id-786986 footer .footer-inner,
body.page-id-786986 .site-footer .footer-inner{
    padding-top:0 !important;
    padding-bottom:0 !important;
    min-height:0 !important;
}

body.page-id-786986 footer p,
body.page-id-786986 .site-footer p{
    margin-top:8px !important;
    margin-bottom:8px !important;
}

body.page-id-786986 footer hr,
body.page-id-786986 .site-footer hr{
    margin-top:18px !important;
    margin-bottom:18px !important;
}


/* =========================================================
   RESEAUX — FIN DE PAGE / FOOTER CALÉ SUR LE .COM
   ========================================================= */

/* Supprime le grand vide sous les dernières cartes */

body.page-id-786986 .wp-networks{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

body.page-id-786986 .wp-networks-posts{
    margin-bottom:0 !important;
    padding-bottom:8px !important;
}


/* Footer global beaucoup plus compact sur cette page */

body.page-id-786986 footer,
body.page-id-786986 .site-footer{
    min-height:0 !important;
    height:auto !important;

    margin-top:0 !important;

    padding-top:10px !important;
    padding-bottom:10px !important;
}


/* Sections internes du footer */

body.page-id-786986 footer > *,
body.page-id-786986 .site-footer > *{
    min-height:0 !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:10px !important;
    padding-bottom:10px !important;
}


/* Mentions légales */

body.page-id-786986 footer .legal,
body.page-id-786986 footer .mentions,
body.page-id-786986 .site-footer .legal,
body.page-id-786986 .site-footer .mentions{
    margin:0 !important;
    padding:8px 0 !important;
}


/* Ligne de séparation */

body.page-id-786986 footer hr,
body.page-id-786986 .site-footer hr{
    margin:8px 0 !important;
}


/* Copyright + réseaux */

body.page-id-786986 footer p,
body.page-id-786986 .site-footer p{
    margin:4px 0 !important;
}

body.page-id-786986 footer ul,
body.page-id-786986 .site-footer ul{
    margin-top:4px !important;
    margin-bottom:4px !important;
}


/* RESEAUX — respiration sous la dernière rangée */

body.page-id-786986 .wp-networks-posts{
    padding-bottom:28px !important;
}



/* =========================================================
   RESEAUX — TYPO HERO + CEPENDANT FINAL
   ========================================================= */

/* Hero : vraie fonte condensed, objectif 2 lignes */

.wp-networks-hero h1 {
    font-family: "Yanone Kaffeesatz", "Arial Narrow", Arial, sans-serif !important;
    font-size: clamp(3.1rem, 4.5vw, 5rem) !important;
    font-weight: 700 !important;
    line-height: .88 !important;
    letter-spacing: .005em !important;
}


/* Cependant : texte plus lisible sans agrandir le bloc */

.wp-networks-text {
    padding: 12px 15px !important;
}

.wp-networks-text h2 {
    margin: 0 0 6px !important;
    font-size: 1.16rem !important;
    line-height: 1.1 !important;
}

.wp-networks-text p {
    margin: 0 0 5px !important;
    font-size: .90rem !important;
    line-height: 1.24 !important;
}

.wp-networks-text p:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 900px) {

    .wp-networks-hero h1 {
        font-size: clamp(2.7rem, 7vw, 4.2rem) !important;
    }

    .wp-networks-text p {
        font-size: .88rem !important;
    }
}