/* Breadcrumb */
.breadcrumb a {
	margin : 0 5px 0 2px;
	color : black !important;
}
.breadcrumb a:hover {
	color :#F0B601;
}
.breadcrumb {
	margin-bottom : 10px;
	text-transform : capitalize;
}
.back_breadcrumb {
	font-weight : 600;
	color : black !important;
	text-transform: uppercase;
}

/* Page Nuance */
.page-produit {
	display : flex;
	padding : 100px 25px 25px 50px;
	background-color: white;
}
.page-produit h1 {
	text-transform : uppercase;
	padding-bottom: 5px;
	border-bottom : 2px solid #F0B601;
	margin-block-start: 0;
}
.page-produit h2 {
  margin : unset;
	padding-bottom: 5px;
	border-bottom : 2px solid #4a5c68;
}
/* Paragraphe Description */
.page-produit p a, .page-produit ul a{
  text-decoration: underline;
  text-decoration-color: #4a5c68 !important;
  color : #4a5c68 !important;
}

/* Liens h2 footer - JulienD - 090425  */
#nav_menu-9 h2,
#nav_menu-7 h2 {
  cursor: pointer;
}

/* V2 */

.v2 .site-main {
	padding-top : 100px !important;
	padding : 0 50px 
}
#lien-offre{
	color : white;
	cursor : pointer;
}
/* Titres V2 */
.v2 .tg-page-content__title{
	display : none;
}
/* Offre */
.offre-pictures a, .offre-pictures a:hover {
	color : white;
	text-decoration : none;

}
.offre-pictures h3 {
	margin-bottom : 0 !important;
	border-bottom : unset;
	transform : none !important;
}

/* V2 : Pages Formes */
/* Titres */
.container-forme-main {
	padding : 0 25px 0 50px !important;
}
#page-forme h1,  #page-mode-decoupe h1, #page-family h1{
	text-transform : Uppercase;
	margin : unset;
	margin-bottom : 25px;
}
#page-forme h2, #page-mode-decoupe h2, #page-family h2{
	margin: unset;
	padding-bottom : 5px;
	border-bottom : 2px solid #4a5c68;
}
#page-forme h3, #page-mode-decoupe h3, #page-family h3{
	margin: unset;
	margin : 5px 0 0 20px;
	border-bottom : 2px solid #ededed;
}
@media (max-width: 780px) {
	.container-forme-main{
	    padding: 0 25px !important;}
	.description-forme, .description-decoupe, .description-family{
		padding-left: 0 !important;
	}
	
}
@media (max-width: 1080px) {
	.container-forme-main{
		flex-direction : column;
}

}
@media (max-width: 1024px) {
	.description-page-forme, .description-page-decoupe {
	justify-content : center;
	flex-wrap : wrap;
}
	
}
/* Paragraphe Description */
.container-forme-main {
	display : flex;
}
.container_image_products{
	margin : unset;
}
.paragraphe-forme{
	font-size : 1.5rem;
	font-weight : 600;
	color : black;
}
.description-forme, .description-decoupe, .description-family{
	margin-bottom : 35px;
	width : 100%;
		padding-left : 25px;
}

/* Cartes Row */
.moyen-decoupe-forme, .cartes-formes{
	margin : 20px 0 30px 0;
}
/* .lien-matiere{
	text-decoration : none;
} */
.title-forme, .title-decoupe, .title-family {
	border-bottom : 2px solid #F0B601;
}
.cart-forme:hover button, .decouvrir-forme button:hover {
	background-color : #FFF7E2 !important;
}

.formes-pictures{
	justify-content : space-between !important;
	padding : unset;
}
.decouvrir-forme p {
	text-transform : Uppercase;
	text-align : center;
}
.formes-pictures img{
	border : 2px solid #F0B601;
	width : 150px;
	padding : 15px;
}
.decoupe-pictures img, .matiere-pictures img{
		border : 2px solid #F0B601;

}
.formes-pictures figcaption{
	font-weight : 600;
}

.formes-pictures figure{
	width : 150px;
	height : 220px;
	text-align: center !important;
}

