/* =========================================================
   PAGE CONTACT
   ========================================================= */

/* Libellés du formulaire en blanc */
.page-contact form label {
    color: #ffffff !important;
}

/* Masque complètement le titre "Contact"
   généré automatiquement par Yapla */
.page-contact .content.contact > h1 {
    display: none !important;
}

/* Supprime les espaces inutiles au-dessus du formulaire */
.page-contact .content.contact,
.page-contact .content.contact form,
.page-contact .content.contact fieldset,
.page-contact .content.contact .form-horizontal {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Adhésion - masque le champ Organisation dans les informations de facturation */
#registration-member #fieldset-payment_billing .form-element-organization {
    display: none !important;
}

/* Information modes de paiement */
#registration-member #fieldset-paymentmethod::after {
    content:
        "MODES DE PAIEMENT\A"
        "\A"
        "• Carte bancaire : paiement sécurisé directement en ligne. Une contribution facultative au fonctionnement de la plateforme peut vous être proposée. Elle est entièrement facultative et ne revient pas à l’association.\A"
        "\A"
        "• Virement bancaire : règlement à effectuer à l’aide du RIB fourni après votre inscription.\A"
        "\A"
        "• Chèque ou espèces : règlement à remettre directement à un membre du bureau lors d’un entraînement.\A"
        "\A"
        "Pour les règlements par virement, chèque ou espèces, l’adhésion sera validée après réception du paiement.";

    white-space: pre-line;
    display: block !important;
    clear: both;
    width: 100%;
    box-sizing: border-box;

    margin: 18px 0 26px;
    padding: 18px 20px;

    background: #FAF9F5;
    border: 1px solid rgba(21,21,21,.08);
    border-left: 5px solid #FFB800;
    border-radius: 10px;

    color: #526B78;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.65;

    box-shadow: 0 6px 18px rgba(21,21,21,.08);
}

/* Page Adhésion :
   masque les explications d'inscription lorsqu'un membre est connecté */
body.pageid-425815.member--isConnected
.line.site_line__item[data-line-id="602861"] {
    display: none !important;
}

/* Page inscription */
#member_adhesion_form .adh-date {
    display: none !important;
}


/* =========================================================
   PAIEMENT BOUTIQUE
   ========================================================= */

/* Paiement du panier : laisser uniquement la carte bancaire */
.cart-payment__wrapper label[for="payment_method-1"],
.cart-payment__wrapper label[for="payment_method-2"]/*,
.cart-payment__wrapper label[for="payment_method-3"]*/ {
    display: none !important;
}

/* Information paiement en espèces */
.cart-payment__wrapper #fieldset-paymentmethod::after {
    content:
        "PAIEMENT & RETRAIT\A"
        "\A"
        "• Carte bancaire : paiement sécurisé directement en ligne.\A"
        "\A"
        "• Espèces : règlement à remettre à un membre du bureau au gymnase. La vente sera validée après réception du paiement.\A"
        "\A"
        "• Retrait : les commandes sont à récupérer directement au gymnase.";

    white-space: pre-line;
    display: block !important;
    clear: both;
    width: 100%;
    box-sizing: border-box;

    margin: 18px 0 26px;
    padding: 18px 20px;

    background: #FAF9F5;
    border: 1px solid rgba(21,21,21,.08);
    border-left: 5px solid #FFB800;
    border-radius: 10px;

    color: #526B78;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.65;

    box-shadow: 0 6px 18px rgba(21,21,21,.08);
}


/* =========================================================
   BOUTON PANIER FLOTTANT
   ========================================================= */

