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

/******************************/
/************ GENERAL **********/
/******************************/
h1{text-transform: uppercase;}
#main-content {margin-top: 6rem;}

ul li::marker {
  font-size: 1.5rem;
  color: var(--couleur-secondaire);
  font-weight: 500;
}
@media (min-width: 768px) {
  .max-width600{ max-width:600px; margin-left: auto; margin-right: auto; }
}
.titre-sep {position: relative;text-align: center;overflow: hidden; width: 60%; margin: auto;padding: 4rem 0;}
.titre-sep::before,.titre-sep::after {  content: ''; display: inline-block;  width: 30%;  height: 2px;  background-color: white;  position: absolute; top: 50%; }
.titre-sep::before { left: 0;}
.titre-sep::after {right: 0; }

a.underline {position: relative; padding: .5rem 0; letter-spacing: .02rem;}
a.underline::after {content: ''; background-color: var(--couleur-principale); height: 1px; width: 50%; display: block; margin-top: 6px; transition: inherit;}
a.underline:hover::after {width: 100%;}
.section-carrousel-centre h2 { font-size: 4rem;}

.btn-cta {text-transform: uppercase;padding: 1rem 2.5rem; font-size: 1.6rem;}
.btn-cta:hover{box-shadow: inset 25em 0 0 0 var(--couleur-secondaire);}

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


.btn-cta-fleche .btn-cta:before{margin-right: 0.5em;border-top: 0.35em solid transparent; border-bottom: 0.35em solid transparent; border-left: 0.35em solid white;content: ""; display: inline-block;}

h2 .bold-title{color: var(--couleur-texte);font-size: inherit;}


.li-vert ul li::marker,.li-vert ol li::marker { color:  var(--couleur-principale);}

.breadcrumb {text-transform: uppercase;}
.breadcrumb .breadcrumb_last{color: var(--couleur-principale);}

.tarteaucitronAlertBigTop::after { content: ''; background: url('/wp-content/uploads/2025/07/cookie-iwego.png'); height: 70px; width: 100px; position: absolute; right: 1.1em !important; margin: 0 auto !important; background-size: contain; background-repeat: no-repeat; }

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{display:none;}


.font-caveat h2 {font-family: "Caveat", sans-serif;  line-height: 1.1; font-size: 3.2rem;}

@media (max-width: 768px) {
    .mobile-hidden{display: none;}
    .titre-sep {font-size:3rem;width: 100%;}
    .titre-sep::before,.titre-sep::after {   width: 15%; }

    
}


@media (min-width: 768px) {
.maxwidth800 { max-width: 800px; margin-left: auto; margin-right: auto;}
h2 .bold-title{font-size: 4rem;}
#main-content {margin-top: 15vh;}
}

@media (min-width: 1200px) {
.font-caveat h2 {font-size: 5.5rem !important; line-height: 1.1;}
}

@media (min-width: 1300px) {
#main-content {margin-top: 10vh;}
}


/******************************/
/************ HEADER **********/
/******************************/


header#headermenu {background-color: transparent; position: fixed; width: 100%; }
header .header-menu {background-color: white; border-radius: 5rem; margin: 1.5rem auto; padding: 1rem 1.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; margin-left: auto; margin-right: auto; } 
header .header-logo {height: 3rem;}
header .main-menu {align-items: center; justify-content: flex-start; column-gap: 1.5rem;}
header .main-menu>li.menu-item>a {font-size: 1.4rem;padding: 10px;}
header .main-menu>li.current_page_item>a {color: var(--couleur-principale); font-weight: 600;}
header .main-menu>li.current_page_item>a:hover {color: var(--couleur-principale);}
.current-menu-item .menu-item-link.active, .current-menu-parent.menu-item-has-children>a {color: var(--couleur-principale); font-weight: 600;}
header .main-menu>li.menu-item:not(.current_page_item)>a:hover {color: var(--couleur-principale-light);}

header li.menu-item:first-of-type {margin-left: auto;}

