/*** ARCHIVE CATEGORIE : Header ***/
.categorie-header {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: start;
}
.categorie-bg-x, .categorie-bg-y {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
	z-index: 1;
}
.image-categorie{
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 70%;
	z-index: 0;
	display: flex;
}
.image-categorie img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.categorie-wrap{
	z-index:2;
	min-height:600px;
	align-items: center;
    display: flex;
}
.categorie-infos {
    width: 35%;
	margin: 75px 0;
}
.titre-cat, .sous-titre{
	margin-bottom:10px;
}
.btns-archive{
	align-items: center;
	justify-content:center;
    display: flex;
	flex-wrap:wrap;
	gap: 10px 20px;
}

/* Sous catégories cuisines */
.categorie-produit.is-child-of-cuisines .categorie-bg-x{
	display:none;
}
.categorie-produit.is-child-of-cuisines .image-categorie{
	width:100%;
}

.categorie-produit.is-child-of-cuisines .categorie-infos{
	width:100%;
	display:flex;
	gap:0 40px;
	justify-content:space-between;
	align-items: end;
	margin: 75px 0 40px 0;
}
@media screen and (min-width:993px){
	.categorie-produit.is-child-of-cuisines .categorie-wrap{
		min-height: 500px;
		align-items: end;
	}
	.categorie-produit.is-child-of-cuisines  .titre-cat {
		width: min-content;
		max-width: calc(100% - 440px);
	}
	.categorie-produit.is-child-of-cuisines .categorie-infos-txt {
		max-width: 600px;
		min-width: 400px;
	}
}
@media screen and (max-width:1400Px){
	.categorie-infos {
		width: 480px;
	}
	.image-categorie {
    	width: calc(100% - 500px);
	}
}
@media screen and (min-height:800px) and (min-width:993px){
	.categorie-produit.is-child-of-cuisines .categorie-wrap{
		min-height: calc(65vh - 100px);
	}
	.categorie-produit .categorie-wrap{
		min-height:calc(85vh - 120px);
	}
}

@media screen and (max-width:992Px){
	.categorie-header {
		flex-direction: column-reverse;
	}
	.categorie-wrap {
    	min-height: fit-content;
	}
	.categorie-infos {
        width: 100%;
		margin: 0px 0 30px;
    }
	.categorie-produit.is-child-of-cuisines .categorie-infos {
		flex-direction: column;
		justify-content: end;
		align-items: start;
		margin: 0px 0 30px 0;
	}
	.image-categorie {
		position: relative;
		width: 100%;
		order: 1;
	}
	
	.image-categorie img{
		max-height: 40vh;	
	}
}
@media screen and (max-width:767Px){
	.categorie-infos {
		margin: 0px 0 20px;
    }
	.categorie-produit.is-child-of-cuisines .categorie-infos {
		margin: 0px 0 20px 0;
	}
}

