/*
 Theme Name:   iwego child
 Description:  Theme iwego
 Author:       Iwego
 Template:     iwego
 Version:      1.0.3
*/




/***********************************************/
/*****************CSS ADMIN**********************/
/**********************************************/


.wp-block-post-content.wp-block-post-content{    background-color: #63afb1;}

/***********************************************/
/*****************GENERAL**********************/
/**********************************************/

a:visited{color: inherit;}
.btn-cta{font-size: 1.6rem;    color: var(--couleur-cta-texte) !important; text-decoration: none;}
.btn-cta:hover {box-shadow: inset 25em 0 0 0 var(--couleur-principale-dark);}

.btn-cta-grey{background-color: var(--couleur-secondaire);}
.btn-cta-grey:hover {box-shadow: inset 25em 0 0 0 var(--couleur-secondaire-dark);}

.underline.active:after { width: 100%; border-radius: 0 20px 40px 0; transform: scaleX(1);}
.underline:after {content: "";position: absolute; height: 5px;width: 100%; right: 0; z-index: -10;background: #E0021A;background-repeat: no-repeat; background-position: right; transform: scaleX(0);transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);transition-delay: 1s;bottom: -1px;z-index: 1; transform: scaleX(0);}
.underline { position: relative; font-weight: 800; z-index: 5}
.has-rgb-255255255-color .underline{color: var(--couleur-topbarmenu);}
.has-rgb-255255255-color{color: var(--couleur-topbarmenu);}

.txt-white *, .txt-white{color: var(--couleur-topbarmenu);}

.li-rouge ul li::marker { color:  var(--couleur-principale);}
.container-bloc-texte-image .background-image-texte-image{border-radius: var(--border-radius);}

.img-round img{border-radius: var(--border-radius);}

.container-grey{text-align:center; background-color: var(--couleur-secondaire-dark); padding: 4rem; border-radius: var(--border-radius);margin: 5rem auto;}
.container-grey h2{margin-top: 0;}
.container-grey *{color: var(--couleur-blanc);}

p strong,li strong{font-weight: 900;}

.container-bloc-texte-image:not(.main-container) .bloc-50-50.bloc-text { max-width: none !important;}

h1{font-size: 3rem;}

ul li::marker {color:  var(--couleur-principale);}

.section-picto {margin-top: 4rem;gap:5rem;}
.section-picto .wp-block-image{text-align: center;}
.section-picto  img{width: 150px;}
.section-picto p{max-width: 60%;margin: auto;}
.section-picto h3 a{font-family: 'Syne, sans-serif';font-weight: bold;font-size: 1.8rem;}


@media (min-width: 1000px) {
    h1{font-size: 5rem;}
    .container-grey *:not(.wp-block-group__inner-container) {max-width: 60%;margin-right: auto;margin-left: auto;}
    .container-grey a:not(.btn-cta),.container-grey a strong:not(.btn-cta),.container-bloc-texte-image a:not(.btn-cta),.container-bloc-texte-image a strong:not(.btn-cta),.container-bloc-texte-image a b:not(.btn-cta),.container-bloc-texte-image a span:not(.btn-cta) {font-weight: bold !important;border-bottom: 2px dotted var(--couleur-principale) !important;max-width: none !important; display: initial; text-decoration: none; }

}

@media (max-width: 767px) {
     h1{font-size: 2.6rem !important;}
    h2{font-size: 2.4rem !important;}
    .underline:after {height: 3px;bottom: 1px;}

}

.red{color:  var(--couleur-principale);}

@media (min-width: 768px) {
  .bloc-image-contain {
    max-height: 600px !important;
  }
}

fieldset{border:0;}

.main-menu > li.menu-item a{text-decoration: none;}

.accordeon-toggle{margin:0;}

/***********************************************/
/*****************HEADER**********************/
/**********************************************/
#headermenu .topbar-menu{display: none;}
.header-menu .hamburger-menu{display: none;}


.mega-menu-content {display: none; position: absolute;left: 12px;top: 100%; width: 100%;background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px; z-index: 999; border-radius: var(--border-radius); overflow: hidden;}



.main-menu{margin-left: 0;}

.topbar-menu { position: sticky; top: 0;background-color: var(--couleur-background);  z-index: 102;  margin-top: 2rem;}

#headermenu { position: sticky; top: 0px; z-index: 101; }
.hamburger-menu { cursor: pointer; display: flex;flex-direction: column;justify-content: center; gap: 0.5rem;width: 3rem;background: none;padding: 0;border: 0;}
.hamburger-menu span {display: block; height: 3px;  background: var(--couleur-principale); border-radius: 3px; transition: transform 0.3s ease, opacity 0.3s ease;}
.hamburger-menu span:nth-child(1) { width: 24px;}
.hamburger-menu span:nth-child(2) { width: 18px;}
.hamburger-menu span:nth-child(3) { width: 12px;}
.hamburger-menu.active span:nth-child(1) { transform: translateY(7px) rotate(45deg);}
.hamburger-menu.active span:nth-child(2) {  opacity: 0;}
.hamburger-menu.active span:nth-child(3) {transform: translateY(-10px) rotate(-45deg);}
.hamburger-menu:hover span,.hamburger-menu.active span {  width: 24px;}

.sidebar-menu { position: fixed;top: 0;left: -100%;width: 100%;height: 100%; background-color:  var(--couleur-secondaire-dark); transition: left 0.4s ease;padding: 3rem;z-index: 999;overflow-y: auto;}
.sidebar-menu.open { left: 0;}
.sidebar-menu .close-btn { font-size: 1.8rem; cursor: pointer;text-align: right;}
.sidebar-menu .close-btn i{color: var(--couleur-principale);margin-left: 0.5rem;vertical-align: middle;}
.sidebar-menu .logo-sidebar{text-align: center;margin-bottom: 4rem;}
.sidebar-menu .connexion-configurateur a{margin-bottom: 5rem;font-size: 1.8rem;}
.sidebar-menu .connexion-configurateur i{    background-color: var(--couleur-principale); padding: 0.5rem; border-radius: 5rem;color: var(--couleur-secondaire);margin-right: 1rem;}
#sidebar-menu  .menu{display: block;margin-left: 0;}
#sidebar-menu .menu li{border-bottom: 1px solid var(--couleur-secondaire);}
#sidebar-menu  .menu li:last-child{border-bottom: 0;}
#sidebar-menu  .menu li a:hover{background-color: transparent !important;color: var(--couleur-principale) !important;}
#sidebar-menu .sub-menu{    opacity: 1 !important; position: relative; transform: none !important;}
#sidebar-menu  .sub-menu {display: none;}
#sidebar-menu  .menu-item-has-children > a { position: relative;padding-right: 1rem; }
#sidebar-menu  .menu-item-has-children > a::after { content: "\f105"; font-family: "Font Awesome 6 Free";font-weight: 900;   position: absolute;right: 1rem;  top: 50%; transform: translateY(-50%); transition: transform 0.3s ease;color: var(--couleur-principale);}
#sidebar-menu  .menu-item-has-children.open > a::after {transform: translateY(-50%) rotate(90deg); }
#sidebar-menu  .sub-menu li a:hover{font-weight: inherit;}
#sidebar-menu {display: flex;flex-direction: column;height: 100%;   padding-bottom: 2rem; }

#sidebar-menu .btn-cta { display: block; width: 100%;margin: 1rem 0;padding: 1rem; box-sizing: border-box; }
#sidebar-menu .btn-cta i { margin-right: 0.8rem; }



.topbar-menu .container-top-bar {display: flex;align-items: center;justify-content: space-between; height: 100%;border-radius: var(--border-radius);background-color: var(--couleur-secondaire-dark); padding:1rem 2rem;}
.sticky.topbar-menu .container-top-bar {background-color: var(--couleur-background);}
.topbar-menu .container-top-bar .txt-hamburger-menu{font-size: 1.6rem;margin: 0;color: color: var(--couleur-topbarmenu);}
.topbar-menu .search-container { position: relative;width: 40%;padding: 0 4rem;}

.topbar-menu  .search-container::before {content: "\f002";font-family: "Font Awesome 6 Free";position: absolute;right: 6rem;top: 50%; transform: translateY(-50%);color: var(--couleur-texte);font-weight: 900;font-size: 1.6rem;}

.topbar-menu  .search-container #keyword { width: 100%; padding: 1rem 2rem; font-size: 1.4rem;border-radius: var(--border-radius);outline: none;font-style: italic;transition: border-color 0.3s ease;    color: var(--couleur-secondaire);}
.topbar-menu  .search-container #keyword:focus { border-color: var(--couleur-principale);box-shadow: 0 0 5px rgba(224, 2, 26, 0.6);}
.topbar-menu  .search-container #keyword:hover { border-color: var(--couleur-principale); cursor: pointer;}

.topbar-menu  .search-container #datafetch { width: calc(100% - 8rem); background: color: var(--couleur-topbarmenu); border-radius: var(--border-radius);  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-height: 30rem; overflow-y: auto; display: none; margin-top: 1rem;position: absolute;}
.topbar-menu  .search-container #datafetch p {margin: 0;padding: 1rem;color: var(--couleur-principale); font-size: 1.4rem;}
.topbar-menu  .search-container  #datafetch.show { display: block;}

.topbar-menu  .search-container .search-result-item {padding: 1rem; border-bottom: 1px solid #f5f5f5; transition: background-color 0.2s ease;opacity: 0; transform: translateY(-1rem); animation: fadeIn 0.3s forwards;}
.topbar-menu .search-result-item a{color: var(--couleur-principale); font-size: 1.4rem;}
.topbar-menu  .search-container  .search-result-item:hover {background-color: #f5f5f5;}
.topbar-menu  .search-container #datafetch .loading-spinner {border: 4px solid #f3f3f3;  border-top: 4px solid var(--couleur-principale);  border-radius: 50%; width: 30px;height: 30px;animation: spin 1s linear infinite; margin: 10px auto;}

.topbar-menu .contact-info { display: flex; align-items: center;gap: 2.5rem;}
.topbar-menu  .info-text {font-size: 1.6rem;color: var(--couleur-topbarmenu);font-weight: bold;}
.topbar-menu .phone-number { font-size: 1.6rem;color: var(--couleur-topbarmenu);font-weight: bold;}
.topbar-menu .phone-number i{margin-right: 0.5rem; color: var(--couleur-topbarmenu);}

#menu-menu-topbar{display: flex; gap:3rem; list-style: none;}
#menu-menu-topbar a {color: var(--couleur-topbarmenu);}

/*#headermenu .main-nav img { filter: brightness(0) saturate(100%) invert(12%) sepia(0%) saturate(0%) hue-rotate(347deg) brightness(93%) contrast(89%);}
*/

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




.main-nav #menu-mega-menu .menu-item-link > img{text-align: center; margin: auto !important; width: auto; height: 40px;max-width: none !important; padding-bottom: 5px;}
.main-menu>li.menu-item { position:relative; }
.main-menu>li.menu-item>a{font-size: 1.8rem;font-weight: bold;text-align: center;padding: 1rem;}
.main-menu>li.menu-item:not(.current_page_item)>a:hover, .main-menu>li.menu-item.open>a{color: white;text-decoration: underline;}
.main-menu>li.current_page_item>a{color: var(--couleur-principale);}
.configurateur-menu{text-align: center;}
.configurateur-menu p{font-size: 1.4rem;}

.mega-menu-content { background: transparent; box-shadow: none; width: 800px; }
.mega-menu-content>div{width: 800px;left: -30px;max-width: 80vw;padding: 2rem 2rem 1rem 2rem;  background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;border-radius: var(--border-radius);}

.mega-menu-content>div.megamenudecors {width: 300px;}
.mega-menu-content  .wp-block-image{height: 100%;}
.mega-menu-content  .wp-block-image img { object-fit: cover;  width: 100%;  height: 100%;border-radius: var(--border-radius);}
.mega-menu-content .wp-block-list{display: block;}
.mega-menu-content .wp-block-list li{    color: var(--couleur-texte); border-left: 5px solid var(--couleur-principale);margin-bottom: 1rem;  font-size: 1.4rem;padding-left: 1rem;}
.mega-menu-content .wp-block-list li a{display: block;color: var(--couleur-texte); font-size: 1.4rem;}
.mega-menu-content .wp-block-list li strong{display: block;text-transform: uppercase; color: var(--couleur-texte);}
.mega-menu-content  p a{color: var(--couleur-texte);font-family: Syne, sans-serif; font-weight: 700;font-size: 2.4rem;margin-left: 3rem;line-height: 1em;}
.imgmegamenu100 img {max-height: 250px; width: 100% !important;}
.header-menu .hamburger-menu{opacity: 0;display: none;visibility: hidden;}

.sticky .configurateur-menu p{display: none;}
.btn-contact-menu { display: none; opacity: 0; visibility: hidden;float: right;}
.sticky .btn-contact-menu { opacity: 1;visibility: visible;margin-top: 1rem;display: block; }
.topbar-menu,.configurateur-menu p { opacity: 1; visibility: visible;}
.configurateur-menu p {display: block;}

.sticky .topbar-menu,.sticky .configurateur-menu p {  opacity: 0;visibility: hidden;display: none !important;}

#menu-topbar .menu a { font-size: 1.6rem;width: 100%;}
.sticky .header-menu{background-color: var(--couleur-secondaire-dark);    padding:1rem 2rem !important;border-radius: var(--border-radius);}

.footer-mobile-bottom{background-color: var(--couleur-secondaire-dark);}

.logo-header{margin-bottom: 0;}

.container-footer-mobile-bottom i{color:var(--couleur-principale);}

#menu-topbar-mobile { display: none;}
#menu-topbar .menu li a:hover, #menu-topbar .menu li.current-menu-item a {background-color: var(--couleur-cta);}
@media (min-width: 1800px) {
    .topbar-menu .search-container { width: 50%;}
}

@media (min-width: 1000px) {
#headermenu .topbar-menu{display: block;}
.header-menu .hamburger-menu{display: block;}
.sticky .header-menu .hamburger-menu{ opacity: 1;visibility: visible;display: flex;}
.btn-contact-menu,.sticky .topbar-menu,.sticky .configurateur-menu p,.header-menu .hamburger-menu { transition: opacity 0.3s ease, visibility 0.3s ease;}
.logo-header{margin-bottom: 1rem;}
.sidebar-menu {width: 20%;padding: 4rem 2rem 4rem 6rem;}
#sidebar-menu  .btn-sidebar-menu {margin-top: auto;width:60%; }
}

@media (min-width: 768px) {
 #menu-topbar .menu a {padding: 0.5rem;  font-size: 1.8rem; width: 100%; border-radius: var(--border-radius);}
 #headermenu.sticky #menu-topbar .menu a {padding: 2rem 0;font-size: 1.8rem;}
  #menu-topbar {display: block; }
#menu-topbar-mobile {display: none; }
}

@media (max-width: 1260px) {
    .configurateur-menu{display: none;}
    .main-nav #menu-mega-menu .menu-item-link > img{width: 50px;height: 50px;}
}


@media (max-width: 767px) {
#menu-topbar { display: none; }
#menu-topbar-mobile { display: block; }
#menu-topbar-mobile .menu a {padding: 1rem 0;font-size: 1.4rem;width: 100%;}
 .sidebar-menu .connexion-configurateur a { margin-bottom: 1rem;}
 .sticky .header-menu{display: none;}
 #headermenu{position: initial;}
 .configurateur-menu{margin-top: 1rem;}
 .btn-sidebar-menu{margin-bottom: 8rem;}
 .topbar-menu{display: none;}
}




/***********************************************/
/*****************FOOTER**********************/
/**********************************************/
 footer .footer-desktop *{color: white;}
footer a {text-decoration: none;}
 @media (min-width: 1000px) {
    .footer-desktop .footer-logo img {  margin: auto; max-width: none;max-height: none;  padding-bottom: 2rem; width: 70%;}
}

.footer-col ul li{margin-bottom: 0.5rem;}

 @media (max-width: 768px) {
footer{padding-top:2rem}
.footer-desktop .footer-logo img {max-width: none; max-height: none;margin: auto;}
 }

/***********************************************/
/*****************ACCUEIL**********************/
/**********************************************/

.container-bloc-slider .slide-content *{color: white;}
.home .slider-carrousel{margin: 0;}
.home .container-bloc-slider .slick-slide .image-slide:before{background: rgba(0, 0, 0, 0.5);}

.section-lance .container-bloc-texte {background-attachment: fixed;background-size: cover; background-position: center;position: relative;display: flex; align-items: center;justify-content: center; overflow: hidden;background-position: top;}



.section-lance .container-bloc-texte::before { content: ''; position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5); z-index: 1;}
.section-lance .bloc-texte-contenu {position: relative;z-index: 2;}


.colonne-contact .gform_wrapper  h2{margin: 0;text-align: center;}
.colonne-contact .gform_wrapper p{text-align: center;}
.colonne-contact .gform_wrapper{padding: 4rem;background-color: white;}
.gform_wrapper .gform_heading{display: none;}
.gform_wrapper.gform-theme--foundation .gform_fields{        column-gap: 2rem !important;    row-gap: 2rem !important;}
.gform_wrapper.gform-theme--framework .gfield--input-type-datepicker .ginput_container_date input{width: 100%;}
.gform_wrapper.gform-theme--foundation .ginput_complex .ginput_container_time{width: 50%;}
.gform_wrapper input::placeholder,.gform_wrapper textarea::placeholder{font-style: italic;}
.gform_wrapper.gform-theme.gform-theme--framework .gform_button.button{font-size: 1.6rem !important;color: white !important;background-color: var(--couleur-cta);
    padding: 7px 20px;    transition: box-shadow 350ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out !important;text-align: center !important; border-radius: var(--border-radius) !important;margin: auto !important;}
.gform_wrapper.gform-theme.gform-theme--framework .gform_button.button:hover {box-shadow: inset 25em 0 0 0 var(--couleur-principale-dark) !important;}
.section-contact{overflow: visible !important;}


.section-compteurs-accueil .compteur-nombre,.section-compteurs-accueil .unite-nombre{font-family: Syne, sans-serif;}



@media (min-width: 1000px) {
	.colonne-contact{position:relative;}
.colonne-contact .gform_wrapper{position: absolute;z-index: 99;  top: -25%; min-height: 800px;}
}

@media (min-width: 768px) {
 .section-compteurs-accueil .compteur-intitule { max-width: 20rem; text-align: center;}
 .section-contact{margin: 25rem 0;}
 .section-compteurs-accueil .compteur-item:not(:last-child)::after { content: ""; position: absolute;  top: 25% ;right: 0;width: 1px;  height: 50%; background-color: var(--couleur-principale); }
}

@media (max-width: 768px) {
.section-lance .container-bloc-texte{padding-top: 2rem;padding-bottom: 2rem;}
.section-contact .wp-block-columns{flex-direction: column-reverse;}
.compteur-nombre, .unite-nombre{font-size: 3rem !important;}
}


.section-compteurs-accueil  .compteur-item {padding: 0 1rem; position: relative;margin: 0;}


.section-reassurance figure{    width: 100px;background-color: white; padding: 1rem; border-radius: 50%;}



/***********************************************/
/*****************BLOG**********************/
/**********************************************/

.blog .latest-post .category,.blog .element-item .category{font-size: 1.6rem !important;color: white !important;background-color: var(--couleur-cta);padding: 7px 20px;    transition: box-shadow 350ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out !important;text-align: center !important; border-radius: var(--border-radius);}
.blog .element-item{background-color: white;border-radius: var(--border-radius);}
.blog .element-item *{color: var(--couleur-texte);}
.blog .latest-post{background-color: white;border-radius: var(--border-radius);}
.blog .latest-post *{color: var(--couleur-texte);}
.blog .bloc-filtre-cas .btn-filtre-cas{font-size: 1.6rem !important;color: white !important;background-color: var(--couleur-cta);padding: 7px 20px;    transition: box-shadow 350ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out !important;text-align: center !important; border-radius: var(--border-radius);}
.blog .bloc-filtre-cas .btn-filtre-cas.is-checked,.blog .bloc-filtre-cas .btn-filtre-cas:hover{box-shadow: inset 25em 0 0 0 var(--couleur-principale-dark);}
.blog h1{font-size: 5rem;font-weight: 700;}


/***********************************************/
/*****************VIGNETTE DECOR**********************/
/**********************************************/

.decor-item {  text-align: center;  background-color: white; border-radius: var(--border-radius); position: relative;  overflow: hidden;transition: transform 0.3s ease-in-out;}
.decor-slider-wrapper .decor-item { margin: 2rem; height:250px; }
.decor-item .decor-content { position: absolute; bottom: 0; height: 100px; justify-content: space-between; width: 100%;background: rgb(255, 255, 255); padding: 1rem; transition: transform 0.3s ease-in-out; display: flex;flex-direction: column; align-items: center;}
.decor-item .picto-decor { display: flex; align-items: center;justify-content: center; gap: 1rem; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; width: 100%;}
.decor-item .picto-decor svg {display: inline-block; width: 35px; max-height: 40px;}
.decor-item .picto-decor svg path { fill: var(--couleur-secondaire);}
.decor-item .decor-thumbnail img {object-fit: cover;height: 150px;    border-top-left-radius: var(--border-radius);  border-top-right-radius: var(--border-radius);}
.decor-item   .decor-title{margin-bottom: 0.5rem; margin-top: 0; font-family: Lato, sans-serif;font-weight: 400;  text-overflow: ellipsis; overflow: hidden; height: 2rem;}
.decor-item .decor-reference{margin-top: 0; margin-bottom: 1rem;}

@media (max-width: 768px) {

.decor-item .decor-thumbnail img{height: 150px;}
}

/***********************************************/
/*****************SINGLE PRODUIT**********************/
/***********************************************/



.container-infos-produits .accordeon-produits h3 { cursor: pointer;padding: 2rem 0;  margin: 0;position: relative; font-family: 'Lato';font-weight: bold;  font-size: 2rem;margin-left: 2rem;}
.container-infos-produits .accordeon-produits h3::after { content: '+'; position: absolute;  right: 1rem;color: var(--couleur-principale); font-size: 3rem;  font-weight: 300;    top: 20%;}
.container-infos-produits .accordeon-produits h3::before { content: '•'; position: absolute;  left: -2rem;color: var(--couleur-principale); font-size: 2rem;  font-weight: bold;    top: 30%;}
.container-infos-produits .accordeon-produits h3.active::after {  content: '-';}

.container-infos-produits  .column-img-produit img { width: 100%;height: auto; display: block;border-radius: var(--border-radius);}
.container-infos-produits .accordeon-produit-info{border-radius: var(--border-radius);background-color: white;padding: 4rem;}
.container-infos-produits .accordeon-produit-info *{color: var(--couleur-texte);}
.container-infos-produits .accordeon-produit-info .liste-profils img{width: 150px;height: auto;}
.container-infos-produits .accordeon-produits{margin-top: 3rem;}
.container-infos-produits .accordeon-produit-info .liste-profils { display: flex; margin: 3rem 0;justify-content: center; gap: 2rem;}
.container-infos-produits .accordeon-produit-info .liste-profils .profil{flex: 1;}
.container-infos-produits .accordeon-produit-info .btn-cta,.container-infos-produits .accordeon-produit-info .btn-cta i{color: white;}
.container-infos-produits .accordeon-produits-content ul li::marker { color:  var(--couleur-principale);}
.container-infos-produits .accordeon-produit-info.img-decoupe{display: flex;}
.container-infos-produits .accordeon-produit-info.img-decoupe img{margin: auto;}

.container-infos-produits .column-info-produit .accordeon-produits-content{ border-top: 1px solid var(--couleur-secondaire-light);padding-bottom:2rem; }


.container-choix-decor h2{text-align: center;}
.container-choix-decor .decor-liste-produit {position: relative;}
.container-choix-decor .decor-liste-produit .decor-group{display: flex; gap:4rem; margin-bottom: 4rem; margin-top: 4rem; flex-wrap: wrap;}
.container-choix-decor .decor-liste-produit .decor-group a,
.container-choix-decor .decor-liste-produit .decor-group>.decor-item{
    flex: 1 1 calc(20% - 4rem); /* Adjust width to account for gap */
    max-width: calc(20% - 4rem);
    height: 250px;
}

@media (max-width: 900px) {
    .container-choix-decor .decor-liste-produit .decor-group{gap: 2rem;}
    .container-choix-decor .decor-liste-produit .decor-group a,
    .container-choix-decor .decor-liste-produit .decor-group>.decor-item {
        flex: 1 1 calc(33.3333% - 1.33rem); /* Two columns on medium screens */
        max-width: calc(33.3333% - 1.33rem);
    }
}

@media (max-width: 600px) {
    .container-choix-decor .decor-liste-produit .decor-group a,
    .container-choix-decor .decor-liste-produit .decor-group>.decor-item {
        flex: 1 1 calc(50% - 1rem); /* Two columns on medium screens */
        max-width: calc(50% - 1rem);
    }
}

.container-choix-decor .decor-item{cursor: pointer;flex: 1; height:100%;}
.container-choix-decor .decor-details-container {position: absolute;}
.container-choix-decor .decor-details-container { background: var(--couleur-secondaire-dark); display: none; padding: 2rem;  margin: 3rem 0; z-index:10;}
.container-choix-decor  .decor-details-container::before { content: ""; position: absolute; bottom: 100%;left: var(--triangle-position, 50%);transform: translateX(-50%); border-width: 3rem; border-style: solid; border-color: transparent transparent var(--couleur-secondaire-dark) transparent;}
.container-choix-decor .decor-details-container.show::before { display: block;}

.container-choix-decor .decor-details-container .decor-details{position: relative;}
.container-choix-decor .decor-details-container *{color: white;}
.container-choix-decor .decor-details-container .close-details { position: absolute;top: 10px;right: 20px; background: none; border: none; font-size: 2rem; cursor: pointer;color: white;}
.container-choix-decor .decor-details-container .decor-details .info-decor{display: flex;justify-content: center;gap: 5rem;}
.container-choix-decor .decor-details-container .decor-details .info-decor .column-thumbnail,.container-choix-decor .decor-details-container .decor-details .info-decor .column-info{flex: 1;}
.container-choix-decor .decor-details-container .decor-details .info-decor .column-thumbnail img{width: 100%;height: auto;}
.container-choix-decor .decor-details-container .decor-details .info-decor .column-info h2{text-align: left;}

.container-choix-decor #loader img{margin: auto; width: 100px;}
.container-choix-decor .decor-pagination {display: flex; justify-content: center;align-items: center;gap: 1rem; margin: 1rem 0;font-weight: bold;}
.container-choix-decor .decor-pagination  .page-info{  cursor: pointer; padding: 0.5rem 1rem;background-color: var(--couleur-principale); color: white;  border-radius: var(--border-radius);}
.container-choix-decor .decor-pagination span {cursor: pointer;padding: 0.5rem 1rem;}
.container-choix-decor .decor-pagination .prev-page,.container-choix-decor .decor-pagination .next-page {background-color: var(--couleur-principale); color: white;  border-radius: var(--border-radius);}
.container-choix-decor .decor-pagination .prev-page i,.container-choix-decor .decor-pagination .next-page i{color: white;}

@media (min-width: 768px) {
    .container-infos-produits { display: flex; flex-wrap: wrap; gap: 5rem;margin: 5rem 0;}
.container-infos-produits  .column-img-produit { flex: 1;}
.container-infos-produits .column-info-produit { flex:1;}
}

/***********************************************/
/*****************SINGLE DECORS**********************/
/***********************************************/


.container-infos-decors { display: flex; flex-wrap: wrap; gap: 5rem;margin: 5rem 0;}
.container-infos-decors  .column-img-decors { flex: 1; width: 50%;}
.container-infos-decors .column-info-decors { flex:1;width: 50%;}
.container-infos-decors .accordeon-decors h3 { cursor: pointer;padding: 2rem 0;  margin: 0;position: relative; font-family: 'Lato';font-weight: bold;  font-size: 2rem;margin-left: 2rem;}
.container-infos-decors .accordeon-decors h3::after { content: '+'; position: absolute;  right: 1rem;color: var(--couleur-principale); font-size: 3rem;  font-weight: 300;    top: 20%;}
.container-infos-decors .accordeon-decors h3::before { content: '•'; position: absolute;  left: -2rem;color: var(--couleur-principale); font-size: 2rem;  font-weight: bold;    top: 30%;}
.container-infos-decors .accordeon-decors h3.active::after {  content: '-';}
.container-infos-decors  .column-img-decors img { width: 100%;height: auto; display: block;border-radius: var(--border-radius);   }
.container-infos-decors  .column-img-decors .main-image img{ max-height: 400px; object-fit: cover;}
.container-infos-decors .accordeon-decors-info{border-radius: var(--border-radius);background-color: white;padding: 4rem;}
.container-infos-decors .accordeon-decors-info *{color: var(--couleur-texte);}
.container-infos-decors .accordeon-decors{margin-top: 3rem;}
.container-infos-decors .accordeon-decors-info .liste-profils { display: flex; margin: 3rem 0;justify-content: center; gap: 2rem;}
.container-infos-decors .accordeon-decors-info .liste-profils .profil{flex: 1;}
.container-infos-decors .accordeon-decors-info .btn-cta,.container-infos-decors .accordeon-decors-info .btn-cta i{color: white;}
.container-infos-decors .accordeon-decors-content ul li::marker { color:  var(--couleur-principale);}
.container-infos-decors .accordeon-decors-info.img-decoupe{display: flex;}
.container-infos-decors .accordeon-decors-info.img-decoupe img{margin: auto;}

.container-infos-decors .accordeon-support .picto-decor svg {display: inline-block; width: 70px; height: 50px;}
.container-infos-decors .accordeon-support .picto-decor svg path { fill: var(--couleur-secondaire);}
.container-infos-decors .decor-details-tehcnique,.accordeon-produits-decors-content .decor-details-tehcnique{display: flex; flex-direction: row;padding: 2rem; align-items: start;}
.details-decors-content .decor-details-tehcnique{display: flex; flex-direction: row;padding: 2rem 0; align-items: stretch;}
.details-decors-content  h3{margin-bottom: 0;}
.container-infos-decors .decor-details-tehcnique .column-chant-pvc,.details-decors-content .decor-details-tehcnique .column-chant-pvc,.accordeon-produits-decors-content  .decor-details-tehcnique .column-chant-pvc{ flex: 1.5; text-align: left; border-right: 0;}
.container-infos-decors .decor-details-tehcnique .column-chant-pvc p,.details-decors-content .decor-details-tehcnique .column-chant-pvc p,.accordeon-produits-decors-content .decor-details-tehcnique .column-chant-pvc p{margin: 0;}
.container-infos-decors .decor-details-tehcnique > div,.details-decors-content .decor-details-tehcnique > div,.accordeon-produits-decors-content .decor-details-tehcnique > div{ flex: 1; padding: 0.5rem 0.5rem 0.4rem 0.5rem; text-align: center; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--couleur-secondaire); flex-grow: 1; flex-basis: 0; }
.container-infos-decors .decor-details-tehcnique > div:first-child,.container-infos-decors .decor-details-tehcnique > div:last-child,.details-decors-content .decor-details-tehcnique > div:first-child,.details-decors-content .decor-details-tehcnique > div:last-child,.accordeon-produits-decors-content .decor-details-tehcnique > div:first-child,.accordeon-produits-decors-content .decor-details-tehcnique > div:last-child{ border-right: 0;}

.container-infos-decors .decor-details-tehcnique > div img,.details-decors-content .decor-details-tehcnique >div img,.accordeon-produits-decors-content .decor-details-tehcnique >div img{width: 40px;margin: auto;padding-bottom: 0.5rem;}
.container-infos-decors .decor-details-tehcnique > div p,.details-decors-content .decor-details-tehcnique > div p,.accordeon-produits-decors-content .decor-details-tehcnique > div p{margin: 0;}
.container-infos-decors .decor-details-tehcnique > div .deux-position,.details-decors-content .decor-details-tehcnique > div .deux-position,.accordeon-produits-decors-content .decor-details-tehcnique > div .deux-position{display: flex;}
.container-infos-decors .decor-details-tehcnique .column-chant-pvc .titre-chant-pvc,.details-decors-content .decor-details-tehcnique .column-chant-pvc .titre-chant-pvc,.accordeon-produits-decors-content .decor-details-tehcnique .column-chant-pvc .titre-chant-pvc{font-size: 1.6rem;margin-bottom: 0.5rem;}

.container-infos-decors .accordeon-decors .accordeon-decors-info .liste-picto-decor{display: flex;align-items: center;flex-direction: row;gap:2rem;}
.container-infos-decors .accordeon-decors .accordeon-decors-info .liste-picto-decor p{flex: 1;margin: 0;}
.container-infos-decors .accordeon-decors .accordeon-decors-info .liste-picto-decor .picto-decor div{flex: 1;}
.container-infos-decors .accordeon-decors .accordeon-support .accordeon-decors-info{padding: 2rem;}
.container-infos-decors .accordeon-decors .accordeon-decors-info .liste-picto-decor .picto-decor{gap: 2rem;display: flex;flex-direction: row;align-items: center;justify-content: center;text-align: center;flex:1;}
.container-infos-decors .accordeon-decors .accordeon-decors-info .liste-picto-decor .picto-decor a p{margin: 0.5rem 0;}
.container-infos-decors .accordeon-decors .accordeon-decors-info .produits-list,.container-infos-decors .accordeon-decors .accordeon-decors-info .portes-list,.container-infos-decors .accordeon-decors .accordeon-decors-info .credences-list{ display: flex; gap: 2rem;text-align: center;margin-top: 2rem;  overflow: hidden;transition: max-height 0.5s ease-in-out;align-items:center;justify-content:center; flex-wrap:wrap; }
.container-infos-decors .accordeon-decors .accordeon-decors-info .produits-list a,
.container-infos-decors .accordeon-decors .accordeon-decors-info .portes-list a,
.container-infos-decors .accordeon-decors .accordeon-decors-info .credences-list a{flex-basis: 30%;}
.container-infos-decors .accordeon-decors .accordeon-decors-info .produits-list img,.container-infos-decors .accordeon-decors .accordeon-decors-info .portes-list img,.container-infos-decors .accordeon-decors .accordeon-decors-info .credences-list img{width: 80px;height: auto;margin: auto;}
.container-infos-decors .accordeon-decors .accordeon-decors-info .produits-list p,.container-infos-decors .accordeon-decors .accordeon-decors-info .portes-list p,.container-infos-decors .accordeon-decors .accordeon-decors-info .credences-list p{font-size: 12px;line-height: 10px;}
.container-infos-decors .column-info-decors .accordeon-decors-content{ border-top: 1px solid var(--couleur-secondaire-light);padding-bottom:2rem; }

.main-image { position: relative;overflow: hidden;}
.main-image img {width: 100%; height: auto; display: block;transition: transform 0.1s ease-out;}
/***********************************************/
/*****************SINGLE PRODUITS DECORS**********************/
/***********************************************/

.contenu-produit-decors h1{color: white;text-align: left;}
.container-infos-produit-decors .column-info-produit-decors  *{color: white;}
.container-infos-produit-decors .column-info-produit-decors .intro *{color: white;}
.container-infos-produit-decors .column-img-produit-decors { flex: 1;width: 50%;}
.container-infos-produit-decors { display: flex; flex-wrap: wrap; gap: 5rem;margin: 5rem 0;}
.container-infos-produit-decors .column-info-produit-decors{flex: 1;}


/*.gallery-container .thumbnail-images {display: flex;flex-wrap: wrap; margin-top: 2rem;}*/
.gallery-container .thumbnail-images .slick-slide {  margin: 1rem; }
.gallery-container .thumbnail-images  .slick-list { margin: 0 -1rem;}
.gallery-container .thumbnail-images  .slick-track { margin: 0; }

.container-infos-produit-decors .accordeon-produits-decors h3 { cursor: pointer;padding: 2rem 0;  margin: 0;position: relative; font-family: 'Lato';font-weight: bold;  font-size: 2rem;margin-left: 2rem;}
.container-infos-produit-decors .accordeon-produits-decors h3::after { content: '+'; position: absolute;  right: 1rem;color: var(--couleur-principale); font-size: 3rem;  font-weight: 300;    top: 20%;}
.container-infos-produit-decors .accordeon-produits-decors h3::before { content: '•'; position: absolute;  left: -2rem;color: var(--couleur-principale); font-size: 2rem;  font-weight: bold;    top: 30%;}
.container-infos-produit-decors .accordeon-produits-decors h3.active::after {  content: '-';}
.container-infos-produit-decors .accordeon-produits-decors-info{border-radius: var(--border-radius);background-color: white;padding: 4rem;}
.container-infos-produit-decors .accordeon-produits-decors-info *{color: var(--couleur-texte);}
.container-infos-produit-decors .accordeon-produits-decors{margin-top: 3rem;}

.container-infos-produit-decors .accordeon-produits-decors .liste-profils { display: flex; margin: 3rem 0;justify-content: center; gap: 2rem;}
.container-infos-produit-decors .accordeon-produits-decors .liste-profils .profil{flex: 1;}
.container-infos-produit-decors .accordeon-produits-decors .liste-profils img{ width: 150px; height: auto;}

.gallery-container .main-image-item{ height: 400px; overflow: hidden;position: relative;   border: 1px solid rgba(255, 255, 255, 0.5);  border-radius: var(--border-radius); }
.gallery-container .thumbnail-item { height: 200px;  overflow: hidden; position: relative; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: var(--border-radius); }

.gallery-container .main-image-item img,.gallery-container .thumbnail-item img {width: 100%; height: 100%; object-fit: cover; object-position: center;  border-radius: var(--border-radius);}
.gallery-container .thumbnail-item img{height: 200px;}
.gallery-container button { width: 40px; height: 40px; margin: auto; background-color: var(--couleur-principale);color: white;border-radius: var(--border-radius); cursor: pointer;font-size: 1.8rem;transition: background-color 0.3s, color 0.3s;border: 0; position: initial; opacity: 1; transform: none;}
.gallery-container  button::before {content: "\f053"; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.gallery-container button:last-child::before { content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.gallery-container{position: relative;}
.gallery-container .btn-produit-decor { display: flex; margin: auto;width: 100px; margin-top: 2rem;}

/***********************************************/
/****************PAGE TEMPLATE PRODUIT**********************/
/***********************************************/

.page-template-produit .h1-produit *{text-align: center;}
.page-template-produit .contenu-general{margin-top: 5rem;}


/***********************************************/
/****************PAGE CONTACT**********************/
/***********************************************/

.page-contact{margin-top: 4rem;}
.page-contact h3{margin-top: 0;}
.page-contact .colonne-contact .gform_wrapper{position: initial;width: 100%;background-color: transparent;margin: auto;padding: 0;}
.page-contact .colonne-contact .gform_wrapper .gfield--input-type-html{display: none;}
.page-contact .wp-block-columns{gap: 5rem;}