header li.menu-contact, header li.menu-cta {margin-top: 1rem; margin-bottom: 1rem;  flex: 2; max-width: max-content;}
header li.menu-contact a, header li.menu-cta a { border-radius: 2.5rem;}
header li.menu-contact a {border: 1px solid var(--couleur-secondaire-light);}
header li.menu-contact a:hover {border: 1px solid var(--couleur-secondaire-dark);}
header li.menu-cta a { background-color: var(--couleur-principale-light);   font-weight: 600; color: #fff;border:1px solid var(--couleur-principale);}
header .main-menu>li.menu-cta.current_page_item>a {color: white;}
header li.menu-cta a:hover, header li.menu-cta.current_page_item>a:hover  {background-color: transparent;color:var(--couleur-principale-light);}

header li.active a{color:var(--couleur-secondaire);}
header .sub-menu {background-color: white; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: var(--border-radius);padding: 1rem;}
header .btn-header .btn-cta {padding: 0.5rem; font-size: 1.2rem;}


header#headermenu .btn-header{display: flex;gap: 1rem;}

header#headermenu .main-menu > .menu-item-has-children > a::after {content: "";display: inline-block; margin-left: 0.5em; border-top: 0.35em solid transparent; border-bottom: 0.35em solid transparent;  border-left: 0.35em solid var(--couleur-principale);  transform: rotate(180deg); transition: transform 0.3s ease;}
header#headermenu .main-menu > .menu-item-has-children:hover > a::after,header#headermenu  .main-menu > .menu-item-has-children:focus-within > a::after { transform: rotate(90deg);}

header#headermenu .main-menu a {text-transform: uppercase; font-size: 1.4rem;}
header ul{margin-left: 0;}


#catalogue-popup.popup-overlay {   position: fixed; top: 0;  left: 0;  width: 100%;   height: 100%; background: rgba(0,0,0,0.6);  display: flex;  align-items: center;  justify-content: center;  z-index: 999;}
#catalogue-popup .popup-content { background: #fff;   padding: 2rem; border-radius: var(--border-radius); text-align: center;max-width: 90%; box-shadow: 0 0 20px rgba(0,0,0,0.2);position:relative;}
#catalogue-popup .popup-buttons {   margin-top: 3rem; display: flex; gap: 1rem; justify-content: center;}
#catalogue-popup .btn-close {position: absolute; top: 10px; right: 15px;border: none;font-size: 1.5rem;  color: white;cursor: pointer;  background-color: var(--couleur-principale);border-radius: 50%;}

@media (max-width: 768px) {
header .header-menu .logo-header img{ height: auto;}
header .header-menu {justify-content: center;margin: 2rem;gap: 1rem; width: 200px;margin: 1rem auto;}
header#headermenu .btn-header{gap: 0.5rem;}
header#headermenu .btn-header{display: none;}
}

@media (min-width: 768px) {
header .btn-header .btn-cta{ font-size: 1.3rem; padding: 1rem 1.5rem;}
header#headermenu .main-menu a {font-size: 1.3rem;}
}


@media (min-width: 1000px) {
    header .header-menu {margin: 2.5rem auto;} 
    header .header-logo {height: 3rem;}

}

@media (min-width: 1200px) {

    header li.menu-contact {margin-left: 3.5rem;}
    header li.menu-item, header li.menu-contact, header li.menu-cta {flex: auto; max-width: none;}
    header .main-menu>li.menu-item>a {font-size: 1.4rem;}
}


@media (min-width: 1300px) {
    

}

@media (min-width: 1600px) {
    .header-menu {max-width: 1400px;}
    header#headermenu .main-menu a {font-size: 1.4rem;}
    header .btn-header .btn-cta{padding: 1rem 2.5rem; font-size: 1.4rem;}
    header .header-logo {height: 4rem;}
    header li.menu-item {flex: 1;}
  }

/******************************/
/************ FOOTER **********/
/******************************/

.footer-mobile-bottom{background-color: white;border-radius: 50px;padding: 1rem 3rem;}
.hamburger-box .line{background-color: var(--couleur-secondaire);border-radius: var(--border-radius);}
.footer-devis-button{color:var(--couleur-secondaire);}
.container-footer-mobile-bottom i{color:var(--couleur-principale);padding: 0;}
.hamburger-box{height: 20px;}
.footer-devis-button{padding: 0;}
.tel-footer .fa-phone {background-color: var(--couleur-principale);color: white; padding: 10px;border-radius: 50px;}
.contact-tel .fa-envelope{font-size: 2.5rem;}

.hamburger-box.active{height: 24px;}
.hamburger-box.active .line:nth-of-type(3){width: 100%;}

.hamburger-box .line:nth-of-type(2){width: 80%;}
.hamburger-box .line:nth-of-type(3){width: 70%;}

footer{margin-top: 5rem;}
footer .footer-logo{display: flex;}
footer .footer-logo img {margin: auto; max-width: 20rem;}
footer .footer-arbo{margin-top: 2rem;}

footer .footer-col {min-width: calc(50% - 2rem);}
.footer-col .menu a{color: var(--couleur-principale);text-transform: uppercase;font-size: 1.5rem;margin-bottom: 1rem;}
.footer-col .menu .sub-menu a {color: white;text-transform: inherit; font-size: 1.6rem; margin-bottom:0;}
.footer-arbo .texte-footer *{color: white; font-size: 1.6rem;}
footer .footer-copyright a {font-size: 1.4rem;}
.footer-copyright .menu a{color: white;}

footer .sub-menu {margin-left: 0;}


.footer-mobile{background-color:  whitz;}
.footer-mobile-menu ul.menu>li>a, .footer-mobile-contact a {color: var(--couleur-principale); font-size: 1.8rem;}
.footer-mobile-bottom{background-color: white;}
.hamburger-box .line{background-color: var(--couleur-principale);}
.footer-devis-button{padding: 5px;}
.footer-mobile-menu img{width: 170px;}
.footer-mobile .footer-col ul li{border-bottom: 1px solid var(--couleur-gris-clair);}
.footer-mobile-menu .footer-mobile-logo{padding-bottom: 3rem;}
.menu .submenu-toggle i{color: var(--couleur-principale);}
.footer-mobile .footer-col ul li{display: block;}
header .menu .sub-menu.open, .footer-mobile .menu .sub-menu.open{display: block !important;margin-left: 0;}
header .menu .submenu-toggle.open, .footer-mobile .menu .submenu-toggle.open {  transform: rotate(0deg);}
header .menu .sub-menu, .footer-mobile .menu .sub-menu{opacity: 1;transform: none;}
.footer-mobile .menu .sub-menu li{padding: 1rem 0;}
.footer-mobile .menu .sub-menu li a{color: var(--couleur-principale);}
.footer-mobile .menu  a{margin-bottom: 0;}

.container-footer-mobile-bottom .catalogue-footer-mobile img{height: auto;width: 35px;}

@media (min-width: 768px) {
      .footer-desktop{max-width: 1000px;        align-items: center;}
    .footer-desktop .footer-logo img { max-width: none; max-height: none; width: 300px;height: auto;}
    footer .footer-logo img {max-width: auto;}
    .footer-col .menu a{font-size: 1.8rem;}
    footer .footer-col {min-width: auto;}
    .footer-col .menu a{margin-bottom: 2rem;}

}

@media (min-width: 1000px) {
    .footer-arbo {column-gap: 5rem;}
    .footer-col .menu .sub-menu a, .footer-arbo .texte-footer * {font-size: 1.5rem;}
}
/******************************/
/************ ACCUEIL **********/
/******************************/

.container-bloc-texte-image .slick-dots li button:before{color: var(--couleur-gris-clair) !important;opacity: 1;}
.container-bloc-texte-image .slick-dots{ position: relative;bottom: 0;}
.container-bloc-texte-image .slick-dots li.slick-active button:before{color: var(--couleur-principale) !important;}

.ti-widget.ti-goog .ti-header .ti-rating-text strong.ti-rating,.ti-widget.ti-goog .ti-header .ti-large-logo{display: none !important;}
.ti-widget.ti-goog .ti-header .ti-stars{margin-top: 3rem;}

/************************************/
/********* CONTACT FORM *************/
/************************************/

.section-contact h1 {font-family: "Caveat", sans-serif; text-transform: none; font-weight: 500; font-size: 3rem;}
.section-contact h2 {margin: 0;}
.form-contact-guignard {margin-top: 4rem;}

.wpcf7-form { display: flex; flex-wrap: wrap;gap: 2rem; max-width: 800px;}
.wpcf7-form .form-row { display: flex;  flex-wrap: wrap; gap: 2rem; width: 100%;}
.wpcf7-form .form-row .form-column {flex: 1; min-width: calc(50% - 2rem);}
.wpcf7-form .form-row .form-column p{margin: 0;}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form textarea {width: 100%; padding: 1.5rem 2rem !important; border: 1px solid var(--couleur-gris-clair); transition: border-color 0.3s ease, box-shadow 0.3s ease;font-size: 1.6rem;font-family: Lato, sans-serif; font-weight: 400;color: var(--couleur-texte);}
.wpcf7-form input[type="text"]:required,.wpcf7-form input[type="email"]:required,.wpcf7-form input[type="tel"]:required,.wpcf7-form textarea:required {border-color: #ff5733;}
.wpcf7-form input[type="text"]:focus,.wpcf7-form input[type="email"]:focus,.wpcf7-form input[type="tel"]:focus,.wpcf7-form textarea:focus { border-color: var(--couleur-principale); box-shadow: 0 2px 4px rgba(59, 166, 132, 0.3); outline: none;}
.wpcf7-form input::placeholder,.wpcf7-form textarea::placeholder { color: var(--couleur-texte); font-size: 1.6rem;}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item,.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label{margin-left: 0 !important;}
.wpcf7-form input[type="checkbox"] { -webkit-appearance: auto;}

.wpcf7-form .form-row p { margin: 0;}

.wpcf7-checkbox label {position: relative;cursor: pointer;}
.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;width: 20px;height: 20px;top: 0;left: 0;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 20px;width: 20px;top: 0px;left: 0px;border: 1px solid var(--couleur-gris-clair);}
.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\2713";height: 20px;width: 20px;top: 0;left: 0;visibility: hidden;font-size: 18px;text-align: center;line-height: 20px;color:var(--couleur-principale);font-weight: bold;}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}
.wpcf7-list-item-label {margin-left: 30px;display: inline-block;}

.wpcf7-response-output { margin-top: 1rem; padding: 1rem;  border-radius: var(--border-radius);}
.wpcf7-mail-sent-ok {background-color: var(--couleur-principale);color: white; border: 0;}
.wpcf7-validation-errors {background-color: #f8d7da; color: white; border: 0px;}


.wpcf7-form input[type="submit"]{ text-transform: uppercase; padding: 1rem 2.5rem;transition: box-shadow 350msease-in-out, color 200msease-in-out, background-color 200msease-in-out;background-color: var(--couleur-principale);
    color: white;border-radius: var(--border-radius);position: relative;    display: block;font-weight: 400;
    font-size: 1.6rem;border:0;cursor: pointer;}
.wpcf7-form input[type="submit"]:hover{box-shadow: inset 25em 0 0 0 var(--couleur-secondaire);}




@media (min-width: 1200px) {
  .section-contact h1{ font-size: 5rem;}
}


/***********************************************/
/*****************PRRODUIT**********************/
/***********************************************/

.container-infos-produit { display: flex; flex-wrap: wrap; gap: 5rem;margin: 5rem 0;flex-direction: column;}
.container-infos-produit  .column-img-produit { flex: 1;width: 100%; }
.container-infos-produit .column-info-produit { flex:1;width: 100%;}

.container-infos-produit .column-info-produit h1 {text-align: left;text-transform: uppercase;font-weight: bold;}

.container-infos-produit .column-img-produit img { width: 100%;height: auto; display: block;}
.container-infos-produit .column-img-produit .main-image img {max-height: 25rem; object-fit: contain;}
.container-infos-produit .column-img-produit .main-image{margin-bottom: 2rem;padding: 0 1rem;}

.container-infos-produit  .column-img-produit  .thumbnail-item {padding: 0 1rem;cursor: pointer;}

.container-infos-produit .accordeon-produit h3 { cursor: pointer;padding: 2rem 0;  margin: 0;position: relative; font-weight: bold; text-transform: uppercase;border-bottom: 1px solid var(--couleur-texte);}
.container-infos-produit .accordeon-produit h3::after { content: '+'; position: absolute;  right: 1rem;color: var(--couleur-principale); font-size: 3rem;  font-weight: bold;    top: 20%;}
.container-infos-produit .accordeon-produit h3.active::after {  content: '-';}
.container-infos-produit .accordeon-produit .accordeon-produit-info { display: none; margin-bottom: 3rem; margin-top: 2rem;}
.container-infos-produit .accordeon-produit-content ul li::marker,.container-infos-produit .accordeon-produit-content ol li::marker { color:  var(--couleur-principale);}
.container-infos-produit .accordeon-produit .accordeon-produit-info img{margin: 1rem 0;}
.container-infos-produit .accordeon-produit .accordeon-produit-info ul{margin-top: 1rem;}

.single-produit .bandeau-fiche-produit {width: 100%;  height: 60vh; background-size: cover; background-position: center; background-repeat: no-repeat;  position: relative;z-index: 0;}
.single-produit .slick-dots{display: block !important;}
.single-produit .slick-dots li button:before{color: var(--couleur-gris-clair) !important;opacity: 1;}
.single-produit .slick-dots li.slick-active button:before{color: var(--couleur-principale) !important;}


.produits-similaires {padding: 4rem 2rem; text-align: center;}
.produits-similaires .produits-similaires-grid {display: grid; gap: 2rem;  grid-template-columns: 1fr;justify-content: center;}
.produits-similaires .produit-similaire-item { overflow: hidden; padding: 1.5rem; display: flex; flex-direction: column;align-items: center;}
.produits-similaires .produit-similaire-item a {width: 100%;}
.produits-similaires .produit-similaire-item .image {height: 12rem; background-image: url(/wp-content/themes/iwego-child/images/logo-guignard-bg.svg); background-repeat: no-repeat; background-position: center;}
.produits-similaires .produit-similaire-item .image img {height: 100%; display: block; margin-bottom: 1rem; object-fit: contain;margin: auto; background-color: #fff; width: 100%;}
.produits-similaires .produit-similaire-item h3 {font-size: 1.8rem;}
.produits-similaires h2, .section-points-forts h2 {font-family: "Caveat", sans-serif; font-size: 3.5rem; margin-top: 2rem; text-align: center;}


.container-bloc-texte-image .btn-cta {margin-top: 1.5rem;}

.intro-archive{text-align: center;}

.bloc-points-forts {flex-wrap: wrap; column-gap: 7rem; row-gap: 3rem;align-items: center;}
.infos-points-forts {flex-wrap: wrap; gap: 3rem;}
.infos-points-forts .point-fort h3 {text-transform: uppercase; font-size: 1.6rem; margin-bottom: 1rem; margin-top: 0; font-weight: 600;}
.infos-points-forts .point-fort p {margin-top: 0;}
.infos-points-forts .point-fort img {height: 5rem; width: auto;object-fit: contain; margin-bottom: 1.5rem;}
.infos-points-forts .point-fort {column-gap: 2rem; width: calc(50% - 1.5rem); flex-direction: column; align-items: center;}
.image-points-forts {width: 100%; max-height: 40vh; order: 1;}
.image-points-forts img {object-fit: cover; width: 100%; height: 100%;}
.infos-points-forts .point-fort .point-fort-icone { margin-bottom: 1rem;}

@media (min-width: 768px) {
.container-infos-produit{flex-direction: row;}
.container-infos-produit  .column-img-produit { position: sticky;top: 10rem;align-self: start;}   
.produits-similaires  .produits-similaires-grid {grid-template-columns: repeat(3, 1fr);}
.produits-similaires  .produit-similaire-item .image {height: 28rem; }
.container-infos-produit .accordeon-produit h3 {font-size: 2rem;}
.container-infos-produit  .column-img-produit { flex: 1; width: 50%; }
.container-infos-produit .column-info-produit { flex:1;width: 50%;}
.single-produit .bandeau-fiche-produit {background-attachment: fixed;}
.produits-similaires .produit-similaire-item .image {background-size: 75%;}
.produits-similaires h2, .section-points-forts h2 {font-size: 5rem; margin-top: 3rem;}

.image-points-forts {max-height: 55h; }



} 

@media (min-width: 1200px) {
  .produits-similaires .produit-similaire-item h3 { font-size: 2.2rem; }
  .container-infos-produit .column-img-produit .main-image img { max-height: 45rem;}
  .infos-points-forts {flex: 1;  gap: 3rem 6rem;}
  .image-points-forts {width: 35%; max-height: 65vh; align-items: flex-start; order: initial;}
  .section-points-forts h2 {margin-bottom: 6rem;}
  .infos-points-forts .point-fort {width: calc(50% - 3rem);}
}