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



:root {
  --couleur-flash: #E73D76;
}


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

::selection {
  background-color: #ed729b;
}


body {background-color: var(--couleur-background
); }
#eapps-instagram-feed-1 .eapps-instagram-feed-header{background: transparent !important;}
#eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button, #eapps-instagram-feed-1 a.eapps-instagram-feed-header-follow-button:hover { text-decoration: none; background: var(--couleur-principale) !important; }


body {margin: 0; font-family: "Sofia Sans Semi Condensed", sans-serif; }


.list-deco ul {list-style-image: url(/wp-content/themes/iwego-child/images/marker-after-min.svg); padding-inline-start: 0; margin-left: 3.5rem; margin-top: 2rem;}
.list-deco ul li {padding-left: .4rem; line-height: 1.8;}

.list-tiret ul {list-style: none; margin-left: 0;}
.list-tiret ul li::before, .list-tiret ul li::after  {content: "-"; color: var(--couleur-principale); font-weight: 700;}
.list-tiret ul li::before {padding-right: 8px;}
.list-tiret ul li::after {padding-left: 8px;}

.title-rose h2 {color: var(--couleur-flash); font-weight: 800;}

.btn-cta {font-size: 2rem; letter-spacing: .04rem;}
.btn-cta:hover { box-shadow: inset 25em 0 0 0 var(--couleur-secondaire);}

.breadcrumb span, .breadcrumb a {font-size: 1.8rem;}

@media (min-width: 1000px) {
  .list-deco ul { margin-left: 2.8rem;}
}

/************************************************/
/**                                            **/
/**           CLASSES GENERIQUES               **/
/**                                            **/
/************************************************/

.slick-slide:focus-visible {outline: none !important;}
h2 strong {position: relative;}
h2 strong::after {content: ''; width: 100%; height: 40px; position: absolute; bottom: -40px; left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='131.655' height='21.359' viewBox='0 0 131.655 21.359'%3E%3Cpath id='Tracé_35385' data-name='Tracé 35385' d='M5722.626,633.922s81.34-5.2,117.158,7-57.345-14.453-108.349,0,58.559-4.336,97.344,11.321' transform='translate(-5717.126 -631.813)' fill='none' stroke='%2399d6f1' stroke-width='2'/%3E%3C/svg%3E");
background-size: 100%; background-repeat: no-repeat;}



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

