/**************/
/* RESPONSIVE */
/**************/

@media only screen and (max-width: 320px) { 
    h1 { font-size: 2.5rem !important; }
    h2 { font-size: 1.5rem !important; }
    h3 { font-size: 1.5rem !important; }
    h4 { font-size: 1.5rem !important; }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    body, html { overflow-x: hidden; font-size: 1rem; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    /* Common */
    p { margin-bottom: 1.5rem; }
    .g-5, .gx-5 { --bs-gutter-x: 2rem; }
    h1 { font-size: 3rem; }
    h2 { font-size: 2rem; margin: 0 0 2.5rem 0; }
    h2 span { font-size: 1rem; margin: 0 0 1rem 0; }
    h3 { font-size: 1.75rem; margin: 0 0 2rem 0; }
    h4 { font-size: 1.5rem; margin: 0 0 2rem 0; }
    h1 br, h2 br, h3 br, h4 br { display: none; }
    .guil::before { top: -1.25em; width: 2rem; height: 2.25rem; }
    .guil::after { bottom: -1.25rem; width: 2rem; height: 2.25rem;}
    .btn_gold { border-radius: 2rem; display: flex; width: 100%; }
    .btn_gold span { padding: .5rem 1.5rem; border-radius: calc(2rem - 2px); gap: 1rem; width: 100%; justify-content: center; }
    .btn_gold::before,
    #coaching .btn_gold::before,
    #cv_benefits .btn_gold::before { border-radius: 2rem; }
    .btn_gold img { width: 1rem; }

    /* Popup */
    .popup_content { width: 90%; padding: 2rem; }
    .popup_content .btn_close { margin: 0 0 1rem auto; width: 2rem; height: 2rem; }

    /* Header */
    header.main .header_buttons, header.main ul.menu_right { display: none; }
    .menu_panel__buttons { display: flex; flex-direction: column; gap: 1rem; margin-top: auto; padding-top: 2rem; }
    .menu_panel__buttons .btn_gold span { font-size: .9rem; text-transform: none; }
    header.main .logo { display: block; flex-basis: 40%; margin-top: 0; margin-left: 2rem; }
    header.main { align-items: center; justify-content: space-between; padding-top: 1rem; }

    /* Footer */
    .footer_logo .popup_go, .footer_menu { display: none; }
    .logo_footer { width: 50%; background-color: #fff; border-left: 2rem solid #fff; border-right: 2rem solid #fff; padding-bottom: 2rem; }
    .footer_logo::after { top: 4.75rem; }
    .footer_infos { padding: 2rem; }
    .footer_infos_wrapper { padding: 0 0 2rem; flex-direction: column; gap: 1rem; border-top: 0; }
    .footer_infos span { border-left: 0; border-right: 0; padding: 0 1rem; }
    .footer_infos span img { width: 2rem; height: 2rem; }
    .copyright { padding: 0 0 2rem 0; font-size: .75rem; }
    footer .deco { width: 50%; }
    

    /* Home */
    #hero { flex-direction: column; gap: 2rem; min-height: auto; padding: 10rem 2rem 5rem; }
    .hero_img { position: static; width: 65%;  transform: none; }
    .hero_content { text-align: center; }
    .popup_go { right: 1rem; bottom: 2rem !important; width: 7rem; height: 7rem; font-size: .75rem; }
    #coaching { padding: 2rem; }
    .coaching_blocs { flex-direction: column; gap: 2rem; }
    .coaching_bloc { width: auto; padding: 1.5rem; }
    .coaching_bloc__img { width: auto; margin: 0 0 1.5rem 0; }
    .coaching_bloc__content h2 { margin: 0 0 1rem 0; }
    .coaching_bloc__content h2 span { font-size: 1rem; letter-spacing: .05rem; margin: 0 0 1rem 0; }
    .coaching_bloc__content p { font-size: 1rem; margin: 0 0 1rem 0; }
    .coaching_bloc__content .actions { padding-top: 1rem; }
    #about { padding: 2rem; }
    .about_img { margin-bottom: 2rem; }
    #medias { padding: 2rem; }
    .aMedia img { margin: 0 0 1rem 0; }
    .aMedia span { font-size: 1rem; }
    .aMedia a { font-size: 1.25rem; margin: 1rem 0 0 0; display: block; }
    .aMedia {width: 50%; padding: 0 .5rem; }
    .medias_arrow_left, .medias_arrow_right { display: none !important; }
    #testimonials { padding: 2rem; background-size: cover; }
    .arrow_left, .arrow_right { display: none !important; }
    .slick-dots { margin-top: 1rem; gap: 1rem; }
    .slick-dots li { width: 1rem; height: 1rem; background-color: #E9A8A5; }
    #tools h2 { margin: 0 0 1.5rem 0; }
    .aTools__img { border-radius: 2rem; margin-bottom: 1rem; }
    .aTools__img span { padding: 2rem; border-radius: 2rem; }
    .tag { top: 1rem; right: 1rem; width: 6rem; height: 6rem; }
    .aTools p { font-size: 1.25rem; padding: 0 2rem; }
    .aTools p.small { font-size: 1rem; }
    .aTools { padding: 2rem 0 1rem 0; }
    .aTools .actions { padding: 0 2rem; }
    .aTools .actions .btn_gold span { font-size: 1rem; }
    #blog { padding: 2rem; text-align: center; }
    #blog h2 { font-size: 1.5rem; margin: 0 0 1rem 0; }
    .logo_blog { width: 10rem; height: 10rem; margin: 0 auto 2rem; }
    .blog_listing {  gap: 1rem; }
    .blog_listing .btn_gold span { text-align: left; }
    .contact_wrapper__content { padding: 2rem; }
    .contact_wrapper__actions { padding-bottom: 5rem; }
    .contact_wrapper__actions a { font-size: 1.5rem;  }
    .contact_form { padding: 2rem; width: 100%; transform: none; margin-bottom: 1rem; }
    #instagram { padding: 0 2rem 2rem 2rem; text-align: center; }
    #instagram .btn_gold { margin-top: 2rem; }
    .aside_about_content { padding: 2rem; background-color: rgba(0,0,0,0.6); }
    #aside_about { background-color: #E9A8A5; }
    #aside_about .btn_close { width: 2rem; height: 2rem; top: 1rem; right: 1rem; }
    .signature { width: 10rem; margin: 1rem 0 0 auto; }
    #customers { padding: 2rem 2rem 0 2rem; }
    .logos_slider { margin: 0; }
    .logos_slider .logo_slide { padding: 0 1rem; }

    /* WPFORMS */
    div.wpforms-container-full input[type=date], 
    div.wpforms-container-full input[type=datetime], 
    div.wpforms-container-full input[type=datetime-local], 
    div.wpforms-container-full input[type=email], 
    div.wpforms-container-full input[type=month], 
    div.wpforms-container-full input[type=number], 
    div.wpforms-container-full input[type=password], 
    div.wpforms-container-full input[type=range], 
    div.wpforms-container-full input[type=search], 
    div.wpforms-container-full input[type=tel], 
    div.wpforms-container-full input[type=text], 
    div.wpforms-container-full input[type=time], 
    div.wpforms-container-full input[type=url], 
    div.wpforms-container-full input[type=week], 
    div.wpforms-container-full select, 
    div.wpforms-container-full textarea, 
    .wp-core-ui div.wpforms-container-full input[type=date], 
    .wp-core-ui div.wpforms-container-full input[type=datetime], 
    .wp-core-ui div.wpforms-container-full input[type=datetime-local], 
    .wp-core-ui div.wpforms-container-full input[type=email], 
    .wp-core-ui div.wpforms-container-full input[type=month], 
    .wp-core-ui div.wpforms-container-full input[type=number], 
    .wp-core-ui div.wpforms-container-full input[type=password], 
    .wp-core-ui div.wpforms-container-full input[type=range], 
    .wp-core-ui div.wpforms-container-full input[type=search], 
    .wp-core-ui div.wpforms-container-full input[type=tel], 
    .wp-core-ui div.wpforms-container-full input[type=text], 
    .wp-core-ui div.wpforms-container-full input[type=time], 
    .wp-core-ui div.wpforms-container-full input[type=url], 
    .wp-core-ui div.wpforms-container-full input[type=week], 
    .wp-core-ui div.wpforms-container-full select, 
    .wp-core-ui div.wpforms-container-full textarea {
        border-radius: 2rem !important;
        padding: 0 1rem !important;
        font-size: 1rem !important;
        height: 3rem !important;
    }

    ::placeholder {
        font-size: .75rem !important;
    }

    .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
        padding: .5rem 0 !important;
    }

    div.wpforms-container-full input[type=submit], 
    div.wpforms-container-full button[type=submit], 
    div.wpforms-container-full .wpforms-page-button, 
    .wp-core-ui div.wpforms-container-full input[type=submit], 
    .wp-core-ui div.wpforms-container-full button[type=submit], 
    .wp-core-ui div.wpforms-container-full .wpforms-page-button {
        border-radius: 2rem !important;
        padding: .5rem 4rem .5rem 1rem !important;
        font-size: 1rem !important;
    }

    div.wpforms-container-full input[type=submit]::after, 
    div.wpforms-container-full button[type=submit]::after, 
    div.wpforms-container-full .wpforms-page-button::after, 
    .wp-core-ui div.wpforms-container-full input[type=submit]::after, 
    .wp-core-ui div.wpforms-container-full button[type=submit]::after, 
    .wp-core-ui div.wpforms-container-full .wpforms-page-button::after {
        width: 2rem;
        height: .75rem;
        right: 1rem;
    }

    /* WPFORMS POPUP */
    #popup div.wpforms-container-full input[type=date], 
    #popup div.wpforms-container-full input[type=datetime], 
    #popup div.wpforms-container-full input[type=datetime-local], 
    #popup div.wpforms-container-full input[type=email], 
    #popup div.wpforms-container-full input[type=month], 
    #popup div.wpforms-container-full input[type=number], 
    #popup div.wpforms-container-full input[type=password], 
    #popup div.wpforms-container-full input[type=range], 
    #popup div.wpforms-container-full input[type=search], 
    #popup div.wpforms-container-full input[type=tel], 
    #popup div.wpforms-container-full input[type=text], 
    #popup div.wpforms-container-full input[type=time], 
    #popup div.wpforms-container-full input[type=url], 
    #popup div.wpforms-container-full input[type=week], 
    #popup div.wpforms-container-full select, 
    #popup div.wpforms-container-full textarea, 
    #popup .wp-core-ui div.wpforms-container-full input[type=date], 
    #popup .wp-core-ui div.wpforms-container-full input[type=datetime], 
    #popup .wp-core-ui div.wpforms-container-full input[type=datetime-local], 
    #popup .wp-core-ui div.wpforms-container-full input[type=email], 
    #popup .wp-core-ui div.wpforms-container-full input[type=month], 
    #popup .wp-core-ui div.wpforms-container-full input[type=number], 
    #popup .wp-core-ui div.wpforms-container-full input[type=password], 
    #popup .wp-core-ui div.wpforms-container-full input[type=range], 
    #popup .wp-core-ui div.wpforms-container-full input[type=search], 
    #popup .wp-core-ui div.wpforms-container-full input[type=tel], 
    #popup .wp-core-ui div.wpforms-container-full input[type=text], 
    #popup .wp-core-ui div.wpforms-container-full input[type=time], 
    #popup .wp-core-ui div.wpforms-container-full input[type=url], 
    #popup .wp-core-ui div.wpforms-container-full input[type=week], 
    #popup .wp-core-ui div.wpforms-container-full select, 
    #popup .wp-core-ui div.wpforms-container-full textarea {
        padding: .5rem !important;
        font-size: .75rem !important;
    }

    #popup ::placeholder {
        font-size: .75rem !important;
    }

    #popup div.wpforms-container-full input[type=submit], 
    #popup div.wpforms-container-full button[type=submit], 
    #popup div.wpforms-container-full .wpforms-page-button, 
    #popup .wp-core-ui div.wpforms-container-full input[type=submit], 
    #popup .wp-core-ui div.wpforms-container-full button[type=submit], 
    #popup .wp-core-ui div.wpforms-container-full .wpforms-page-button {
        border-radius: 2rem !important;
        padding: .5rem 4rem .5rem 1rem !important;
        font-size: 1rem !important;
    }

    #popup div.wpforms-container-full input[type=submit]::after, 
    #popup div.wpforms-container-full button[type=submit]::after, 
    #popup div.wpforms-container-full .wpforms-page-button::after, 
    #popup .wp-core-ui div.wpforms-container-full input[type=submit]::after, 
    #popup .wp-core-ui div.wpforms-container-full button[type=submit]::after, 
    #popup .wp-core-ui div.wpforms-container-full .wpforms-page-button::after {
        width: 2rem;
        height: .75rem;
        right: 1rem;
    }


    /* Blogues */
    body.single header.main { padding-bottom: 2rem; }
    body.page-template-blog header.main { position: static; background-color: #1D4020; padding-bottom: 2rem; }
    #hero.hero_inner { min-height: auto; padding-top: 10vw; padding: 2rem; }
    #hero.hero_inner .hero_content h1 { font-size: 3rem; margin: 0 0 2rem 0; }
    #hero.hero_inner .hero_content .hero_label { font-size: 1rem; letter-spacing: .05rem; margin: 0 0 1rem 0; }
    #blog_filters { padding: 2rem 2rem 0 2rem; }
    .blog_filters__list { gap: .75rem; }
    .cat_pill { font-size: 1rem; padding: .5rem 1.25rem; border-radius: 2rem; }
    #listing_blog { padding: 2rem; }
    .blog_item { border-radius: 1rem; }
    .post_img { height: 15rem; }
    .blog_item h3 { font-size: 1.2rem; padding: 1rem 2rem; }
    #blog_page { padding: 2rem; }
    .single_action { margin-bottom: 2rem; }
    #blog_page h1 { font-size: 3rem; }
    .social_share { margin-top: 1rem; }
    .post-thumbnail { border-radius: 1rem; margin: 2rem 0; height: 15rem; }

    .hero_newsletter {
        position: static;
        color: #fff;
        border-radius: 2rem;
        width: 100%;
        padding: 2rem;
        display: none; /*display: block;*/
        margin-top: 2rem;
        z-index: 1;
    }


}

