/**************************** PAGE ACCUEIL (HOME / ID 17) **************************/

/* =========================================================
   2a) IMAGE DE FOND
========================================================= */

body.home {
    background-image: url("https://www.amupcycling.fr/wp-content/uploads/2025/12/Golf-saint-jean-de-monts-1-scaled.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

body.home #outer-wrap,
body.home #wrap,
body.home #main {
    background: transparent !important;
}

body.home .hero-tagline {
    text-align: center !important;
    font-size: clamp(36px, 5vw, 60px) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-top: 40px !important;
    margin-bottom: 25px !important;
    text-shadow:
        0 3px 6px rgba(0,0,0,0.45),
        0 6px 14px rgba(0,0,0,0.25),
        0 10px 22px rgba(0,0,0,0.15) !important;
}

.home .wp-block-columns {
    margin: 0 !important;
    padding: 0 !important;
    justify-content: space-between !important;
}

.home .metaslider img {
    height: 350px !important;
    object-fit: contain !important;
}

/* =========================================================
   2b) FIX META SLIDER — ALIGNEMENT TITRE SOUS L'IMAGE (ACCUEIL)
========================================================= */

/* Retirer le padding latéral délivré par le wrapper global */
body.home .metaslider,
body.home .metaslider .flexslider,
body.home .metaslider .slides,
body.home .metaslider .slides li {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Garantir que les images restent bien centrées */
body.home .metaslider .slides img {
    display: block !important;
    margin: 0 auto !important;
}

/* =========================================================
 2c) META SLIDER ACCUEIL — ESPACE CORRECT IMAGE / LÉGENDE / FOOTER 
=========================================================*/

/* S'assure que l'image est bien centrée */
body.home .metaslider .slides li img {
    display: block !important;
    margin: 0 auto !important;
}

/* FORCER LA LÉGENDE SOUS L’IMAGE (et non superposée) */
body.home .metaslider .caption-wrap {
    position: static !important;      /* Ne plus superposer sur l’image */
    background-color: #333 !important;
    color: white !important;
    padding: 10px 16px !important;
    text-align: center !important;
    font-size: 0.95em !important;
    line-height: 1.4em;
}

/* Corrige un éventuel flottement ou marge négative */
body.home .metaslider .slides li {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

/* Espace propre sous le slider */


/* HOME SLIDER — espace entre image et légende */
body.home .metaslider ul.slides > li > img {
    margin-bottom: 60px !important;   /* augmente ou diminue à volonté */
    display: block !important;
}

/* Arrondir le bloc gris de légende */
body.home .metaslider .caption-wrap {
    border-radius: 20px !important;
    overflow: hidden !important;
}