.description-page-forme, .description-page-decoupe, .description-page-family {
	display : flex;
		flex-wrap : nowrap;

}
@media (max-width: 1080px) {
.description-page-forme, .description-page-decoupe, .description-page-family {
	flex-wrap : wrap;
}
}


.description-page-forme img, .cartes-formes img, .description-page-family img {
	width: 200px;

}

.description-page-decoupe img, .description-page-family img {
	width: 250px;
	height : 200px;
	border : 2px solid #F0B601;
	object-fit: cover;
}

.moyen-decoupe-forme, .cartes-formes {
	display : grid;
	 grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

@media (max-width: 1315px) {
.description-forme{
	max-width : 800px;
}
}



@media (max-width: 1648px) {
  .moyen-decoupe-forme, .cartes-formes {
    grid-template-columns: repeat(4, 1fr); 
}
}

@media (max-width: 1280px) {
  .moyen-decoupe-forme, .cartes-formes {grid-template-columns: repeat(3, 1fr) ; 
}
}

@media (max-width:930px) {
  .moyen-decoupe-forme, .cartes-formes {
    grid-template-columns: repeat(2, 1fr); 
}
}

@media (max-width: 780px) {
  .moyen-decoupe-forme, .cartes-formes {
    grid-template-columns: 1fr;
		  margin-left : auto;
		margin-right : auto;
     max-width : 300px;
}
}

.moyen-decoupe-forme img, .cartes-formes img{
	width : 55%;
	height : auto;
}

.moyen-decoupe-forme a, .cartes-formes a {
	text-decoration : none;
	text-transform : uppercase;
	text-align : center;
}

.moyen-decoupe-forme button, .cartes-formes button{
	background-color : white;
	border : 1px solid #F0B601;
	color : #F0B601;
	width : 200px;
	padding : 10px;
}

.cart-forme, .decouvrir-forme {
	height : auto;
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : flex-end;
	padding : 30px 10px;
}

.cart-forme {
	border: 1px #4a5c68 solid;
}

.cart-forme p {
	height : 75px;
}

.bouton-forme {
	background-color : #F0B601;
	border : 1px solid #F0B601;
	color : white !important;
	padding : 7px 50px;
	text-transform : uppercase;
	text-decoration : none;
	cursor : pointer;
}

.bouton-forme:hover {
	background-color : white;
	border : 1px solid #F0B601;
	color : #F0B601 !important;
	padding : 7px 50px;
	text-transform : uppercase;
}

.forme-item img{
	width : 100px;
}
/* Image + petite HP article */
.home .uagb-post__image{
	width : 70px;
}
.home div.uagb-post__excerpt{
	min-height : 0;
}
/* Fin */
.page-id-3204 {
	background-color : white;
}
.contact-catalogue-form p, .contact-catalogue-form h3{
	margin: unset;
}

#post-3181 .forminator-col, #post-3181 .alignfull {
	padding : unset;
}

#post-3181 .uagb-container-inner-blocks-wrap {
	margin : unset;
}

.contact-catalogue-paragraph{
	margin-bottom : 30px;
}

.padding-top{
	padding-top: 100px !important;
}
.the_result_content_suite, .fa-sliders, .filters_mobile, .equivalence {
	display : none;
}
.fa-sliders {
	font-size : 18px;
}

/* Nuances */
#wrn-group-inox, #wrn-group-nickel {
    height: 90px; 
    overflow-y: auto;
	display: flex;
	flex-direction: column;
	padding-left: 25px;
}

#wrn-group-inox, #wrn-group-nickel {
    scrollbar-color: grey #F5F5F5;
}
#wrn-group-inox:hover, #wrn-group-nickel:hover {
    scrollbar-color: #F0B601 #F5F5F5;
}
#wrn-group-inox label, #wrn-group-nickel label {
    margin : unset;
}


/* Tags */
.tag {
    display: inline-flex; 
    align-items: center; 
    background-color: #F0B601;
    border-radius: 4px;
    padding: 3px 10px;
    margin: 5px;
    position: relative;
    color: white;
    text-transform: capitalize;
    border: 1px solid #F0B601;
}

.remove-tag {
    background: none;
    border: none;
    color: white;
    margin-left: 5px;
    cursor: pointer;
    line-height: 1; 
    display: inline-block; 
    vertical-align: middle; 
  	transform : translatey(1px);
}

