/******************************/
/* Mobile menu
/******************************/


#mobilemenu {
	

	--timing : 0.3s;
	--horizontal-spacing : 10rem;
	
	box-sizing: border-box;
	border: none; 
	
	opacity: 0;
	transform: translateX(-80%);
	transition: opacity var(--timing) ease-in-out, transform var(--timing) ease-in-out, display var(--timing)allow-discrete, overlay var(--timing) allow-discrete;
	
	
	&::backdrop {
		background: rgba(0 0 0 / 0);
		transition: background-color var(--timing) ease-in-out, overlay var(--timing) allow-discrete, display var(--timing) allow-discrete;
	}
	
	&:popover-open {
		
		opacity: 1;
		transform: translateX(0); 
		
		&::backdrop {
			background-color: rgb(0 0 0 / 0.8); 
		}
		/*
		&:is(.dialog--inner)  {
			transform: translateX(-100px);
		}
		*/
	}
	
	@starting-style {
		&:popover-open {
			opacity: 0;
			transform: translateX(-80%);
			
			&::backdrop {
				background-color: rgb(0 0 0 / 0);
			}
			/*
			&:is(.dialog--inner)  {
				transform: translateX(-100px);
			}
			*/
		}
	}
	
	width: 100%;
	max-width: 400px;
	height: 100vh;
	padding: 0;
	margin-left: 0;
	margin-right: auto;
	background: var(--wp--preset--color--blanc);



	
	.dialog--inner {
		/*	
		transform: translateX(-100px);
		*/
		box-sizing: border-box;
	    padding-block-start: 1rem;
		background: var(--wp--preset--color--blanc);
		overflow: clip;
		min-height: 100%;
		
		& .dialog--head {
			margin-block-end: 2rem;
			
			@media (width < 770px) {
				.dialog--logo {
					max-width: 100px;	
				} 
			}
			
			.dialog--close {
				background: none;
				border: none;
				font-size: 2rem;
				padding-bottom: 0.5rem;
				color: var(--wp--preset--color--jaune);
				&:hover {
					color: var(--wp--preset--color--jaune);
					cursor: pointer;
				}
			}
		}
		
	}
	
	.dialog--nav {
		font-size: var(--wp--preset--font-size--large);
		gap: 1rem;
	}
	
	.dialog--social {
		gap : 1rem;
		margin-top: 2rem;
		
			a   {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 2.5rem;
				height: 2.5rem;
				border: 1px solid var(--wp--preset--color--jaune);
				border-radius: 50%;
				font-size: 1.5rem;
				
			}
		}
		
	}
	
	
	.menu-item {
		
		
		&:is(.current_page_item, .current-menu-item) {
			border-bottom: 1px solid;
		}
		
		body:is(.tax-cke-proprietes_type, .single-cke-proprietes) &:is(.proprietes) {
			border-bottom: 1px solid;
		}
		
		body:is(.single-cke-blogue) &:is(.blogue) {
			border-bottom: 1px solid;
		}
		
		
		
		
	}
	
}








/*********/