/****** HERO ********/
.hero-carte {
	z-index:2;
    display: flex;
    position: relative;
    min-height: calc(100vh - 100px);
	background: var(--violet-moyen);
}
.hero-carte:after{
	content:"";
	position:absolute;
	height:50%;
	width:100%;
    bottom: 0;
    left: 0;
	z-index:0;
	background:linear-gradient(to top, var(--peps) 10%, transparent 100%);
	pointer-events:none;
}
#carte-hero-img-left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60vw;
    height: 65%;
    object-fit: cover;
    border-radius: 50vh 50vh 0 0; /* 300px 300px 0 0 */
    z-index: 1;
}
#carte-hero-img-right {
    position: absolute;
    right: 0;
    top: 0%;
    width: 60vw;
    height: 100%;
}
#carte-hero-img-right:after{
	content:"";
	position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
	background:linear-gradient(to right, var(--violet-moyen) 0px, transparent 200px);
}
#carte-hero-img-right img{
	object-fit: cover;
	object-position: left;
	transform: scaleX(-1);
	width:100%;
	height:100%;
}
.hero-carte_content{
	align-items: start;
    justify-content: start;
    display: flex;
}
.hero-carte_content .carte-txt {
	display: flex;
    flex-direction: column;
    gap: 15px;
    width: 60%;
	max-width:700px;
    background: var(--blanc);
    z-index: 3;
    height: fit-content;
    padding: 60px 60px 160px;
    border-radius: 0 0 330px 330px;
    text-align: center;
}
@media screen and (max-width:1200px){
	.hero-carte_content .carte-txt {
		padding: 50px 60px 120px;
		width: 600Px;
	}
}
@media screen and (max-width:991px){
	.hero-carte_content .carte-txt {
		width: 500Px;
		padding: 40px 40px 120px;
		border-radius: 0 0 300px 300px;
	}
}
@media screen and (max-width:600px){
    .hero-carte_content .carte-txt {
        width: 100vw;
        padding: 30px 50px 100px;
        border-radius: 0 0 300px 300px;
        max-width: unset;
        margin-left: -20px;
        margin-right: -20px;
    }
	#carte-hero-img-left {
		width: 100vw;
		height: 250px;
		border-radius: 250px 250px 0 0;
	}
	#carte-hero-img-right {
		top: unset;
		width: 100%;
		height: 70%;
		bottom: 0;
		border-radius: 00px 300px 0 0;
	}
	#carte-hero-img-right img{
		object-position: top;
	}
	#carte-hero-img-right:after{
		display:none;
	}
	.hero-carte:after{
		height: 70%;
	}
}
@media screen and (max-width:400px){
	.hero-carte_content .carte-txt {
        width: 100vw;
		padding: 30px 40px 100px;
	}
	#carte-hero-img-left {
		height: 210px;
	}
}


/****** PLATS QUI TOURNENT ********/
.plats-carte_content {
    display: flex;
    justify-content: center;
}
.plats-carte{
	z-index:0;
    display: flex;
    position: relative;
	background: url(/wp-content/uploads/2025/11/nos-plats-bg.png);
	background-size:cover;
	background-repeat:no-repeat;		
}
.plats-carte:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(180deg, #F3EBEC 0%, transparent 120px, transparent calc(100% - 180px), var(--blanc) 100%);
    pointer-events: none;
}
.plats-txt {
	padding-top: 200px;
	padding-bottom: 600px;
	position:relative;
    max-width: 400px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
	z-index:2;
	height: 50%;
}

.circle-plats {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300%;
	border-radius: 50%;
    height: auto;
    aspect-ratio: 1;
	z-index:-1;
}
.circle-plats .item-plat {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23%;
    height: auto;
}
.circle-plats .item-plat:nth-child(odd) {
    width: 26%;
}
.circle-plats .item-plat:nth-child(even) {
    width: 22%;
}

.circle-plats {
    transform: translate(-50%, -50%);
    animation: quarterTurn 14s ease-in-out infinite;
    transform-origin: 50% 50%;
}

@keyframes quarterTurn {
    /* 1er quart : 0 -> 90° */
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    18.75% {
        transform: translate(-50%, -50%) rotate(90deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    /* 2e quart : 90 -> 180° */
    43.75% {
        transform: translate(-50%, -50%) rotate(180deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg);
    }

    /* 3e quart : 180 -> 270° */
    68.75% {
        transform: translate(-50%, -50%) rotate(270deg);
    }
    75% {
        transform: translate(-50%, -50%) rotate(270deg);
    }

    /* 4e quart : 270 -> 360° */
    93.75% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@media screen and (max-width:991px){
	.circle-plats{
		width: 220%;
		top: 25%;
	}
	.circle-plats .item-plat:nth-child(odd) {
		width: 24%;
	}
	.plats-txt {
    	padding-bottom: 450px;
	}
}
@media screen and (max-width:600px){
    .plats-txt {
        padding-bottom: 250px;
        padding-top: 250px;
		width: 245px;
		height: auto;
    }
    .circle-plats {
        width: 250%;
        top: 50%;
    }
}


/****** ART DE BIEN MANGER ********/
.bien-manger-carte{
    display: flex;
    position: relative;
	margin-top:-170px;
}
#bien-manger-img-left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60vw;
    height: 100%;
    object-fit: cover;
    border-radius: 500vh 500vh 0 0; /*  500px 500px 0 0 */
    z-index: 1;
}
#bien-manger-img-right {
    position: absolute;
    right: 0;
    bottom: 0%;
    width: 60vw;
    height: 70%;
    object-fit: cover;
	object-position: 50% 30%;
    border-radius: 40vh 40vh 0 0; /* 400px 400px 0 0 */
	z-index: 2;
}
.bien-manger_content{
	align-items: end;
    justify-content: start;
    display: flex;
	padding-top: 100px;
}
.bien-manger_content .bien-manger-txt {
	display: flex;
    flex-direction: column;
    gap: 15px;
    width: 45%;
    max-width: 700px;
    background: var(--peps);
    z-index: 3;
    height: fit-content;
    padding: 170px 70px 90px;
    border-radius: 300px 300px 0 0;
    text-align: left;
}
@media screen and (min-width:1800px){
	#bien-manger-img-left{
		left: 50%;
		width: auto;
		height: 100%;
		aspect-ratio: 6 / 4;
		transform: translateX(-100%);
	}
	#bien-manger-img-right{
		aspect-ratio: 3 / 1;
		height: auto;
		max-height:100%;
	}
	
}
@media screen and (max-width:1200px){
	.bien-manger_content .bien-manger-txt{
		padding: 140px 60px 50px;
	}
}
@media screen and (max-width:991px){
	.bien-manger_content .bien-manger-txt{
		width:450px;
	}
}
@media screen and (max-width:767px){

	.bien-manger-carte {
		margin-top: 0px;
	}
    .bien-manger_content .bien-manger-txt {
        padding: 130px 50px 50px;
        width: 100vw;
		max-width: unset;
        margin-left: -20px;
        margin-right: -20px;
		min-height: 450px;
       justify-content: end;
    }
	#bien-manger-img-left {
		top: -100px;
		bottom: unset;
		height: 100%;
	}
	#bien-manger-img-right{
		top: -80px;
        bottom: unset;
        height: 100%;
        width: 80vw;
	}
}
@media screen and (max-width:600px){
	.bien-manger-carte {
        margin-top: 200px;
    }
	#bien-manger-img-left {
        width: 75vw;
		top: -170px;
    }
	#bien-manger-img-right {
        width: calc(100% - 20px);
		height: 400px;
    }
}