header ul {list-style: none; display: flex;}
.topbar-menu {background-color: #fff;}
.topbar-menu>div {justify-content: flex-end;}
#menu-menu-topbar-fr a {padding: 15px 30px;}
#menu-menu-topbar-fr li:first-of-type a:hover {background-color: var(--couleur-secondaire-light);}



.header-menu {align-items: center; justify-content: center; background-color: var(--couleur-background
); padding: 1rem;}
#menu-principal {display: none;}
.menu-principal .menu {align-items: center}
.menu-principal .menu li {position: relative;}
.menu-principal .menu li a {padding: 15px;}
.menu-principal .menu li a:hover {font-weight: 600; padding: 15px 12px;}
.menu-principal .menu li:not(:first-of-type) {margin-left: 10px}
.menu-principal .menu li:last-of-type a {padding-right: 0;}
.menu-principal .menu li:not(:last-of-type)::after {content: ''; width: 1px; height: 12px; background-color: var(--couleur-principale); display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.header-logo {height: 5rem; max-height: 5rem;}


header li.menu-item.nav-cta a {background-color: var(--couleur-flash); color: #fff; padding: .6rem 2rem; border-radius: var(--border-radius); font-weight: 400;}
header .main-menu li.menu-item.nav-cta a:hover {color: inherit; box-shadow: inset 25em 0 0 0 var(--couleur-secondaire); }


#headermenu {background-color: var(--couleur-background
);}
header .menu-principal { max-width: max-content; }
header .main-menu {align-items: center; column-gap: 3rem;}
.main-menu>li.menu-item>a {font-weight: 400; letter-spacing: .03rem;}

 

@media (min-width: 1000px) {
  .header-menu {padding: 1.5rem 6rem;background-color: var(--couleur-background
); max-width: max-content; border-radius: 25rem;}


}

@media (min-width: 1200px) {
  .header-logo {height: 8rem; max-height: 100%;}

}

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

body:not(.home) {background-position: bottom -10rem center; background-size: 45rem; }
body.home {height:100vh; background-position: bottom -200px center; background-size: 600px;  display: flex; flex-direction: column;}
.home .logo-temporaire {margin-top: 5rem; margin-bottom: 0;}


.btn-carte {justify-content: center; margin: 3rem 0;}
.btn-carte a {font-size: 2rem; border-radius: 0;background-color: transparent; text-transform: uppercase; letter-spacing: .1rem;  position: relative; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}


.btn-carte a::before, .btn-carte a::after { content: ''; position: absolute; transition: all 0.3s;  width: 2px; height: 0; z-index: 1; background: var(--couleur-flash);}
.btn-carte a::before {top: 0; left: 0; }
.btn-carte a::after {bottom: 0; right: 0;}


.btn-carte a:hover:before, .btn-carte a:hover:after{ height: 100%;}
.btn-carte a:hover {border-color: var(--couleur-flash); transform: scale(1.03); font-size: 3rem; line-height: 1.1;}


.section-hero-accueil h1 {font-size: 3.2rem; margin-bottom: .5rem;}
.section-hero-accueil h2 {color: var(--couleur-flash); line-height: 1.1; font-size: 3.5rem; margin-bottom: 2.5rem; font-weight: 800;}

@media (min-width: 1200px) {
  .section-hero-accueil h1 {font-size: 4.5rem;}
  .section-hero-accueil h2 {font-size: 5rem; margin-bottom: 4rem;}
}



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



footer {position: relative;}
footer::before {content: ""; max-height: 25rem; width: 100%; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); background-size: cover; background-image: url(/wp-content/uploads/2024/07/after-mondia-motif-10.svg); background-repeat: no-repeat; bottom: 0; }


.home footer {display: block;}
footer ul {list-style: none;}
.footer-desktop {padding: 4rem 0 1.5rem; column-gap: 50px; width: 100%; display: flex;}
footer .footer-arbo {width: 100%; justify-content: space-between;    flex-direction: column; row-gap: 1rem;}


footer .footer-info-title {font-weight:600; font-size: 2rem; margin-top:0px; margin-bottom: 0; line-height: normal;}
footer .footer-info {font-size: 1.8rem; letter-spacing:0; text-transform: uppercase; font-weight: 400; padding-right: 6px; width: 100%; margin-top: 6px; letter-spacing: 0.05rem; margin-bottom: 1.5rem;}
footer a.footer-info:hover {color: var(--couleur-flash);}

.footer-mobile-bottom{background-color: var(--couleur-secondaire);border-radius: 50px;padding: 1rem 3rem;}
.hamburger-box .line{background-color: white;border-radius: var(--border-radius);}
.footer-devis-button{color:white;}
.container-footer-mobile-bottom i{color:white;}
.hamburger-box{height: 20px;}
.footer-devis-button{padding: 0;}
.tel-footer .fa-phone {background-color: white;color:  var(--couleur-secondaire); 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-mobile-menu .footer-mobile-logo a {height: auto; width: 10rem;}
footer .footer-copyright a {font-size: 1.5rem;}


.footer-mobile-menu ul.menu>li>a, .footer-mobile-contact a {font-size: 2.5rem;}

footer { padding-left: 1rem; padding-right: 1rem; padding-top: 0;}

.menu-footer-copyright-container {padding-bottom: 8.5rem;}

@media (min-width: 768px) {
  footer .footer-arbo{flex-direction: row;}
  footer .footer-info-title {font-size: 1.8rem; margin-bottom: 8px; font-weight:300; }
  footer {display: block; margin-top: 3rem;}footer .footer-info {padding-bottom: 0; margin-top: 8px; font-size: 1.8rem; }
    footer::before {width: 50vw;}
}

@media (min-width: 1000px) {
  .footer-mobile {display: none;}
  .footer-col { width: calc(33% - 24px); }
  .menu-footer-copyright-container {padding-bottom: 0;}
}

@media (min-width: 1200px) {
  footer::before {width: 30vw;}
}





/************************************************/
/**                                            **/
/**              TARTE AU CITRON               **/
/**                                            **/
/************************************************/

.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;}