/*** ARCHIVE CATEGORIE : Produits ***/
.produits-list {
    padding: 0px 0px 75px 0px;
}
.produits-list .no-produits {
    text-align: center;
    margin: 0 auto 50px auto;
    width: fit-content;
    display: flex;
}
.produits {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
	width: 100%;
    padding: 0 60px;
	max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.card-produit .produit-thumbnail{
	overflow:hidden;
}
.card-produit:hover .produit-thumbnail img {
    transform: scale(1.1);
}
.card-produit .produit-thumbnail img {
    transition:0.3s ease-in-out;
}

@media screen and (max-width:1200Px){
	.produits {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:992Px){
	.produits {
		padding: 0 40px;
	}
	.produits-list{
		padding: 0px 0px 60px 0px; 
	}
}
@media screen and (max-width:767Px){
	.produits{
		gap:20px;
		padding: 0 20px;
	}
	.card-produit-infos{
		padding:15px!important;
	}
	.produits-list{
		padding: 0px 0px 50px 0px; 
	}
}
@media screen and (max-width:675Px){
	.produits {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* Card produit */
.card-produit {
    position: relative;
    display: flex;
	aspect-ratio: 3 / 2;
	width: 100%;
    height: fit-content;
}
.card-produit-infos {
    width: 100%;
    height: 100%;
	display: flex;
    justify-content: start;
    align-items: end;
	z-index: 6;
	padding:30px;
}
.produit-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index:0;
	display: flex;
}
.produit-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.produit-btn{
	display: flex;
	align-items:center;
	background:var(--blanc);
	border:0px solid var(--blanc);
	height:fit-content;
	min-height: 40px;
	width:auto;
	padding:6px 10px 6px 16px;
	gap: 15px;
	text-transform:uppercase;
	font-weight:700;
	font-size:16px;
	line-height:1.0em;
	color:var(--noir);
	transition:0.3s ease-in-out;
}
.produit-btn svg {
    background: var(--rouge);
    padding: 5px 4px;
    height: 35px;
    width: fit-content;
}
.produit-btn svg path{
	fill:var(--blanc);
	transition:0.3s ease-in-out;
}
.produit-btn:hover{
	border:0px solid var(--rouge);
	background:var(--rouge);
	color:var(--blanc);
}
.produit-btn:hover *{
	color:var(--blanc);
}
@media screen and (max-width:992px){
	.card-produit-infos{
		padding:20px;
	}
}

/*
@media screen and (max-width:992px){
	.produit-btn{
		font-size:16px;
		padding:6px 10px 6px 14px;
	}
}
@media screen and (max-width:767px){
	.produit-btn{
		font-size:16px;
		padding:6px 10px 6px 14px;
	}
}*/


/*** PROJET 3D ***/
.card-projet{
	position: relative;
	padding:20px;
    display: flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 50%, #060602 96%), url(/wp-content/uploads/2025/07/projet-3D-imgs.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center right;
	background-blend-mode: darken;
	text-transform: uppercase;
	width: 100%;
	/*aspect-ratio: 3 / 2;
	 height: fit-content;*/
	height:auto;
}

@media screen and (min-width:1400px){
	.card-projet.col-card-2 {
		padding:20px 60px!important;
	}
}
@media screen and (min-width:1200px){
	.card-projet.col-card-2 {
		padding:20px 40px;
		grid-column: span 2;
		background: linear-gradient(90deg, var(--noir) 30%, rgba(0,0,0, 0.5) 70%), url(/wp-content/uploads/2025/07/projet-3D-imgs.jpg) no-repeat center right / 70% auto;
		align-items: start;
	}	
}


/*** JEU ELECTRO ***/
.card-jeu{
	position: relative;
	padding:20px;
    display: flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
	background: linear-gradient(0deg, var(--rouge) 0%, var(--rouge) 100%), url(/wp-content/uploads/2025/07/jeu-electro.jpg) ;
	background-repeat:no-repeat;
	background-size:cover;
	background-blend-mode: darken;
	text-transform: uppercase;
	width: 100%;
	/*aspect-ratio: 3 / 2;
	 height: fit-content;*/
	height:auto;
}

.card-jeu .btn-electro{
	border: 1px solid var(--blanc);
    background: var(--blanc);
    color: var(--rouge);
}

/*** JEU ELECTRO  & PROJET 3D ***/

.card-jeu *, .card-projet *{
	color:white;
}
.card-jeu .btn, .card-projet .btn{
	margin-top:20px;
}
.card-jeu .h2, .card-projet .h2 {
    font-size: 57Px;
}
.card-jeu .h4, .card-projet .h4 {
    font-size: 28Px;
}
.card-jeu .h3{
    font-weight: 900 !important;
    -webkit-text-stroke: 2Px;
}
.card-jeu .h2, .card-projet .h2  {
    font-weight: 900 !important;
    -webkit-text-stroke: 3Px;
}
@media screen and (min-width:1250px) and (max-width:1450px){
	.card-jeu .h4, .card-projet .h4 {
		font-size: 24Px;
	}
	.card-jeu .h3{
		font-size: 40Px;
	}
	.card-jeu .h2, .card-projet .h2 {
		font-size: 49Px;
	}	
}
@media screen and (min-width:767px) and (max-width:1250px){
	.card-jeu .h4, .card-projet .h4 {
		font-size: 22Px;
	}
	.card-jeu .h3{
		font-size: 36Px;
	}
	.card-jeu .h2, .card-projet .h2 {
		font-size: 44Px;
	}	
}

@media screen and (max-width:767px) {
	.card-jeu .h4, .card-projet .h4 {
	 font-size: 18Px;
	}
	.card-jeu .h3{
		font-size: 30Px;
	}
	.card-jeu .h2, .card-projet .h2 {
		font-size: 36Px;
	}	
}
@media screen and (max-width:675Px){
	.card-jeu, .card-projet{
		aspect-ratio: 3 / 2;
	 	height: fit-content;
	}

}


/**** TAXONOMIES CUISINES ***/
.categorie-cuisines-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: -1;
}

.cuisines-implantations-header {
    padding-top: 125px;
    padding-bottom: 75px;
    text-align: center;
}
.cuisines-implantation-head {
    display: flex;
    gap: 40px;
    justify-content: center;
	margin-bottom: 50px;
}
.cuisines-implantation-left {
	display: flex;
	padding: 20px 30px;
	justify-content: center;
	align-items: center;
	gap: 40px;
    justify-content: center;
	max-width:calc(50% - 20px);
	height: fit-content;
	border-radius: 8px;
background: rgba(224, 223, 223, 0.6);
box-shadow: -22px 123px 35px 0px rgba(0, 0, 0, 0.00), -14px 78px 32px 0px rgba(0, 0, 0, 0.01), -8px 44px 27px 0px rgba(0, 0, 0, 0.05), -4px 20px 20px 0px rgba(0, 0, 0, 0.09), -1px 5px 11px 0px rgba(0, 0, 0, 0.10);
backdrop-filter: blur(12px);
}
.cuisines-implantation-right {
	width:calc(50% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.cuisines-implantation-right .btns-archive {
    flex-direction: column;
}
.bloc-implantation {
    margin-bottom: 50px;
}
.implantation-forme {
    position: relative;
	padding: 20px 0;
}
.implantation-forme:after {
    content: "";
    left: calc(100% + 20px);
    position: absolute;
    height: 100%;
    top: 0;
    width: 1px;
    background: var(--noir);
}
.implantation-image {
    width: 75px;
}


#bloc-cuisine-en-u{
	background-image: url(/wp-content/uploads/2025/07/cuisines-u-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center top;
	margin-bottom:0;
}

@media screen and (min-width:1200px){
	.cuisines-implantation-left {
		max-width: 520px;
	}
}
@media screen and (min-width:992px){
	.produits.produits-cuisines {
		grid-template-columns: repeat(2, 1fr)!important;
	}
}

@media screen and (max-width:992px){
	.cuisines-implantation-head{
		flex-direction:column;
	}
	.cuisines-implantations-header {
		padding-top: 75px;
		padding-bottom: 60px;
	}
	.cuisines-implantation-left {
		width: fit-content;
		max-width:unset;
	}
	.implantation-image {
		width: 60px;
	}
	.cuisines-implantation-right {
		width: 100%;
	}
	.cuisines-implantation-right .btns-archive {
		flex-direction: row;
		justify-content: start;
	}
}
@media screen and (max-width:767px){
	.cuisines-implantations-header {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.cuisines-implantation-left{
		padding: 15px 20px;
	}
	.implantation-forme {
		padding: 10px 0;
	}
	.implantation-image {
		width: 50px;
	}
}