.elementor-23 .elementor-element.elementor-element-6fcfd6d{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -65px) 40px;top:0px;}body:not(.rtl) .elementor-23 .elementor-element.elementor-element-6fcfd6d{left:39px;}body.rtl .elementor-23 .elementor-element.elementor-element-6fcfd6d{right:39px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23 .elementor-element.elementor-element-e35b41a{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 83px;top:-13px;}body:not(.rtl) .elementor-23 .elementor-element.elementor-element-e35b41a{left:0px;}body.rtl .elementor-23 .elementor-element.elementor-element-e35b41a{right:0px;}body.elementor-page-23{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-e35b41a{width:var( --container-widget-width, 124px );max-width:124px;margin:54px -8px calc(var(--kit-widget-spacing, 0px) + 0px) -88px;padding:-18px -29px 0px -22px;--container-widget-width:124px;--container-widget-flex-grow:0;top:-28px;}.elementor-23 .elementor-element.elementor-element-e35b41a.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-23 .elementor-element.elementor-element-e35b41a{left:143px;}body.rtl .elementor-23 .elementor-element.elementor-element-e35b41a{right:143px;}.elementor-23 .elementor-element.elementor-element-ffbc0a8{margin:-102px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS *//* ==========================================================
   SKOOM — CORRECTION PLEINE LARGEUR
   KADENCE + ELEMENTOR
========================================================== */


/* ----------------------------------------------------------
   1. SUPPRIME LES LIMITATIONS DE LARGEUR DU THÈME KADENCE
---------------------------------------------------------- */

body.elementor-page .site,
body.elementor-page .site-content,
body.elementor-page .content-area,
body.elementor-page #primary,
body.elementor-page .site-main,
body.elementor-page .content-container,
body.elementor-page .site-container,
body.elementor-page .entry-content-wrap,
body.elementor-page .entry-content {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ----------------------------------------------------------
   2. ELEMENTOR : LE CANEVAS PREND 100 % DE L'ÉCRAN
---------------------------------------------------------- */

body.elementor-page .elementor {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* CONTENEURS PRINCIPAUX ELEMENTOR */

body.elementor-page .elementor > .e-con,
body.elementor-page .elementor > .elementor-element {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ----------------------------------------------------------
   3. HERO SKOOM
   FORCE LE HERO À TOUCHER LES DEUX BORDS DE L'ÉCRAN
---------------------------------------------------------- */

.skoomers-hero,
.skoom-skoomers-hero {
    position: relative !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   4. SECTION PROFILS SKOOM
   LE FOND PREND TOUT L'ÉCRAN
---------------------------------------------------------- */

.skoomers-section {
    position: relative !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden;
}


/* ----------------------------------------------------------
   5. CONTENU INTERNE
   TRÈS LARGE SUR GRAND ÉCRAN MAIS AVEC RESPIRATION
---------------------------------------------------------- */

.skoomers-container {
    width: 92vw !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   6. LES CARTES UTILISENT TOUT L'ESPACE DISPONIBLE
---------------------------------------------------------- */

.skoomers-grid {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: clamp(16px, 1.5vw, 30px) !important;
}


/* ----------------------------------------------------------
   7. CARTES
---------------------------------------------------------- */

.skoomer-card {
    width: 100% !important;
    max-width: none !important;

    min-width: 0 !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   8. ZONE DASHBOARD
---------------------------------------------------------- */

.skoomers-experience {
    width: 92vw !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    grid-template-columns:
        minmax(280px, 0.65fr)
        minmax(0, 1.8fr) !important;
}


/* DASHBOARD */

.dashboard-wrapper {
    width: 100% !important;
    max-width: none !important;
}

.skoom-dashboard {
    width: 100% !important;
    max-width: none !important;
}


/* ----------------------------------------------------------
   9. CTA
---------------------------------------------------------- */

.skoomers-cta {
    width: 100% !important;
    max-width: none !important;
}


/* ==========================================================
   GRAND ÉCRAN
   1600 PX ET +
========================================================== */

@media (min-width: 1600px) {

    .skoomers-container,
    .skoomers-experience {
        width: 94vw !important;
    }


    .skoomers-grid {
        gap: 28px !important;
    }


    .skoomer-card {
        padding: 34px 34px 32px !important;
    }

}


/* ==========================================================
   TRÈS GRAND ÉCRAN
   2000 PX ET +
========================================================== */

@media (min-width: 2000px) {

    .skoomers-container,
    .skoomers-experience {
        width: 92vw !important;
    }


    .skoomer-card {
        padding: 40px !important;
    }

}


/* ==========================================================
   TABLETTE
========================================================== */

@media (max-width: 1024px) {

    .skoomers-container,
    .skoomers-experience {
        width: calc(100% - 48px) !important;
    }


    .skoomers-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }


    .skoomers-experience {
        grid-template-columns: 1fr !important;
    }

}


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

@media (max-width: 767px) {

    .skoomers-container,
    .skoomers-experience {
        width: calc(100% - 32px) !important;
    }


    .skoomers-grid {
        grid-template-columns: 1fr !important;
    }

}


/* ==========================================================
   SÉCURITÉ ANTI-DÉBORDEMENT HORIZONTAL
========================================================== */

html,
body {
    max-width: 100% !important;
    overflow-x: clip !important;
}


/* FALLBACK POUR NAVIGATEURS PLUS ANCIENS */

@supports not (overflow: clip) {

    html,
    body {
        overflow-x: hidden !important;
    }

}/* End custom CSS */