/************************************************/
/**                                            **/
/**                  RESPONSIVE                **/
/**                                            **/
/************************************************/


@media (min-width: 768px) {
  .header-menu {column-gap: 20px;}
  .btn-carte a {font-size: 3rem; }
  body.home {background-position: bottom -200px center; background-size: 650px;}
  body:not(.home) {background-position: bottom -15rem center; background-size: 45rem; }
  .home .logo-temporaire {margin-top: 7rem; margin-bottom: 0;}
  .home .btn-carte {position: relative; }
}


@media (min-width: 1000px) {
  #menu-principal {display: block;}
  .header-logo {max-height: 100%;}
  #main-content {margin-bottom: 0;}
}

@media (min-width: 1260px) {
  #menu-principal {flex: 1;}
}


/************************************************/
/**                                            **/
/**                   CONTACT                  **/
/**                                            **/
/************************************************/


.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: 0; transition: border-color 0.3s ease, box-shadow 0.3s ease;font-size: 1.6rem;font-family: Montserrat, sans-serif; font-weight: 400;color: var(--couleur-background);}
.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-background); 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-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 white;}
.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:white;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: 40px;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"]{  padding: 15px 20px;width: max-content;    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 white;color: var(--couleur-principale);}

.section-contact-after h1 {font-family: "Caveat", sans-serif; color: var(--couleur-flash); line-height: 1.1; font-size: 2.8rem; margin-bottom: 3rem;}

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


/************************************************/
/**                                            **/
/**           FORMULAIRE DE CONTACT            **/
/**                                            **/
/************************************************/


/* Style pour le champ de date */
.wpcf7 input[type="date"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
	color: var(--couleur-background);
}

/* Style pour le champ select */
.wpcf7 select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
	color: var(--couleur-background);
    height: 40px; /* Assure une hauteur uniforme */
}
.wpcf7 select option {
	color: var(--couleur-background);
}
/* Style pour le champ number */
.wpcf7 input[type="number"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
	color: var(--couleur-background);
}

/* Style pour les options dans le select */
.wpcf7 select option {
    padding: 5px;
}

/* Style pour les champs au survol */
.wpcf7 input[type="date"]:hover,
.wpcf7 select:hover,
.wpcf7 input[type="number"]:hover {
    border-color: #bbb;
}

/* Style pour les champs en focus */
.wpcf7 input[type="date"]:focus,
.wpcf7 select:focus,
.wpcf7 input[type="number"]:focus {
    border-color: #007BFF;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


/************************************************/
/**                                            **/
/**              HOME TEMPORAIRE               **/
/**                                            **/
/************************************************/

/*
.home #main-content, .home .main-container {margin: auto; width: 100%; padding: 0 20px;}
.home h1 {margin: 0 auto 1rem; font-size: 3.2rem; text-transform: uppercase; letter-spacing: 1px; text-align: center; display: none;}
.home h2 {font-size: 3rem;}
.home p, .home a, .home li {font-size: 1.5rem;}
.home ul {margin: 0; padding: 0;}
.home header {display:none;}

@media (min-width: 768px) {
  .home h1 {font-size: 5rem; margin: 0 auto 3.5rem;}
}

@media (min-width: 1260px) {
 .home #main-content, .home .main-container {max-width: 1180px; margin: auto;}
}

*/