.tag:hover {
    background-color: white;
    border: 1px solid #F0B601;
    color: #F0B601;
}

.tag:hover .remove-tag {
    color: #F0B601;
}

/* Séparateur */
.separator{
	border : 1px solid #C2C2C2;
	margin: 10px 15px;
}

.separator-filtre{
	border : 1px solid #C2C2C2;
	margin: 20px;
}

/* Filtres Thickness */
.thickness-filters {
    display: flex;
}

.thickness-filter {
    display: flex;
    flex-direction: column; 
    width: 100%; 
}

.filter-section .thickness-filter label {
   margin: unset;
	 margin: 5px 10px;
    font-size: 16px;
	font-weight : 600;
	color : black ;
}

#min-thickness, #max-thickness, .thickness-filter{
	width : 90%;
	margin-left : 6px;
	font-size: 12px;
}

.thickness-filter input {
    padding: 10px 7px;
    font-size: 14px;
    width: 100%; 
    box-sizing: border-box;
}

.filter-thickness, .filter-thickness:active, .filter-thickness:focus, #search-nuance{
	outline: none;
	border: 1px solid #F0B601;
	background-color : white !important;
}

.filter-thickness::-webkit-outer-spin-button,
.filter-thickness::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.searchbar-container{
	padding : 0 10px;
}

#search-nuance{
	padding: 8px;
	width : 100%;
	box-sizing: border-box;
}

.input-container, .searchbar-container {
    position: relative;
}

.input-container .fa-search{
	font-size : 14px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #F0B601;
}

.searchbar-container .fa-search{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #F0B601;
}

/* Input Checkbox */
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #F0B601;
    border-radius: 0;
    background-color: white;
    position: relative;
    transition: background-color 0.3s,       border-color 0.3s; 
	  margin : unset;
	  margin-right : 5px;
}

input[type="checkbox"]:hover {
    background-color: #F0B601;
}

input[type="checkbox"]:checked {
    background-color: #F0B601;
}

input[type="checkbox"]:checked::before {
    content: "\2713"; 
    color: white; 
    position: absolute;
    top: -4px;
    left: 1px;
    transition: opacity 0.3s;
	font-size: 16px;
}

.search-container h1{
	 margin-block-start: unset;
   margin-block-end: unset;
}

.filter-section h2{
	font-size : 20px;
	font-weight : bold;
}
.filter-section h3{
	border-bottom-color : #F0B601;
	font-size : 18px;
	margin : 15px;
	padding-bottom : 2px;
}
.filter-section h4{
	margin-left : 15px;
	color : black;
	margin : 15px 0 10px 15px;
}
.filter-section label{
		margin : 15px 0 0 25px;
	color: black !important;
	font-weight : 400;
}
.sub-menu {
	width : 180px;
}
#post-9052, #post-560{
	background-color : white;
	
}
.search-container{
	display: flex;
	flex-direction : row;
	gap : 35px;
}

.filter-section{
	width: 30%;
	background-color : white;
	display : flex;
	flex-direction : column;
	gap : 20px;
}
.results-container{
	width : 100%;
	background-color : white;
}

.container-formes, .container-nuances, .container-epaisseur{
	background-color: #F5F5F5;
	padding: 5px;
}

/* Partie Résultats */
.container-title {
	display : flex;
	align-items : center;
	gap : 10px;
}
.container-title h2 {
	font-size: 14px;
}
.search-title{
	display : flex;
	align-items:center;
	gap : 10px;
	width: 65%;
}

.search-result{
	display: flex;
	align-items : center;
	background-color: white !important;
	border : 1px solid #C2C2C2;
	margin : 20px 0;
	padding : 0 15px;
}

