:root {
    /* Typographie */
    --font-title: "Figtree", Sans-serif;
    --font-text: "Figtree", Sans-serif;

    /* Layout */
    --admin-bar: 32px;
    --px-global: 20px;
    --listing-gap: 20px;
    --header-height: 86px;
    --nav-height: 86px;
    --site-container-width: 1240px;

    /* Couleurs Principales */
    --bleu-fonce:        #152E65;
    --bleu-mauve: #748FC9; 
    --text:        #5B6D93;

    /* Couleurs Custom / Verts */
    --doree:      #C9B174; 
    --marron-fonce:      #4C4430;
    --bleu-clair : #F4F6FB;
}

.clr-primary{
    color: var(--bleu-fonce);
}

.clr-secondary{
    color: var(--bleu-mauve);
}

.elementor-button-link{
    z-index: 1 !important;
}

.elementor-button-link,
.wpforms-submit{
    transition: .2s;
    box-shadow: 0 -8px 20px 0 rgba(26, 25, 37, 0.08) inset, 0 8px 12px -4px rgba(26, 25, 37, 0.06), 0 4px 8px -4px rgba(26, 25, 37, 0.12), 0 2px 4px -1px rgba(26, 25, 37, 0.12), 0 1px 1.5px -0.5px rgba(26, 25, 37, 0.12), 0 0.75px 0.75px 0 rgba(26, 25, 37, 0.12), 0 0.25px 0.25px 0 rgba(26, 25, 37, 0.24), 0 1px 3px 0 rgba(255, 255, 255, 0.08) inset, 0 0.75px 0.75px 0 rgba(255, 255, 255, 0.08) inset, 0 0.25px 0.25px 0 rgba(255, 255, 255, 0.12) inset !important;
}

.elementor-button-link:hover,
.wpforms-submit:hover{
    opacity: .7;
    transition: .2s;
}

.is-button-style-2 a{
    background-color: transparent !important;
    border: 1px solid var(--bleu-mauve) !important;
    color: var(--bleu-mauve) !important;
    background-image: unset !important;
}

.is-button-style-3 a{
    background-color: var(--bleu-mauve) !important;
    border: 1px solid var(--bleu-mauve) !important;
    color: #fff !important;
    background-image: unset !important;
}

.button-has-icon a .elementor-button-content-wrapper{
    display: flex;
    align-items: center;
}

.button-has-icon svg{
    height: 20px !important;
}

.block-footer-newsletter{
    max-width: 522px !important;
}

#wpforms-form-127{
    display: flex;
    gap: 14px;
}

#wpforms-form-127 .wpforms-field-container{
    width: 100% !important;
}

.wpforms-submit{
    border: none !important;
    color: #fff !important;
    font-family: var(--font-title) !important;
    font-size: 18px !important;
}

[type="email"],
[type="text"],
[type="tel"],
textarea,
.wpforms-form select{
    padding-left: 14px !important;
    border-radius: 12px !important;
    border: 0.5px solid var(--bleu-fonce) !important;
    background-color: transparent !important;
    font-size: 16px !important;
    color: var(--bleu-fonce) !important;
}

.wpforms-form select{
    padding-left: 10px !important;
}

body [type="tel"]#wpforms-913-field_10{
    padding-left: 48px !important;
}

[type="email"],
[type="text"],
[type="tel"],
.wpforms-form select{
    height: 42px !important;
}

[type="email"]::placeholder,
[type="text"]::placeholder,
[type="tel"]::placeholder,
textarea::placeholder{
    font-size: 16px !important;
    color: #A1ABC1 !important;
}

#wpforms-913-field_11 {
    color: #A1ABC1 !important;
}

#wpforms-913-field_11:not(:has(option[value=""]:checked)) {
    color: #152E65 !important;
}

textarea{
    padding-top: 12px !important;
}

.wpforms-list-inline fieldset ul{
    display: flex;
    gap: 20px;   
}

input[type="radio"] {
    accent-color: #152E65; /* Ta couleur bleu foncé */
}

.wpforms-list-inline fieldset ul li{
    display: flex;
    cursor: pointer;
}

.wpforms-field-label{
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #152E65;
    margin-bottom: 8px;
}

#wpforms-form-127 .wpforms-field{
    padding: 0 !important;
}

