/* =============================================================================
 * Papir V2 — custom.css
 * Styles globaux du thème. Consomme les tokens de var.css.
 * Règle : jamais de valeur brute ici — toujours via var(--token)
 * ========================================================================== */

/* -----------------------------------------------------------------------------
 * 1. RESET & BASE
 * -------------------------------------------------------------------------- */

*, html {
    scroll-behavior: smooth !important;
    scroll-margin-top: 6rem;
}

body:not(.wp-admin) * {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    line-height: var(--line-height);
}

#page {
    margin: auto;
}

b, strong {
    font-weight: bold;
}

a, a:link, a:visited {
    color: inherit;
}

/* -----------------------------------------------------------------------------
 * 2. TYPOGRAPHIE
 * -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    line-height: var(--title-line-height);
}

body p {
    font-size: var(--global-kb-font-size-md);
}

ul, ol {
    margin-left: 0;
    padding-left: 1em;
}

/* Extensions typographiques projet — ajouter ici */

/* -----------------------------------------------------------------------------
 * 3. LAYOUT & CONTENEURS
 * -------------------------------------------------------------------------- */

#primary {
    background: var(--col_2);
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-kadence-rowlayout):not([class*="kb-"]) {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--small_width);
}

.entry-content .alignwide {
    margin: auto;
    max-width: var(--medium_width);
}

.entry-content .alignfull {
    max-width: 100%;
}

.alignfull:not(.fullWidth_content, .page_header, #primary_footer, .sub_footer) .kt-row-column-wrap,
.blog_container {
    margin: auto;
}

/* -----------------------------------------------------------------------------
 * 4. UTILITAIRES
 * -------------------------------------------------------------------------- */

.reverse_grid {
    direction: rtl;
}

/* Classes utilitaires projet — ajouter ici */

/* -----------------------------------------------------------------------------
 * 5. COMPOSANTS UI
 * -------------------------------------------------------------------------- */

.site-title {
    display: none;
}

.entry-footer {
    display: none;
}

/* Boutons — surcharges globales */

/* Formulaires — surcharges globales */

/* Navigation — surcharges globales */

/* -----------------------------------------------------------------------------
 * 6. CLASSES UTILITAIRES TYPOGRAPHIQUES
 * -------------------------------------------------------------------------- */

/*
 * Papir — Classes utilitaires typographiques
 * Usage dans Kadence Blocks : "Classe CSS additionnelle"
 * .font-primary   → Police principale (pilotée par le Customizer)
 * .font-secondary → Police secondaire (pilotée par le Customizer)
 * .font-accent    → Police d'accent (pilotée par le Customizer)
 */

/* -----------------------------------------------------------------------------
 * 7. SVG
 * -------------------------------------------------------------------------- */

/* SVG — ne pas forcer la largeur sur les blocs image (Kadence gère) */
img[src$=".svg"] {
    height: auto;
}

/* Logo SVG */
.custom-logo img[src$=".svg"],
.custom-logo-link img,
.site-logo img[src$=".svg"] {
    width: var(--logo-width, 160px);
    height: auto;
    display: block;
}


/* -------- */
.stick-it{
	position:fixed!important;
	top:0;
	left:0;
	width:100%;
	z-index:2000;
}
.admin-bar .stick-it{
	
	top:30px;
}
.chiffres-home > div{
	display:flex;
	gap:10%;
	
}
.kb-count-up-title:before{
	content:"";
	display:block;
	height:6px;
	width:4em;
	background:var(--col_4);
	margin-bottom:.5em;

}
/* -----------------------------------------------------------------------------
 * 8. RESPONSIVE
 * -------------------------------------------------------------------------- */

/* Tablettes */
@media (max-width: 1024px) {

}

/* Mobiles */
@media (max-width: 767px) {
.chiffres-home > div{
	flex-direction:column;
	gap:3rem;}
}