.bs-exp-inner:has(.nb-oversheet-content) {
	width: unset;
	max-width: 100%;
}

.bs-content .nb-branch.oversheet .nb-oversheet-content {
	background-color: #ededed;
	background-image:url("/naiv/assets/images/washi.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 12px 16px 26px 0px #3d3d3d;
	
	min-height: unset;
	
	--oversheet-height: calc(100dvh - var(--total-menu-area-height) - 50px);
	
	width: 1400px;
	max-width: 100%;
	height: var(--oversheet-height);
	overflow-y: scroll;
	display: flex;
    flex-direction: column;
	position: relative;
	
	scrollbar-width: thin;
	scrollbar-color: rgba(102,102,102,0.7) rgba(255,255,255,0);
	scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
	
	border-radius: 15px;
	transform: translate(0,0);
	position: relative;
	
	overflow-x: hidden;
}
@media (min-width: 601px) {
	.bs-content .nb-branch.oversheet .nb-oversheet-content {
		font-size: 120%;
	}
}

.bs-content .nb-branch.oversheet .nb-oversheet-content.expanded {
	width: 1300px;
	max-width: 95%;
}
@media (max-width: 600px) {
	.bs-content .nb-branch.oversheet .nb-oversheet-content {
		font-size: 90%;
	}
	.bs-content .nb-branch.oversheet .nb-oversheet-content.expanded {
		max-width: 100%;
	}
}

.bs-content .nb-branch.oversheet .nb-oversheet-content  {
	color: #1a1d26;
}

.bs-wrapper .oversheet a {
	color: unset;
}

.bs-content .nb-branch.oversheet .nb-oversheet-content p:not(.has-text-color, .has-link-color) a {
	color: #182035;
}

.bs-content .nb-branch.oversheet .nb-oversheet-content .wp-block-button a {
	color: #e6e6e6;
}

.oversheet .bs-exp-header {
	z-index: 10;
	position: absolute;
	top: 0;
	transform: translateY(-100%);
}

.oversheet .bs-exp-inner > div {
	max-width: 100%;
}

.nb-scroll-arrows .up,
.nb-scroll-arrows .down {
	position: absolute;
	right: 30px;
	width: 50px;
	height: 50px;
	background-image: url("/naiv/assets/icons/arrow.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
}

.nb-scroll-arrows .up {
	top: 30px;
	transform: rotate(-90deg);
}

.nb-scroll-arrows .down {
	bottom: 30px;
	transform: rotate(90deg);
}

.nb-scroll-arrows .arw.disabled {
		filter: grayscale(.3) contrast(.5);
	cursor: url(/naiv/assets/cursors/not-clickable.svg) 0 0, not-allowed;}

.oversheet .nb-slide {
	scroll-snap-align: start;
	flex-grow: 1;
	min-height: var(--oversheet-height);
	max-width: 95%;
	width: 1000px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.oversheet,
.oversheet p,
.oversheet .wp-block-heading,
.oversheet h1 , 
.oversheet h2 , 
.oversheet h3 , 
.oversheet h4 , 
.oversheet h5 , 
.oversheet h6  {
	font-family: congenial;
}

.oversheet .nb-slide p {
	margin-top: 10px;
}

.oversheet .wp-block-buttons  {
	margin-top: 15px;
	margin-bottom: 10px;
}

.oversheet .wp-block-buttons.is-vertical .wp-block-button {
	width: 100%;
}

@media (max-width: 600px) {
	.oversheet .m-9-16 {
		aspect-ratio: 4 / 5;
	}
	.oversheet .m-9-16 img {
		height: 100%;
		object-fit: cover;
	}
}

.oversheet .wp-block-button {
	position: relative;
	
	transition: filter .15s ease-in-out, transform .15s ease-in-out;
	filter: drop-shadow(0px 0px 0px rgba(0, 0, 1px, 0.5));
	transform-origin: top left;
	transform: rotate(var(--rotation)) scale(1);
}
.oversheet .wp-block-button:hover {
	transform: rotate(var(--rotation)) scale(1.05);
	filter: drop-shadow(0px 5px 2px rgba(0, 0, 0, 0.5));
}

.oversheet .wp-block-button::before {
		content: '';
	position:absolute;
	z-index: -10;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;	
	opacity: 0.7;
	background-color: var(--mapBgColor);
	filter: brightness(.5);
}

:root :where(.oversheet .wp-block-button .wp-block-button__link) {
	background-color: unset;
}

.oversheet .wp-block-button::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: -30px;
	background-image: var(--scotch-img);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 70px;
	height: 15px;
	transform: rotate(-50deg);
}


.pelerinage-title {
	letter-spacing: .05rem;
	text-transform: uppercase;
}

.pelerinage-title  .caps {
	font-size: 180%;
}
.pelerinage-title  .colored-caps {
	color: #8A0000;
}

.bg-royal-compass {
	background-image:url("/naiv/assets/images/naviguer/royal-compass.webp");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

@media (max-height: 870px) and (max-width: 600px) {
	.oversheet #slide-intro img  {
		max-width: 175px;
	}
	.oversheet .pelerinage-title  {
		line-height: 1;
	}
	.oversheet p  {
		line-height: 1.4rem;
	}
	.bs-content .nb-branch.oversheet .nb-oversheet-content {
		--oversheet-height: calc(100dvh - var(--total-menu-area-height) - 25px);
	}
}

@media (max-height: 700px) and (max-width: 450px) {
	.bs-content .nb-branch.oversheet .nb-oversheet-content {
		scroll-snap-type: y proximity;
	}
	.bs-content .nb-branch.oversheet .nb-oversheet-content {
		--oversheet-height: calc(100dvh - var(--total-menu-area-height) - 10px);
	}
}