/* CORE IMPORTS */
@import url('misc/reset.min.css');
@import url('misc/helpers.min.css');
@import url('misc/col-grid.min.css');
@import url('misc/general.min.css');
@import url('misc/socials.min.css');
@import url('misc/plugin-overrides.min.css');

/* THEME */
@import url('theme/config.min.css');
@import url('theme/text-elements.min.css');

/* SECTIONS */
/* @import url('sections/header.min.css');
@import url('sections/footer.min.css'); */

/* GENERAL BLOCK RULES */
@import url('blocks/blocks.min.css');
/* Individual block styles are loaded dynamically only when the block is called */

/* EXTRA CUSTOM GENERAL STYLES MAY GO HERE */
@import url('theme/extras.min.css');

/* #smooth-wrapper,
#smooth-content {
	pointer-events: none;
} */

html, body {
    scroll-padding-top: calc(var(--sticky-header, 0px) + var(--scroll-buffer, 60px));
}

body.toggle--menu {
	overflow: hidden;
	position: relative;

	main {

		&::after {
			content: '';
			display: block;
			background: rgba(var(--color__black--rgb),0.5);
			position: fixed;
			top: 50%;
			left: 50%;
			height: 100%;
			transform: translate(-50%,-50%);
			width: 100%;
			-webkit-backdrop-filter: blur(35px);
			backdrop-filter: blur(35px);
			z-index: 10;
		}
	}

}

/* SCROLL BAR */
/* Webkit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--color__black); /* Couleur du fond (gris foncé du site) */
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, var(--color__main), var(--color__main)); /* Ton rouge Blitz */
    border-radius: 10px;
    border: 2px solid var(--color__black); /* Espace autour pour le contraste */
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color__grey--light); /* Rouge plus clair pour l’accessibilité (hover) */
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color__main) var(--color__black);
}