#wpforms-form-127 .wpforms-submit-container{
    padding: 0 !important;
    flex: none;
}

select {
    /* On retire la flèche par défaut du navigateur */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    position: relative;
}

.wpforms-field-select::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: calc(42px / 2);
    width: 10px;
    height: 10px;
    
    background-color: var(--bleu-fonce); 
    
    -webkit-mask-image: url("ddata:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_426_5243)'%3E%3Cpath d='M4.00008 6.28015C4.1434 6.28015 4.28676 6.22542 4.39607 6.11622L7.83589 2.67631C8.0547 2.45749 8.0547 2.10272 7.83589 1.88399C7.61716 1.66526 7.26245 1.66526 7.04362 1.88399L4.00008 4.92776L0.956408 1.8842C0.737679 1.66547 0.382922 1.66547 0.16421 1.8842C-0.0547132 2.10293 -0.0547132 2.4576 0.16421 2.67642L3.60398 6.11634C3.71334 6.22553 3.8567 6.28015 4.00008 6.28015Z' fill='%23152E65'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_426_5243'%3E%3Crect width='8' height='8' fill='white' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_426_5243)'%3E%3Cpath d='M4.00008 6.28015C4.1434 6.28015 4.28676 6.22542 4.39607 6.11622L7.83589 2.67631C8.0547 2.45749 8.0547 2.10272 7.83589 1.88399C7.61716 1.66526 7.26245 1.66526 7.04362 1.88399L4.00008 4.92776L0.956408 1.8842C0.737679 1.66547 0.382922 1.66547 0.16421 1.8842C-0.0547132 2.10293 -0.0547132 2.4576 0.16421 2.67642L3.60398 6.11634C3.71334 6.22553 3.8567 6.28015 4.00008 6.28015Z' fill='%23152E65'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_426_5243'%3E%3Crect width='8' height='8' fill='white' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none; /* Pour que le clic passe à travers l'icône vers le select */
}

.block-nsj8cvx{
    max-width: 730px !important;
}

.block-vn89r{
    max-width: 860px !important;
}

.block-ncb71ca{
    max-width: 775px !important;
}

.is-subtitle{
    max-width: 600px !important;
}

.is-half-width-content{
    max-width: 600px !important;
}

.hero-video,
.hero-video .elementor-video{
    aspect-ratio: 1260 / 530;
    height: auto !important;
}

.big-text{
    font-size: 36px !important;
    font-weight: 700;
}

.has-content .elementor-button-link{
    display: block !important;
    width: fit-content !important;
    margin-top: 1em !important;
}

.has-content strong,
.theme-accordion strong{
    font-weight: 600 !important;
    color: var(--bleu-fonce) !important;
}

.has-content a:not(.elementor-button-link, .is-button),
.theme-accordion a:not(.elementor-button-link, .is-button){
    text-decoration: underline !important;
}

.has-content a:hover:not(.elementor-button-link:hover, .is-button:hover),
.theme-accordion a:hover:not(.elementor-button-link:hover, .is-button:hover){
    color: var(--bleu-mauve);
}

.listing-background-overlay{
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    z-index: 1 !important;
}

.has-link-icon{
    position: relative;
}

.has-link-icon::after{
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: var(--bleu-fonce);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.88944 2.34712L0.972125 8.26444L0 7.29231L5.91662 1.375H0.701938V0H8.26444V7.5625H6.88944V2.34712V2.34712Z' fill='%23152E65'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    position: relative;
    margin-right: 10px;
    transition: 200ms !important;
    position: absolute;
    top: 5px;
    right: -28px;
}

.hero .has-link-icon::after{
    background-color: #fff;
}

.flex-ndj80nv{
    height: 64px !important;
}

.flex-ndj80nv .elementor-widget-image,
.flex-ndj80nv .elementor-widget-image img{
    height: 100% !important;
}

.flex-ndj80nv .elementor-widget-image img{
    object-fit: contain;
}