.search-result:hover {
    border: 1px solid #F0B601;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}


.search-result h3{
margin-block-end: unset;
	border-bottom: unset;
	text-transform: Uppercase;
}
/* Boutons résultats */
.search-result a{
  text-decoration: unset; 
	color : white !important;
	background-color: #F0B601;
	border : 1px solid #F0B601;
	padding : 10px 50px;
	font-weight : 600;
	margin : 0 auto;
}
.search-result:hover a {
    background-color: white;
	color: #F0B601 !important;
}

.search-result img {
	width:75px;
	padding: 5px;
}

@media (max-width: 768px) {
    .thickness-filters {
        flex-direction: column; 
        gap: 10px;
    }
}

.container_image_products{
	background-color: #F5F5F5;
	display: flex;
	align-items : center;
	justify-content:center;
	padding: 25px 15px;
  max-width : 250px;
	max-height : 230px; 
	margin : 30px 15px;
}

.container_image_products a {
	background-color : #F0B601;
	color : white;
	padding : 8px 55px;
	text-decoration : none;
	border : 1px solid #F0B601;
}

.container_description_products_first, .container_description_products_second{
	background-color : white;
}
.container_description_products_first div:nth-child(2) {
    width: 100%;
	padding : 0 0 25px 25px;
}

.container_description_products_first{
	display : flex;
}

.container_description_products {
	display: flex;
	width : 100%;
}

.liste-formes {
  list-style: none;
	margin-block-end: 0;
	padding : unset;
}

.container_description_products_first img {
	width: 200px;
}
.background-white {
	background-color : white;
}

.container_description_products_first table {
    border-collapse: collapse; 
    width: 60%; 
}

.container_description_products_first table td,
.container_description_products_first table th {
    border: 1px solid #F0B601 !important;
    width: 50px; 
    height: 50px;
    text-align: center; 
}
.box-devis {
	margin : unset;
	text-align: left;
	display : inline-block;
	width: 100%;
	font-weight: 600;
	color : black;
}
.container_title{
	display: flex;
	align-items: center;
	gap : 15px;
}
.container_title h2{
	font-size : 28px;
	margin: unset;
}
.the_result_content {
	max-width : 90%;
}
.tags-container{
	display : flex;
	justify-content: space-between;
	align-items : center;
}
.undo_filters{
	color : #F0B601 ;
	margin : unset;
}
.undo_filters:hover{
	cursor: pointer;
}
.the_title {
	text-transform : uppercase;
	font-size: 28px;
}
#aucun-resultat{
	margin : unset;
	margin-left : 10px;
	color : black;
}
.wrn-group label.matching {
    color: #F0B601 !important;
}
.erreur-thickness{
	color : red;
	font-size : 16px;
	margin: unset;
	margin-left : 12px;
}
.container_description_products_first thead th {
	text-transform : uppercase;
}
.btn-contactez-nous:hover {
     border: 1px solid #F0B601;
 }

.btn-contactez-nous:hover {
	background-color : white;
    color : #F0B601 !important;
 }
.the_shape{
	  text-transform: capitalize;
}
.erreur-thickness {
    display: none;
}

@media (max-width: 1024px) {
	.page-produit{
		flex-direction : column;}
.container_title {
    gap: unset; 
}
		.container_description_products_first div:nth-child(2){
		padding : 0px 0 15px 30px;
	}
	.container_image_products {
		max-width : 100%;
		margin : unset;
	}
	.container_description_products_first table{
		width: 100%;
	}
	.search-container, .search-result, .search-title {
		flex-direction: column;
	}
	.search-title {
		width : 95%;
		padding : 15px 0;
	}
	.search-result {
		padding-bottom : 15px;
	}
	.filter-section {
		flex-direction : row;
		justify-content: space-between;
		width : 100%;
	}
	.container-formes, .container-nuances, .container-epaisseur {
		width : 32%;
	}
	.container_title {
		flex-direction: column;
		align-items: flex-start
	}
	.input-container .fa-search{
		display : none;
		margin-right: 25px;
	}
}
@media (max-width: 930px) {
	
	.similar_products_grid{
		justify-content: center;
	}
	.caracteristiques ul {
    column-count: 1 !important; 
}
	
	.the_result_content_suite, .fa-sliders, .filters_mobile, .equivalence {
	display : block;
}
.filters_mobile {
	display : flex;
	align-items : center;
	justify-content: space-between;
}
	.the_result_content, .filter-section, .results-container .undo_filters, .equivalence_mobile {
	display : none;
}
	.container_description_products_first{
		flex-direction : column;
}
	.container_description_products_first div:nth-child(2){
		padding : unset;
		padding-left : 5px;
	}
	.container_description_products_first div:nth-child(1) {
    display : flex;
		justify-content: center;
}
	.page-produit{
		padding: unset;
	}
	img{
		margin-bottom: 15px;
	}
	.filter-section{
		flex-direction: column;
	}
	.container-formes, .container-nuances, .container-epaisseur {
		width : 100%;
	}
	.input-container .fa-search{
		display : block;
		margin-right: 15px;
	}
	.the_title {
		font-size: 20px;
	}
	.number-resut{
		font-size: 16px;
	}
	
}
 article:not(.home article) {
		padding: 0 25px;
}