.abs-panier-flottant {
    position: fixed;
    right: 24px;
    bottom: 20px;
    z-index: 9999;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 50px;
    padding: 0 22px;

    /* Anthracite ABS */
    background: #151515;
    color: #FFFFFF !important;

    border: none;
    border-radius: 28px;

    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;

    box-shadow: 0 3px 10px rgba(0,0,0,0.16);

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

/* Panier simple */
.abs-panier-flottant::before {
    content: "\f07a";
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 900;
    font-style: normal;

    font-size: 18px;
    line-height: 1;
    color: #FFB800;
}

/* Survol : inversion des couleurs */
.abs-panier-flottant:hover {
    background: #FFB800;
    color: #151515 !important;

    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(0,0,0,0.20);
}

.abs-panier-flottant:hover::before {
    color: #151515;
}

/* Mobile */
@media (max-width: 767px) {
    .abs-panier-flottant {
        right: 14px;
        bottom: 14px;

        min-height: 48px;
        padding: 0 18px;

        font-size: 14px;
    }

    .abs-panier-flottant::before {
        font-size: 17px;
    }
}


/* =========================================================
   MENU ORDINATEUR : CENTRAGE
   ========================================================= */

@media (min-width: 992px) {

    .zone-menu,
    .zone-menu .navbar,
    .zone-menu .navbar-collapse {
        background: #F7FCFD !important;
        border: 0 !important;
    }

    .zone-menu .navbar-nav {
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .zone-menu .navbar-nav > li {
        float: none !important;
        display: inline-block !important;
    }

    .zone-menu .navbar-nav > li > a {
        color: #151515 !important;
        background: transparent !important;
    }

    .zone-menu .navbar-nav > li > a:hover,
    .zone-menu .navbar-nav > li > a:focus,
    .zone-menu .navbar-nav > li.active > a {
        color: #FFB800 !important;
        background: transparent !important;
    }
}


/* =========================================================
   MENU MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .zone-menu {
        position: relative !important;
        width: 100% !important;
        min-height: 56px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #F7FCFD !important;
        overflow: visible !important;
        z-index: 100 !important;
    }

    .zone-menu .navbar {
        position: relative !important;
        width: 100% !important;
        min-height: 56px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #F7FCFD !important;
        border: 0 !important;
        overflow: visible !important;
    }

    .zone-menu .navbar-header {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .zone-menu .navbar-toggle {
        display: block !important;
        position: absolute !important;
        top: 8px !important;
        left: 15px !important;
        right: auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 9px 10px !important;
        width: 115px !important;
        height: 40px !important;
        z-index: 9999 !important;
    }

    .zone-menu .navbar-toggle::after {
        content: "Menu";
        position: absolute;
        top: 50%;
        left: 48px;
        transform: translateY(-50%);

        color: #151515;
        font-size: 17px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
    }

    .zone-menu .navbar-collapse {
        position: relative !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #F7FCFD !important;
        border: 0 !important;
        overflow: visible !important;
    }

    .zone-menu .navbar-nav {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .zone-menu .navbar-nav > li {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    .zone-menu .navbar-nav > li > a {
        display: block !important;
        width: 100% !important;
        padding: 12px 15px !important;
        box-sizing: border-box !important;
        color: #151515 !important;
    }


    /* =========================================================
       PAGE ACTIVE - MENU MOBILE
       ========================================================= */

    /* Pages principales actives */
    .zone-menu .navbar-nav > li.active:not(.menu-type-separator) > a {
        background: #FFB800 !important;
        color: #151515 !important;
        font-weight: 700 !important;
        border-left: 5px solid #151515 !important;
        padding-left: 10px !important;
    }

    /* "À propos" est seulement un parent :
       on ne le colore jamais en jaune */
    .zone-menu .navbar-nav > li.menu-type-separator.active {
        background: #F7FCFD !important;
    }

    .zone-menu .navbar-nav > li.menu-type-separator.active > a {
        background: #F7FCFD !important;
        color: #151515 !important;
    }

    /* Notre association */
    body.pageid-425823
    .zone-menu li[data-menu-id="425823"] > a {
        background: #FFB800 !important;
        color: #151515 !important;
        font-weight: 700 !important;
        border-left: 5px solid #151515 !important;
        padding-left: 32px !important;
    }

    /* Horaires & plan d'accès */
    body.pageid-425904
    .zone-menu li[data-menu-id="425904"] > a {
        background: #FFB800 !important;
        color: #151515 !important;
        font-weight: 700 !important;
        border-left: 5px solid #151515 !important;
        padding-left: 32px !important;
    }

    /* BOUTIQUE - SOUS-PAGE ACTIVE */

    /* Nos produits - page active */
    body.pageid-425814
    .zone-menu li[data-menu-id="425814"] > a {
        background: #FFB800 !important;
        color: #151515 !important;
        font-weight: 700 !important;
        border-left: 5px solid #151515 !important;
        padding-left: 32px !important;
    }

    /* Mon panier - page active */
    body.pageid-425821
    .zone-menu li[data-menu-id="425821"] > a {
        background: #FFB800 !important;
        color: #151515 !important;
        font-weight: 700 !important;
        border-left: 5px solid #151515 !important;
        padding-left: 32px !important;
    }

    /* Affiche toujours le libellé du menu parent "À propos" */
    .zone-menu .navbar-nav > li.menu-type-separator > a.child-link {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        background: #F7FCFD !important;
        color: #151515 !important;

        font-weight: 600 !important;
        padding: 12px 55px 12px 15px !important;
    }

    /* "À propos" en gras uniquement lorsqu'une de ses sous-pages est active */
    .zone-menu .navbar-nav > li.menu-type-separator.active > a.child-link {
        font-weight: 700 !important;
    }

    /* La flèche reste transparente au-dessus */
    .zone-menu .navbar-nav > li.menu-type-separator > a.dropdown-toggle {
        background: transparent !important;
    }
}
/* =========================================================
   ADHÉSION - PRIX ET MONTANT TOTAL
   ========================================================= */

/* Nom de l'adhésion + prix */
#registration-member .form-element-priceAdhesion .control-label,
#registration-member .form-element-priceAdhesion .form-control-static,
#registration-member .form-element-priceAdhesion .form-control-static span {
    color: #082A4A !important;
}

/* Prix */
#registration-member .form-element-priceAdhesion .form-control-static {
    font-weight: 700 !important;
}

/* Montant total */
#registration-member .total-amount-title,
#registration-member .total-amount-price {
    color: #082A4A !important;
}

/* Valeur du total */
#registration-member .total-amount-price {
    font-weight: 800 !important;
}
/* =========================================================
   ADHÉSION - FOND DES TYPES D'ADHÉSION
   ========================================================= */

#registration-member #member_adhesion_form
.wrapper_membership_list > ul.list-group > li.list-group-item {
    background-color: #F7FCFD !important;
}
/* =========================================================
   FOND GÉNÉRAL DU SITE
   ========================================================= */

body {
    background-color: #F7FCFD !important;
}