html, body {
	height: 100%;
}
:where(.wp-site-blocks) > * {
	margin-block-start: 0;
}

@media screen { 
	html, body { 
		margin-top: 0 !important; 
	} 

}

/** ============ ADMIN MODE ============ **/

body:not(.admin-mode) #menu-b-left .Mercredi , 
body:not(.admin-mode) #menu-b-left .Vendredi , 
body:not(.admin-mode) #menu-b-left .Samedi , 
body:not(.admin-mode) #menu-b-left .Dimanche  {
		filter: grayscale(.3) contrast(.5);
	cursor: url(/naiv/assets/cursors/not-clickable.svg) 0 0, not-allowed;	
}

body:not(.admin-mode) #menu-b-left .Mercredi > *, 
body:not(.admin-mode) #menu-b-left .Vendredi > *, 
body:not(.admin-mode) #menu-b-left .Samedi > *, 
body:not(.admin-mode) #menu-b-left .Dimanche > * {
		user-select: none;
	pointer-events: none;	
}

body:not(.admin-mode) #menu-b-left .Mercredi  .item-descr, 
body:not(.admin-mode) #menu-b-left .Vendredi  .item-descr, 
body:not(.admin-mode) #menu-b-left .Samedi  .item-descr, 
body:not(.admin-mode) #menu-b-left .Dimanche  .item-descr {
	display: none;	
}


body:not(.admin-mode) .past-present .sub-line:has(.link-to-card) {
		filter: grayscale(.3) contrast(.5);
	cursor: url(/naiv/assets/cursors/not-clickable.svg) 0 0, not-allowed;}

body:not(.admin-mode) .past-present .sub-line:has(.link-to-card) > * {
		user-select: none;
	pointer-events: none;}
body:not(.admin-mode) .past-present .postal-card {
	display: none !important;
}

body:not(.admin-mode) #wpadminbar {
	display: none;
	
}

/** ============ DEV MODE ============ **/


/** ------- RULER ------- **/

body:not(.dev-mode-ruler) .naiv-dev-tool {
	display: none;
}

#absolute-center {
	opacity: .5;
	width: 20px;
	height: 20px;
	border: 2px solid red;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9999;
}
#absolute-center:before {
	content: '';
	width: 100dvw;
	height: 2px;
	background: yellow;
	border: 2px dotted green;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9999;
}
#absolute-center:after {
	content: '';
	width: 2px;
	height: 100dvh;
	background: violet;
	border: 2px dotted blue;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9999;
}

/** ------- OUTLINES ------- **/

/* Debug Mode CSS */
	body.dev-mode-outline :where(*) {
		outline: 1px solid red !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* *) {
		outline: 1px solid green !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * *) {
		outline: 1px solid blue !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * *) {
		outline: 1px solid orange !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * *) {
		outline: 1px solid purple !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * *) {
		outline: 1px solid cyan !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * *) {
		outline: 1px solid magenta !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * *) {
		outline: 1px solid yellow !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * *) {
		outline: 1px solid lime !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * *) {
		outline: 1px solid brown !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * *) {
		outline: 1px solid red !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * *) {
		outline: 1px solid green !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * * *) {
		outline: 1px solid blue !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * * * *) {
		outline: 1px solid orange !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * * * * *) {
		outline: 1px solid purple !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * * * * * *) {
		outline: 1px solid cyan !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * * * * * * *) {
		outline: 1px solid magenta !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * * * * * * * *) {
		outline: 1px solid yellow !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * * * * * * * * *) {
		outline: 1px solid lime !important;
		outline-offset: -1px;
	}	body.dev-mode-outline :where(* * * * * * * * * * * * * * * * * * * *) {
		outline: 1px solid brown !important;
		outline-offset: -1px;
	}