.filters_mobile {
		transform: translateY(10px);
}
.filters_mobile p, .filters_mobile i {
		font-size : 16px;
}
.do_filters {
    display: flex;
    align-items: center;
    margin: unset;
  	gap : 5px;
}
.caracteristiques ul {
    column-count: 2; 
    list-style: none; 
    padding: unset; 
    
}

.caracteristiques li {
    break-inside: avoid; 
    margin-bottom: 15px; 
	min-height : 20px;
}

/* Produits similaires */
.similar_products_grid {
    display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap : 10px;
}
.similar_products {
    padding : 10px 0;
}
.product_item {
    width: 200px; 
	 height : 300px;
	  text-align: center;
    border: 2px solid #4a5c68;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.more_products {
    width: 200px; 
	  height : 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
	margin-bottom : 15px;
}

  .product_item img{
	max-width : 50%;
}
.product_item div{
	height : 100%;
	display: flex;
	flex-direction : column;
	align-items : center;
	justify-content: center;
}
.product_item p{
	margin: unset;
}

.product_item h3{
	text-transform : uppercase;
	border: unset;
}

.product_image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.btn-en-savoir-plus{
	height: 100% !important;
}
.btn-en-savoir-plus button, .discover_button{
    background-color: white;
	  color : #F0B601 !important;
    border: 1px solid #F0B601 !important;
    text-wrap: nowrap;
	text-transform : uppercase;
	padding : 8px 40px;
	margin-bottom: 15px;
	font-size : 14px;
}
.btn-en-savoir-plus, .discover_button  {
	 text-decoration: none !important;
}

.btn-en-savoir-plus:hover button, .discover_button:hover{
    background-color:#FFF7E2 !important;
}
.more_products p {
    margin-bottom: 10px;
}

.similar_products h2{
	margin-bottom: 15px;
}

.similar_products h3:not(.product_item h3) {
    margin-left: 20px;
    border-bottom: 2px solid #ededed;
}
.all_shapes {
	text-transform : uppercase;
	text-align: center;
	font-weight: 600;
}
.all_shapes i{
	margin-right: 5px;
}

.title_more {
	margin: 10px 0 20px 0 !important;
	text-transform : uppercase;
	min-height: 60px;
	font-weight: 600;
}


@media (min-width: 1700px) {
    .product_item {
    width: 280px; 
	height : 380px;
}
.more_products {
    width: 280px; 
	  height : 160px;
    
}
}
/* Loader */
#loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1000;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top: 5px solid #F0B601;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.equivalence table {
	overflow-x: scroll;
	display : block;
	border : none;
}

.searchbar-container {
    position: relative;
    display: flex;
    align-items: center;
}

#search-nuance {
    padding-right: 30px;
}

#clear-icon {
    position: absolute;
    right: 34px;
	  top : 8px;
    cursor: pointer;
}

.clear-icon {
    position: absolute;
    right: 40px;
    top: 48%;
    transform: translateY(-50%);
    cursor: pointer;
    
    font-size: 14px;
}



.input-container {
    position: relative;
    display: flex;
    align-items: center;
}

.full-carte{
	padding : 0 10px 30px 10px ; 
}

.full-carte img {
	width: calc(100% + 20px);
	height: 180px;
	object-fit: cover;
}


.full-carte p, .cart-forme p, .decouvrir-forme p{
	font-weight : 600;
}

.is-style-fill a, .is-style-outline a{
	width : 270px;
}

.is-style-fill a, .is-style-outline a{
	border : 1px solid #F0B600;
}

.is-style-fill:hover a {
	background-color : white !important;
}

#address-1 .forminator-row{
	margin-left : 0;
	margin-right : 0;
}