:root{--font-title:"Figtree", Sans-serif;--font-text:"Figtree", Sans-serif;--admin-bar:32px;--px-global:20px;--listing-gap:20px;--header-height:86px;--nav-height:86px;--site-container-width:1240px;--bleu-fonce:#152E65;--bleu-mauve:#748FC9;--text:#5B6D93;--doree:#C9B174;--marron-fonce:#4C4430;--bleu-clair:#F4F6FB}body{margin:0!important}.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 rgb(26 25 37 / .08) inset,0 8px 12px -4px rgb(26 25 37 / .06),0 4px 8px -4px rgb(26 25 37 / .12),0 2px 4px -1px rgb(26 25 37 / .12),0 1px 1.5px -.5px rgb(26 25 37 / .12),0 .75px .75px 0 rgb(26 25 37 / .12),0 .25px .25px 0 rgb(26 25 37 / .24),0 1px 3px 0 rgb(255 255 255 / .08) inset,0 .75px .75px 0 rgb(255 255 255 / .08) inset,0 .25px .25px 0 rgb(255 255 255 / .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}.is-button-style-4{background-color:#FFFFFF!important;border:1px solid #FFFFFF!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:.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}.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{-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(https://laporteacademie.com/wp-content/themes/la-porte-academie/assets/css/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(https://laporteacademie.com/wp-content/themes/la-porte-academie/assets/css/%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-video-container iframe{
    height: 100% !important;
}

.hero-video-container,
.hero-video-container iframe{
    min-height: 700px !important;
} */


/* 1. Le conteneur s'adapte à ton calcul */
.lpa-video-hero {
    position: relative !important;
    width: 100% !important;
    /* Ton calcul exact */
    height: 100vh !important; 
    min-height: 100vh !important;
    overflow: hidden !important;
    background-color: #000 !important;
}

/* 2. On positionne les wrappers pour qu'ils remplissent le conteneur */
.lpa-video-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* 3. L'iframe : Le secret du "Object-Fit" simulé */
.lpa-video-wrapper iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    /* On force l'iframe à être plus grande que nécessaire pour "cropper" */
    width: 100vw !important; 
    height: 56.25vw !important; /* Ratio 16:9 basé sur la largeur */

    /* Sécurité : si l'écran est très vertical (ex: grand écran), 
       on s'assure que la vidéo couvre toute la hauteur du calcul */
    min-height: 100vh !important;
    min-width: calc((100vh - var(--header-height)) * 1.7778) !important; 

    max-width: none !important; /* On explose la limite des 1300px */
    border: none !important;
}

/* 4. Cas du Mobile */
@media (max-width: 1240px) {
    .lpa-video-pc { display: none !important; }
    
    .lpa-video-mobile iframe {
        /* On adapte les calculs pour le 9:16 */
        width: 100vw !important;
        height: 177.78vw !important; 
        min-height: 100vh !important;
        min-width: calc((100vh - var(--header-height)) * 0.5625) !important;
    }
}

@media (min-width: 1241px) {
    .lpa-video-mobile { display: none !important; }
}

@media (max-width: 440px) {
    .lpa-video-mobile iframe {
        min-width: calc((100vh - var(--header-height)) * 1.7778) !important;
    }
}


.hero{
    overflow-x: clip !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;
}

.hero-video-shadow{
    position: absolute !important;
	width: 100% !important;
	height: 100% !important;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #00000033 0%, #000000 100%);
}

.bg-img-shadow{
    position: absolute !important;
	width: 100% !important;
	height: 100% !important;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #00000010 0%, #00000070 100%);
}

.hero-video-content{
    position: absolute !important;
    left: 50%;
    top: 150px;
    transform: translateX(-50%) !important;
    max-width: 1200px !important;
}

.block-dnas20c{
    width: fit-content !important;
    position: relative !important;
}

.deco-left-denx29{
    position: absolute !important;
    left: -5em;
    bottom: -2em;
}

.deco-right-denx29{
    position: absolute !important;
    right: -4em;
    top: -1em;
}

.block-text-animation-hero{
    text-align: center !important;
}

/* 1. On autorise le débordement pour voir les slides sortir de l'écran */
.slider-montage {
    overflow-x: clip !important;
}

.slider-montage .slick-list {
    overflow: visible !important;
    /* On ne touche pas aux marges ici pour éviter de décentrer Slick */
    padding: 0 !important; 
    max-width: 650px !important;
    margin: 0 auto !important;
}

/* 2. Le GAP : on utilise du padding sur la slide */
.slider-montage .slick-slide {
    box-sizing: border-box !important;
    transition: transform 0.4s ease;
    outline: none !important;
    padding: 0 40px !important;
}

.slider-montage .slick-slide > *{
    min-height: 360px !important;
}

/* 3. L'effet de ZOOM sur la slide centrée */
.slider-montage .slick-center {
    transform: scale(1.15); /* Mise en avant */
    z-index: 10;
}

/* .slider-montage .slick-track{
    display: flex !important;
    gap: 40px !important;
} */

.section-slider-grid-cat{
    overflow-x: clip !important;
}