.listing-link-icon{
    width: 34px !important;
    height: 34px !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.listing-main-image{
    z-index: 1 !important;
}

.listing-main-image.formations img{
    aspect-ratio: 5 / 3;
    height: auto;
}

.listing-main-image img{
    object-fit: cover !important;
    /* object-position: top !important; */
}

.listing-main-image.cyril img{
    object-position: 50% 22% !important;
}

.filter-listing fieldset{
    display: flex;
    justify-content: center;
    gap: 8px;
}

.filter-listing .jet-radio-list__decorator{
    display: none !important;
}

.filter-listing .jet-radio-list__button,
.theme-tabs__panel > *{
    padding: 7px 14px !important;
    border-radius: 34px !important;
}

.theme-tabs__panel > *{
    border: 0.5px solid rgba(21, 46, 101, 0.7) !important;
}

.filter-listing .jet-radio-list__label{
    font-weight: 500 !important;
}

.filter-listing .jet-radio-list__input:checked+.jet-radio-list__button{
    background: linear-gradient(var(--bleu-mauve), var(--bleu-fonce));
}

.theme-tabs__panel > *:hover,
.theme-tabs__panel > *.active{
    background: linear-gradient(-90deg, var(--bleu-mauve), var(--bleu-fonce));
    color: #fff !important;
    border-color: #ffffff00 !important;
}

.filter-listing .jet-radio-list__input:checked+.jet-radio-list__button .jet-radio-list__label{
    color: #fff;
}

.profil-picture{
    width: fit-content !important;
}

.profil-picture,
.profil-picture img{
    width: 48px !important;
    height: 48px !important;
}

.profil-picture img{
    object-fit: cover;
}

.section-title{
    max-width: 710px !important;
}

.icon-nvri02x{
    width: 75px !important;
    height: 75px !important;
    background: linear-gradient(87.96deg, var(--bleu-fonce) 0%, #748FC9 100%),
linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%) !important;
}

.icon-xo02k{
    width: 55px !important;
    height: 55px !important;
}

.weight-500{
    font-weight: 500 !important;
}

.weight-600{
    font-weight: 600 !important;
}

.grid-ncl4mpx9 > *{
    min-width: 400px !important;
}

.slider-grid-avis .slick-list {
    margin: 0 -10px !important;
}

.slider-grid-avis .slick-slide{
    margin: 0 10px !important;
    gap: 20px !important;
}

.slider-grid-avis .slick-slide > div{
    display: flex;
    gap: 20px !important;
}

.slick-arrow{
	width: 45px !important;
	height: 40px !important;
	position: absolute;
    bottom: calc(-45px - 40px);
    left: calc(50% - 17px) !important;
	transform: translateX(-50%);
	border-radius: 10px !important;
	background-color: var(--bleu-clair) !important;
    font-size: 0 !important;
    background-image: unset !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.slick-next {
    transform: scaleX(-1);
    left: calc(50% + 17px) !important;
}

.slick-arrow svg{
	display: none !important;
}

.slick-arrow::after {
    content: "";
    display: block;
    width: 13px;
    height:  13px;
    background-color: var(--bleu-fonce);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.90915 6.50002L8 1.44443L6.54547 -1.73451e-08L7.75115e-08 6.50002L6.54547 13L8 11.5556L2.90915 6.50002Z' fill='%23152E65'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.slick-arrow[aria-disabled="false"]{
    background: linear-gradient(-44deg, var(--bleu-mauve), var(--bleu-fonce)) !important;
}

.slick-arrow[aria-disabled="true"]{
    cursor: not-allowed !important;
}

.slick-arrow[aria-disabled="false"]::after {
    background-color: #fff;
}


.block-nv3jx{
    max-width: 50% !important;
}

ul li::marker,
ol li::marker{
    font-size: 13px !important;
}

.has-list ol li:not(.has-list ol li:last-child),
.has-list ul li:not(.has-list ul li:last-child),
.has-content ol li:not(.has-content ol li:last-child),
.has-content ul li:not(.has-content ul li:last-child),
.theme-content ol li:not(.theme-content ol li:last-child),
.theme-content ul li:not(.theme-content ul li:last-child){
    margin-bottom: 4px;
}

.has-list ol,
.has-list ul,
.has-content ol,
.has-content ul,
.theme-accordion ol,
.theme-accordion ul{
	list-style: disc;
    padding-left: 16px !important;
}

.has-content p + *,
.theme-accordion p + *,
.theme-accordion * + p{
    margin-top: 12px !important;
}

.e-loop-nothing-found-message{
    padding: 0 !important;
}

.e-loop-nothing-found-message:empty{
    display: none !important;
}

.break-mobile{
    display: none !important;
}

.block-nvj9{
    max-width: 560px !important;
}

.wpforms-container .wpforms-field{
    padding: 8px 0;
}

.is-sticky{
    position: sticky !important;
    top: calc(var(--header-height) + 32px);
}

.default-formation-listing > *{
    max-width: 410px !important;
}

.manual-listing-tag{
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.manual-listing-tag > *{
    width: fit-content !important;
    background-color: #748FC914 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--e-global-color-secondary) !important;
    padding: 4px 8px 4px 8px !important;
    border-radius: 30px !important;
}

.programme .sub{
    padding-left: 37px !important;
}

.grid-nvhX89 > *{
    height: 250px !important;
}

.button-djnW3{
    margin-top: auto !important;
}

.block-na2c0{
    height: 100% !important;
}

.image-nv90x img{
    aspect-ratio: 1/1;
    height: auto !important;
    object-fit: cover;
}

/* #wpforms-913-field_11-container{
    display: none !important;
} */

body .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 8px 0;
}

.wpforms-submit-container:not(#wpforms-form-127 .wpforms-submit-container){
    margin-top: 20px !important;
}

/* Le bouton de lecture */
.read-more-btn {
    color: #d4af37; /* Couleur Or pour ta Forge */
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
    text-decoration: underline;
}

/* On cache les paragraphes en trop par défaut */
.see-more-content p.hidden-content {
    display: none;
}

/* L'état fermé : on bloque à 4 lignes avec des points de suspension */
.see-more-content.closed {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* NOMBRE DE LIGNES ICI */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sm-t {
    display: inline-block;
    color: var(--bleu-mauve);
    cursor: pointer;
    font-weight: bold;
    margin-top: 5px;
}

.listing-link-icon{
    margin-top: auto !important;
}

/* .formation-off .listing-main-image img{
    padding: 24px !important;
    object-fit: contain !important;
    border: 1px solid #d5d5d5 !important;
} */

.scroll-slider-jet-listing .jet-listing-grid__items{
    flex-wrap: nowrap;
    overflow-x: scroll !important;

    /* 1. Pour Chrome, Edge, Safari et Opera (Webkit) */
    &::-webkit-scrollbar {
        display: none;
    }

    /* 2. Pour Firefox */
    scrollbar-width: none;

    /* 3. Pour Internet Explorer et Edge (ancienne version) */
    -ms-overflow-style: none;
}

.scroll-slider-jet-listing .jet-listing-grid__items > *{
    flex: none !important;
    width: calc(100% / 3 - 4em) !important;
}

.home-hero-img img{
    object-position: 70% 50% !important;
}

.block-dezmp24,
.block-ven02x{
    max-width: 570px !important;
}



.hero-bg-overlay{
    pointer-events: none !important;
    background: 
        /* Le fondu noir qui s'intensifie en bas (pour le texte) */
        linear-gradient(180deg, 
            rgba(0, 0, 0, 0.00) 0.11%, 
            rgba(0, 0, 0, 0.50) 71.11%, 
            rgba(0, 0, 0, 0.50) 85.5%, 
            rgba(0, 0, 0, 0.50) 99.89%
        ),
        /* Le filtre uniforme de 20% (pour donner du style à toute l'image) */
        linear-gradient(0deg, 
            rgba(0, 0, 0, 0.20) 0%, 
            rgba(0, 0, 0, 0.20) 100%
        ) !important;
}

.encart-hero .is-bg-video iframe{
    /* width: 100% !important; */
    height: 100% !important;
}

.encart-hero,
.is-bg-video,
.encart-hero .is-bg-video > .elementor-open-inline,
.is-bg-video iframe{
    /* aspect-ratio: 20 / 9; */
    /* min-height: 550px !important; */
}

.hero .is-bg-img img{
    object-position: 70% 50% !important;
}

.is-bg-video{
    position: absolute !important;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}













/* .mwai-timer {
    display: none !important;
} */

/* Couleur en-tête mobile */
.mwai-mobile-header {
    background: #748FC9 !important;
}

/* Couleur en-tête principal (desktop et mobile) */
.mwai-header {
    background: #748FC9 !important;
}

/* Alignement champ de texte et bouton sur mobile (vertical comme WhatsApp) */
@media (max-width: 760px) {
    .mwai-input {
        flex-direction: column !important;
        display: flex !important;
        gap: 10px !important;
    }

    .mwai-input-text {
        width: 100% !important;
    }

    .mwai-input-submit {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* Couleur bouton */
.mwai-input .mwai-input-submit {
    background-color: #748FC9 !important;
}

/* Réduire la taille du texte du bouton sur desktop */
@media (min-width: 761px) {
    .mwai-input-submit span {
        font-size: 14px !important;
    }
}

/* Hauteur zone de chat */
.mwai-conversation {
    height: 250px !important;
    overflow-y: auto !important;
}

/* Position et taille fenêtre de chat sur mobile */
@media (max-width: 760px) {
    /* Conteneur parent */ .mwai-chatbot-container {
        position: fixed !important;
        bottom: 20px !important;
        left: 2% !important;
        right: 2% !important;
        top: auto !important;
        width: 96% !important;
        height: 60vh !important;
        z-index: 9999 !important;
    }

    /* Chatbot principal */
    .mwai-chat.mwai-window.mwai-open.mwai-bottom-right {
        width: 100% !important;
        height: 60vh !important;
        max-height: 60vh !important;
        min-height: 300px !important;
        padding: 0px !important;
        margin: 0px !important;
        bottom: 0px !important;
        top: auto !important;
        left: 0px !important;
        right: auto !important;
        position: relative !important;
        transform: none !important;
    }

    .mwai-window-box {
        height: 100% !important;
        max-height: 100% !important;
    }

    .mwai-body {
        height: calc(100% - 60px) !important;
        max-height: calc(100% - 60px) !important;
    }
}

/* Message header mobile avec logo et texte */
.mwai-mobile-header {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mwai-mobile-header::before {
    content: '';
    display: block;
    background-image: url('https://laporteacademie.com/wp-content/uploads/2023/05/cropped-LPA_symbole_blanc-copie.png');
    background-size: cover;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.mwai-mobile-header::after {
    content: '👋 Hello';
    display: block;
    color: #FFFFFF;
    font-size: 18px;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
}

/* Cacher le titre par défaut pour laisser place au contenu personnalisé */
.mwai-mobile-header-title {
    opacity: 0;
}

/* Message header desktop avec logo et texte */
@media (min-width: 761px) {
    .mwai-header {
        position: relative;
        padding-top: 5px;
        padding-bottom: 5px;
        min-height: 50px;
    }

    .mwai-header::before {
        content: '';
        display: block;
        background-image: url('https://laporteacademie.com/wp-content/uploads/2023/05/cropped-LPA_symbole_blanc-copie.png');
        background-size: cover;
        height: 40px;
        width: 40px;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .mwai-header::after {
        content: '👋 Hello';
        display: block;
        color: #FFFFFF;
        font-size: 18px;
        position: absolute;
        left: 60px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* Style pour les messages (si la classe h3 existe encore) */
.mwai-chat h3 {
    color: black !important;
}

/* Alternative pour le nom dans les messages */
.mwai-name-text {
    color: black !important;
}

/* Overlay pour mieux visualiser le chatbot (mobile) */
@media (max-width: 760px) {
    .mwai-chat.mwai-window.mwai-open::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.3);
        z-index: -1;
        pointer-events: none;
    }
}

@media only screen and (min-width: 1025px){
    .encart-hero svg path{
        fill: #fff !important;
        stroke: #fff !important;
    }
}

@media only screen and (min-width: 767px){
    .programme-tab-content > *{
        position: sticky !important;
        top: calc(var(--header-height) + 32px);
    }
}

@media only screen and (max-width: 1260px) and (min-width: 0px){
    .has-dynamic-left-padding {
        padding-left: 20px !important;
    }

    .grid-nvhX89 > *{
        height: 300px !important;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 0px){
    .block-vnd92{
        gap: 32px !important;
    }

    .block-sn90xc{
        gap: 32px !important;
        justify-content: start !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px){
    /* .grid-nvhX89 > *:nth-child(1){
        order: 0;
    }

    .grid-nvhX89 > *:nth-child(2){
        order: 1;
    }

    .grid-nvhX89 > *:nth-child(3){
        order: 3;
    }

    .grid-nvhX89 > *:nth-child(4){
        order: 2;
    }

    .grid-nvhX89 > *:nth-child(5){
        order: 4;
    }

    .grid-nvhX89 > *:nth-child(6){
        order: 5;
    } */

    .is-tablet-sticky{
        position: sticky !important;
        top: calc(var(--header-height) + 32px);
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {

}

@media only screen and (max-width: 1024px) and (min-width: 0px){
    .grid-formations-financables {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        /* grid-template-rows: repeat(3, auto);  */
        gap: 20px; 
    }

    .block-dnv901x > *{
        height: fit-content !important;
    }

    .grid-ncl4mpx9 > *{
        min-width: 70vw !important;
    }

    .theme-tabs__panel{
        justify-content: start !important;
    }

    .theme-tabs__panel p{
        font-size: 13px !important;
    }

    .default-formation-listing{
    	overflow-x: scroll !important;
		display: flex !important;
        padding-bottom: 12px !important;
        flex-wrap: nowrap !important;
	}

	.default-formation-listing > *{
		flex: none !important;
		max-width: calc(85vw / 2) !important;
	}

    .programme div{
        flex-wrap: nowrap !important;
    }

    /* .theme-tabs__panel{
        flex-wrap: nowrap !important;
        overflow: scroll !important;
        justify-content: start !important;
    }

    .theme-tabs__panel > *{
        flex: none !important;
        white-space: nowrap !important;
    } */

    .flex-de89bv > *{
        /* width: calc(100% / 2 - 16px + 16px / 2) !important; */
        width: 100% !important;
    }

    .flex-de89bv{
        /* flex-direction: row !important; */
        gap: 16px !important;
    }

    .flex-formation > *{
        width: calc(100% / 2 - 20px + 20px / 2) !important;
    }

    .is-bg-video{
        position: relative !important;
    }

    .encart-hero.formation .hero-bg-overlay{
        display: none !important;
    }

    .block-dezmp24{
        max-width: 100% !important;
    }

    .block-ven02x{
        max-width: 100% !important;
    }

    .block-dezmp24 *{
        color: #152E65 !important;
    }

    .block-dezmp24 .programme *{
        color: #5B6D93 !important;
    }

    .encart-hero svg path{
        stroke: #5B6D93 !important;
    }

    .scroll-slider-jet-listing .jet-listing-grid__items > *{
        width: calc(100% / 2 - 4em) !important;
    }

    .elementor-element-96abcb0{
        z-index: 1 !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 0px){
    :root {
        --admin-bar: 46px;
        --px-global: 16px;
    }

    .scroll-slider-jet-listing .jet-listing-grid__items > *{
        width: calc(100% / 1 - 4em) !important;
    }

    .has-py-80{
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }

    .has-mb-64{
        margin-bottom: 56px !important;
    }

    .grid-nvhX89 > * img{
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    .grid-nvhX89 > *{
        aspect-ratio: 1 / 1;
        height: auto !important;
    }

    .big-text-counter .elementor-widget-text-editor{
        /* max-width: 100px !important; */
        white-space: nowrap;
    }

    .filter-listing form {
        overflow: scroll;
    }

    .filter-listing form fieldset{
        white-space: nowrap;
    }

    .grid-formations-financables {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .break-mobile{
        display: block !important;
    }

    .default-formation-listing > *{
		max-width: 75vw !important;
	}

    .grid-nvhX89 > *{
        width: 100% !important;
        aspect-ratio: 16/9;
        height: auto !important;
        flex-wrap: nowrap !important;
    }

    .flex-formation img{
        aspect-ratio: 4/3;
        height: auto !important;
    }

    h1{
        font-size: 44px !important;
    }

    .grid-nvhX89 > *:nth-child(1){
        order: 1;
    }

    .grid-nvhX89 > *:nth-child(2){
        order: 2;
    }

    .grid-nvhX89 > *:nth-child(4){
        order: 3;
    }

    .grid-nvhX89 > *:nth-child(3){
        order: 4;
    }

    .grid-nvhX89 > *:nth-child(5){
        order: 5;
    }

    .grid-nvhX89 > *:nth-child(6){
        order: 6;
    }

    .grid-nvhX89 > *:nth-child(7){
        order: 8;
    }

    .grid-nvhX89 > *:nth-child(8){
        order: 7;
    }
}

@media only screen and (max-width: 650px) and (min-width: 0px){
    .big-text{
        font-size: 24px !important;
    }

    .big-text-counter .elementor-widget-text-editor{
        white-space: wrap;
        max-width: 90px !important;
    }
}    

@media only screen and (max-width: 410px) and (min-width: 0px){
    .hero .is-bg-img img{
        object-position: 75% 50% !important;
    }
}


/* CODE DE L'ANCIENNE VERSION DU SITE AVANT REFONTE */



/* CORRECTION AVEC PRIORITÉ ACCRUE SUR MOBILE */
@media (max-width: 768px) {
    /* 1. RÉDUIRE LA PRIORITÉ DU CHAT (Force la règle) */
    .mwai-messages-theme .mwai-trigger {
        z-index: 1 !important; /* On met une valeur TRÈS BASSE et on la force avec !important */
    }

    /* 2. AUGMENTER LA PRIORITÉ DE VOS BOUTONS (Sécurité) */
    .elementor-button,
    a.elementor-item,
    a[href] { 
        position: relative; 
    }
}

body {
    overflow-x: hidden;
}

/* Applique le style aux boutons ayant la classe .customer-gold-button */
.customer-gold-button {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2.7px;
    font-size: 15px;
    color: var(--e-global-color-primary);
    background-color: transparent;
    background-image: radial-gradient(at top right, var(--e-global-color-421ebdd) 0%, var(--e-global-color-c56eff8) 100%);
    border-style: solid;
    border-width: 0.1px;
    border-color: var(--e-global-color-f1f0a88);
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.09803921568627451);
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    animation: fadeInUp 1s ease-out;
            margin-top: 30px;

}

/* Styles pour le lien dans le bouton */
.customer-gold-button a {
    color: white;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* Effet de survol du bouton */
.customer-gold-button:hover {
    background-color: #373737;
    background-image: none;
    border-color: var(--e-global-color-f1f0a88);
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

/* Effet de survol du texte du lien */
.customer-gold-button:hover a {
    color: white !important;
    text-decoration: none !important;
}

/* Animation fade-in */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Section mise en évidence (highlight) */
.highlight {
    background: linear-gradient(135deg, #887951 0%, #AB9764 100%);
    border-radius: 20px;
    padding: 30px;
    color: white;
    box-shadow: 0 10px 30px rgba(116, 143, 201, 0.3);
    margin-bottom: 30px;
        margin-top: 30px;


}

.stats-box {
    background: linear-gradient(135deg, #887951 0%, #AB9764 100%);
    color: white;
    border-radius: 10px;
    margin: 20px 0;
    padding: 1px 20px 20px 20px;
}

/* Grid des fonctionnalités */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.feature-grid-2x2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
    margin: 20px 0;
}

/* Pour mobile */
@media (max-width: 768px) {
    .feature-grid-2x2 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
}

/* Carte des fonctionnalités */
.feature-card {
    background: linear-gradient(135deg, #748fc9 0%, #152E65 100%);
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid #152E65;
    color: #fff;
    box-shadow: 0 10px 30px rgba(116, 143, 201, 0.3);
    margin-top: : 20px;
    margin-bottom: 20px;

}

.feature-card h3 {
    color: #fff;
    margin-bottom: 10px;
}

.feature-card h4 {
    color: #fff;
    margin-bottom: 10px;
}

/* Boîte d'appel à l'action */
.cta-box {
    background: linear-gradient(135deg, #748fc9 0%, #152E65 100%);
    color: white;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
    margin: 30px 0;
    box-shadow: 0 10px 30px rgba(116, 143, 201, 0.3);
}

.cta-box h3 {
    color: white;
    margin-bottom: 15px;
}



.pros-cons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 20px 0;
}

@media (max-width: 768px) {
    .pros-cons {
        grid-template-columns: 1fr;
    }
}

.pros, .cons {
    padding: 20px;
    border-radius: 8px;
}

.pros {
    background-color: #d4edda;
    border-left: 4px solid #28a745;
    color: #000000;
}

.cons {
    background-color: #f8d7da;
    border-left: 4px solid #dc3545;
    color: #000000;
}

.pros h3, .cons h3 {
    margin-top: 0;
    color: #000000;
}

.pros h4, .cons h4 {
    margin-top: 0;
    color: #000000;
}