/* Page Coaching virtuel */
@media only screen and (max-width: 600px) {

    /* Général */
    #coaching_virtuel h2 { font-size: 1.5rem; }
    #coaching_virtuel .btn_gold { width: auto; display: inline-flex; }
    #coaching_virtuel .btn_gold span { width: auto; }
    body.page-template-virtual-coaching .hamburger-inner,
    body.page-template-virtual-coaching .hamburger-inner::before,
    body.page-template-virtual-coaching .hamburger-inner::after { background-color: #1D4020; }

    /* 1. Intro */
    #cv_intro {
        background: url('/wp-content/uploads/2026/06/flare.png') right -26rem top -15rem / 36rem auto no-repeat, #FAF6F1;
        padding: 8rem 2rem 12rem;
    }
    .cv_intro__icon { width: 4rem; margin: 0 auto .5rem; }
    .cv_eyebrow { font-size: .8rem; letter-spacing: .15rem; margin: 0 0 1rem 0; }
    #cv_intro h1 { font-size: 2rem; margin: 0 0 1.5rem 0; }
    .cv_intro__subtitle { font-size: 1.25rem; }

    /* 2. Présentation */
    #cv_presentation { flex-direction: column; gap: 2rem; padding: 0 0 3rem 0; }
    .cv_presentation__img { flex: none; width: 60%; margin: -9rem auto 0; }
    .cv_presentation__content { padding: 0 2rem; }
    .cv_presentation__content h2 { margin: 0 0 1.25rem 0; }
    .cv_presentation__content p { margin: 0 0 1rem 0; }
    .cv_presentation__content .actions { margin-top: 1.5rem; }

    /* 3. À qui s'adresse */
    #cv_audience { padding: 3rem 2rem; text-align: left; }
    #cv_audience h2 { margin: 0 0 1.25rem 0; }
    .cv_audience__intro { max-width: none; margin: 0 0 2rem 0; }
    .cv_audience__label { letter-spacing: .1rem; margin: 0 0 1.5rem 0; }

    /* Colonnes + listes empilées */
    .cv_cols { flex-direction: column; gap: 0; }
    .cv_list li { padding: 0 0 1rem 1.5rem; }
    .cv_list li::before { top: .4rem; width: .5rem; height: .5rem; }
    #cv_audience .cv_list, #cv_benefits .cv_list { padding-left: 1.25rem; }

    /* 4. Bénéfices */
    #cv_benefits {
        background: url('/wp-content/uploads/2026/06/flare.png') left -26rem bottom -28rem / 44rem auto no-repeat, #FAF6F1;
        padding: 3rem 2rem;
        text-align: left;
    }
    #cv_benefits h2 { margin: 0 0 1.5rem 0; }
    #cv_benefits .actions { justify-content: flex-start; }

    /* 5. Formule + témoignages */
    #cv_formula {
        padding: 14rem 2rem 2rem;
        background-image: url('/wp-content/uploads/2026/06/img__coach_virt_forumle-flexible_bg__mobile-scaled.jpg') !important;
        background-size: 100% auto;
        background-position: center top;
    }
    #cv_formula::before {
        background:
            linear-gradient(180deg, rgba(255,255,255,0) 8rem, #FFFFFF 16rem),
            radial-gradient(28.33% 16.14% at 0% 0%, rgba(255,255,255,.98) 0%, rgba(255,255,255,0) 100%),
            linear-gradient(rgba(255,255,255,.65), rgba(255,255,255,.65));
    }
    .cv_formula__content { max-width: none; margin-left: 0; }
    .cv_formula__content h2 { margin: 0 0 1.25rem 0; }
    .cv_formula__content p { margin: 0 0 1rem 0; }
    .cv_testimonials_slider { margin-top: 3.5rem; }
    #cv_formula .cv_testimonial { padding: 1rem; margin: .5rem; border-radius: 1rem; }
    .cv_testimonial::before { border-radius: 1rem; }
    .cv_testimonial p { margin: 0 0 1rem 0; font-size: .75rem; line-height: 1.4; }
    .cv_testimonial__author { font-size: .75rem; }
    .cv_testimonials_slider .arrow_left,
    .cv_testimonials_slider .arrow_right { display: block !important; top: auto; bottom: 100%; transform: none; width: 2rem; height: 2rem; margin-bottom: .5rem; }
    .cv_testimonials_slider .arrow_right { left: auto; right: .5rem; }
    .cv_testimonials_slider .arrow_left { left: auto; right: 3rem; }
    .cv_testimonials_slider .slick-dots li { background-color: #FAF6F1; }
    .cv_testimonials_slider .slick-dots li.slick-active { background-color: #F6E9DA; transform: none; }

    /* 7. 12 semaines (pastilles) */
    #cv_includes {
        background: url('/wp-content/uploads/2026/06/flare.png') right -26rem top -28rem / 44rem auto no-repeat, #FAF6F1;
        padding: 3rem 2rem;
        text-align: left;
    }
    #cv_includes h2 { margin: 0 0 1.5rem 0; }
    #cv_includes .cv_list li { height: auto; min-height: 3rem; padding: .75rem 1rem; border-radius: .5rem; margin: 0 0 1rem 0; }

    /* 8. Prix */
    #cv_pricing { flex-direction: column; align-items: flex-start; gap: 2rem; padding: 3rem 2rem; }
    .cv_pricing__badge { flex: none; width: 13rem; height: 13rem; margin: 0; }
    .cv_pricing__badge-icon { width: 3rem; height: 1.5rem; margin-bottom: .5rem; }
    .cv_pricing__badge-label { font-size: .8rem; letter-spacing: .1rem; }
    .cv_pricing__badge-amount { font-size: 3rem; margin: .5rem 0; }
    .cv_pricing__badge-amount sup { font-size: .8rem; }
    .cv_pricing__badge-note { font-size: .75rem; letter-spacing: .1rem; }
    .cv_pricing__content p { margin: 0 0 1rem 0; }
    .cv_pricing__note { font-size: .85rem; }
    .cv_pricing__content .actions { margin-top: 2.5rem; }

    /* 9. FAQ + Europe */
    #cv_faq { flex-direction: column; gap: 2rem; padding: 3rem 2rem; }
    .cv_faq__list { padding: .25rem 1.25rem; border-radius: .75rem; }
    .cv_faq__list::before { border-radius: .75rem; }
    .cv_accordion__head { padding: 1rem 2.5rem 1rem 0; font-size: 1rem; }
    .cv_accordion__head span { margin-right: .75rem; }
    .cv_accordion__head::after { width: 1.25rem; }
    .cv_accordion__head::before { right: calc(.625rem - .5px); height: 1.25rem; background-size: 1.25rem 1.25rem; }
    .cv_accordion.is-open .cv_accordion__body { max-height: 40rem; }
    .cv_accordion__body p { padding: 0 2rem 1.5rem 0; }
    .cv_europe { border-radius: 1rem; }
    .cv_europe__content { padding: 2rem; }
    .cv_europe__content h2 { margin: 0 0 1rem 0; }

}