@media only screen and (min-width: 1600px){
    .hero-video-content{
        top: 40% !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* --- CONFIGURATION DU CONTENEUR --- */
.hero-video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    pointer-events: none; /* Désactive les clics/interactions */
    background: #000;    /* Fond noir pendant le chargement */
}

/* --- COMPORTEMENT PC (Adaptatif 16:9) --- */
@media (min-width: 1101px) {
    .hero-video-wrapper {
        padding-top: 56.25%; /* Ratio 16:9 strict */
    }
}

/* --- COMPORTEMENT TABLETTE/MOBILE (Hauteur imposée) --- */
@media (max-width: 1024px) {
    .hero-video-wrapper {
        height: 100vh; /* La vidéo prendra 80% de la hauteur de l'écran */
        /* Tu peux mettre 100vh pour un plein écran total */
    }
}

/* --- L'IFRAME EN MODE "COVER" (S'adapte à tout prix) --- */
.hero-video-wrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
}

/* Calcul mathématique pour que la vidéo couvre toujours le cadre sans bandes noires */
@media (min-aspect-ratio: 16/9) {
    .hero-video-wrapper iframe {
        height: 56.25vw;
    }
}
@media (max-aspect-ratio: 16/9) {
    .hero-video-wrapper iframe {
        width: 177.78vh;
    }
}

.block-dasmzp10{
    max-width: 630px !important;
}

.block-mockup-formation{
    /* position: relative !important; */
    /* z-index: -1 !important; */
    max-width: 50% !important;
}

.section-discord{
    overflow-x: clip !important;
    position: relative !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: 1240px) and (min-width: 0px){
    .hero h1{
        font-size: 56px !important;
    }

    .hero-video-content{
        top: 150px !important;
    }

    .animation-sliding-up-text *{
        font-size: 32px !important;
    }

    /* .hero-video-content{
        position: relative !important;
        left: unset;
        top: unset;
        padding-top: 100px !important;
        transform: unset !important;
        max-width: unset !important;
    } */

    .section-formation-reconnue{
        overflow-x: clip !important;
    }
}

@media only screen and (max-width: 1500px) and (min-width: 1024px){
    .deco-dnc40{
        left: -20px !important;
    }

    .deco-dnve901x{
        right: -10px !important;
        top: -9em !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;
    }

    .hero-video-wrapper {
        padding-top: 100%;
    }
}

@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;
    }

    .animation-sliding-up-text *{
        font-size: 24px !important;
    }

    .tablet-overflow-x-hidden{
        overflow-x: clip !important;
    }

    .block-mockup-formation{
        /* right: 0em !important; */
        opacity: .6 !important;
    }
    
}

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

    .block-iphone{
        position: relative !important;
    }

    .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;
    }

    .hero-video-content{
        max-width: 550px !important;
    }

    .slider-montage .slick-list {
        max-width: 80vw !important;
    }

    .slider-montage .slick-slide {
        padding: 0 30px !important;
    }

    .slider-montage .slick-slide > *{
        min-height: 300px !important;
    }

    .section-discord{
        overflow-y: clip !important;
    }
}

@media only screen and (min-width: 650px){
    .hero-title-break{
        display: none !important;
    }
}

@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: 170px !important;
    }
}

@media only screen and (max-width: 500px) and (min-width: 0px){
    .bg-img-shadow{
        background: linear-gradient(to bottom, #00000010 0%, #00000090 100%);
    }
}

@media only screen and (max-width: 430px) and (min-width: 0px){
    .slider-montage .slick-slide {
        padding: 0 20px !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{ 
        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:#fff0;background-image:radial-gradient(at top right,var(--e-global-color-421ebdd) 0%,var(--e-global-color-c56eff8) 100%);border-style:solid;border-width:.1px;border-color:var(--e-global-color-f1f0a88);box-shadow:0 0 10px 0 rgb(255 255 255 / .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}.customer-gold-button a{color:#fff;text-decoration:none!important;transition:color 0.3s ease}.customer-gold-button:hover{background-color:#373737;background-image:none;border-color:var(--e-global-color-f1f0a88);box-shadow:0 0 15px 0 rgb(255 255 255 / .2);transform:scale(1.1)}.customer-gold-button:hover a{color:white!important;text-decoration:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.highlight{background:linear-gradient(135deg,#887951 0%,#AB9764 100%);border-radius:20px;padding:30px;color:#fff;box-shadow:0 10px 30px rgb(116 143 201 / .3);margin-bottom:30px;margin-top:30px}.stats-box{background:linear-gradient(135deg,#887951 0%,#AB9764 100%);color:#fff;border-radius:10px;margin:20px 0;padding:1px 20px 20px 20px}.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}@media (max-width:768px){.feature-grid-2x2{grid-template-columns:1fr;grid-template-rows:auto}}.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 rgb(116 143 201 / .3);margin-top:20px;margin-bottom:20px}.feature-card h3{color:#fff;margin-bottom:10px}.feature-card h4{color:#fff;margin-bottom:10px}.cta-box{background:linear-gradient(135deg,#748fc9 0%,#152E65 100%);color:#fff;padding:30px;text-align:center;border-radius:10px;margin:30px 0;box-shadow:0 10px 30px rgb(116 143 201 / .3)}.cta-box h3{color:#fff;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:#000}.cons{background-color:#f8d7da;border-left:4px solid #dc3545;color:#000}.pros h3,.cons h3{margin-top:0;color:#000}.pros h4,.cons h4{margin-top:0;color:#000}