/* 1) Cacher la scrollbar mais garder le scroll */
html,
body {
    -ms-overflow-style: none;
    /* IE/Edge legacy */
    scrollbar-width: none;
    /* Firefox */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari/Edge */
}

/*
Élément	Couleur
Texte	#2C2C2C
Titres	#111111
Accent	#8B5CF6 (violet subtil)
Fond	#F8F7F4
--------------------------------------
Fond principal	Blanc cassé	#FAFAFA
Fond cartes / sections	Blanc pur	#FFFFFF
Texte principal	Gris très foncé	#1F2937
Titres principaux	Noir doux	#111827
Sous-titres	Gris profond	#374151
Texte secondaire	Gris moyen	#6B7280
Bordures légères	Gris clair	#E5E7EB
--------------------------------------
Hover bouton	#1D4ED8
Fond léger accent	#EFF6FF
Border accent	#BFDBFE
*/

:root {
    --bg: #FAFAFA;
    --bg-menubar: #FAFAFA;
    --text: #1F2937;
    --text2: #6B7280;
    --title: #111827;
    --subtitle: #374151;
    --muted: #777;
    --link: #2563EB;
    --bg-hover: #1D4ED8;
    --border: #E5E7EB;
    --bg-btn: #2563EB;
    --bg-border: #2563EB;

    /* tailles fluides (s’adaptent mobile → desktop) */
    --pg-top: 120px;
    --pg-top-sm: 70px;

    /* width */
    --pg-width: 1080px;
}

/* gestion des theme */
.site-theme[data-theme='default'] .theme-title {
    font-family: 'Space Grotesk', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.site-theme[data-theme='default'] .theme-text {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}


.site-theme[data-theme='default'] .theme-copyright {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

.site-theme[data-theme='default'] .theme-btn {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.site-theme[data-theme='default'] .theme-btn:hover,
.site-theme[data-theme='default'] .theme-btn.active,
.site-theme[data-theme='default'] .theme-btn div.active {
    color: var(--bg) !important;
    background: var(--text) !important;
}

.modal-theme[data-theme='default'] .theme-title {
    font-family: 'Space Grotesk', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}


/* notify */
.notifyjs-corner {
    z-index: 9999 !important;
}


/* Mobile */
@media (max-width: 576px) {

    html,
    body {
        overscroll-behavior-y: none;
    }
}


/* Tablette */
@media (max-width: 768px) {
    .page-container {
        padding-top: var(--pg-top-sm) !important;
    }

    html,
    body {
        overscroll-behavior-y: none;
    }

}

/* Laptop */
@media (max-width: 1360px) {}


.logo-container {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
}

.logo-container img,
.logo-container svg {
    display: block;
    width: min(200px, 60vw);
    height: auto;
    max-width: 100%;
}

.separation {
    width: 100%;
    border-top: 1px solid var(--muted);
    margin-top: 3px;
    padding-bottom: 3px;
}



.__btn {
    display: inline-flex;
    position: relative;
    margin: 7px;
    padding: 0px;
    color: var(--text);
    cursor: pointer;
    border: none;
    background: inherit;
}

.__btn:focus,
.__btn:hover,
.__btn:active {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--text);
}

.copyright {
    color: var(--muted);
    font-size: var(--text-copyright-size);
}