/*
Theme Name: MW Child
Theme URI: https://tonsite.com
Author: Ahlem Labiadh
Author URI: https://tonsite.com
Description: Ceci est un thème enfant de MW (basé sur Twenty Twenty-Three).
Template: MW
Version: 1.0.0
Text Domain: mw-child
*/
html,
body {
    overflow-x: hidden !important;
}

body {
	font-family: "Poppins", Sans-serif;
	overflow-x: hidden;
}
body.page-id-1085{background: url(img/bg_merci.jpg) top center no-repeat; background-size: cover;}
.ehf-header header#masthead {
	position: absolute;
	width: 100%;
}
.ti-footer-filter-text{display: none !important;}
.newAnimation {
	position: absolute;
	height: 100%;
        width: inherit;
    max-width: 1460px !important;
    margin: 0 auto;
    display: inline-block;
    left: 0;
    right: 0;
}
#gtx-trans{display: none !important;}
.scroll-button-container {
	position: absolute;
	bottom:450px;
	left: 10px;
	z-index: 1000;
}

.scroll-button {
	position: relative;
	width: 157px;
	height: 157px;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.scroll-button:hover {
	transform: scale(1.05);
}

.rotating-text {
	animation: rotate 10s linear infinite;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.circular-text {
	font-size: 19px;
	font-weight: 300;
	letter-spacing: 11px;
	fill: #fff;
	font-family: "Poppins", Sans-serif;
}

.arrow-icon {
	position: absolute;
	top:44%;
	left:60px;
	transform: translate(-50%, -50%);
	color: #fff;
	animation: bounce 2s ease-in-out infinite;
}

.arrow-icon svg {
	display: block;
	stroke-width: 3;
	stroke-linecap: round;
}

@keyframes bounce {

	0%,
	100% {
		transform: translate(-50%, -50%);
	}

	50% {
		transform: translate(-50%, -40%);
	}
}

/* Style alternatif avec fond */
.scroll-button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;

}

/* Flèches Smart Slider : en bas à gauche du container */
.n2-ss-slider-controls {
	position: absolute !important;
	bottom: 0 !important;
	left: 50%;
	transform: translateX(-730px);
	z-index: 20;
	margin-left:10px
}

body div#n2-ss-1 .nextend-arrow-previous {
	margin-right: 5px;
	position: absolute;
	left: 0;
	background: transparent;
	border: solid 2px #fff;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	text-align: center;
	display: flex;
	justify-content: center;
}

body div#n2-ss-1 .nextend-arrow-next {
	margin-right: 5px;
	position: absolute;
	left: 60px;
	background: transparent;
	border: solid 2px #fff;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	text-align: center;
	display: flex;
	justify-content: center;
}

body div#n2-ss-1 .nextend-arrow-previous:hover,
body div#n2-ss-1 .nextend-arrow-next:hover {
	background: #000;
	border: solid 2px #000;
}

.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
	top: -50px;
}

.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover,
.elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover,
.elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item,
.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted,
.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus {
	color: #FE5803;
}
.elementor-325 .elementor-element.elementor-element-3ce6439.elementor-element {
    width: 100%;
}
.elementor-20 .elementor-element.elementor-element-715508a8 nav.hfe-dropdown li.menu-item:not(:last-child){border-bottom-color: #1a1a1a !important;}
.simplefilter li,
.sortandshuffle li {
    text-transform: none !important;
}
.elementor-element-bce6915 a{color: #fff !important;}
.zoneEncarts .square_icon_box{min-height: 365px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    justify-content: flex-start;
    }

 .zoneEncarts .square_icon_box .ue_box_button-wrap {
 	display: inline-block;
 }

 .zoneEncarts .square_icon_box .ue_box_button {
 	width:36px;
 	height:36px;
 	background: url(http://www.lesentreprisesmw.com/wp-content/uploads/2025/11/arrow_link.svg) center center no-repeat !important;
 }
.btPlus a:hover .elementor-button-icon svg, .btPlus a:hover .elementor-button-icon path{fill: #fff !important;}

/* ============================================
   CAROUSEL RÉNOVATION - STYLES PERSONNALISÉS
   ============================================ */

.renovation-carousel-wrapper {
    position: relative;
    margin-top: 160px;
}

#acf-carousel.owl-carousel {
    margin: 0;
}

#acf-carousel .owl-stage-outer {
    overflow: hidden;
    padding: 10px 0;
}

/* ============================================
   ITEMS DU CAROUSEL
   ============================================ */

#acf-carousel .item {
    position: relative;
    height:416px;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    margin: 0 10px;
}

#acf-carousel .item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

#acf-carousel .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

#acf-carousel .item:hover img {
    transform: scale(1.1);
}

/* ============================================
   OVERLAY ET CONTENU
   ============================================ */

#acf-carousel .item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    transition: background 0.3s ease;
    border-bottom: solid 5px rgb(254, 88, 3);
}

#acf-carousel .item:hover .item-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 50%, rgba(254, 88, 3, .57) 100%);
    border-bottom: solid 5px rgba(254, 88, 3, 0);
}

#acf-carousel .item h3 {
    color: white;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 0 12px 0;
    line-height: 1.3;
    position: relative;
    z-index: 2;
}

#acf-carousel .item p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 20px 0;
    display: none;
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
}

#acf-carousel .item:hover p {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* ============================================
   BOUTON
   ============================================ */

#acf-carousel .carousel-btn {
    display:none;
    background:url(img/arrow_plus.svg) center right no-repeat;
    padding-right:30px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    align-self: flex-start;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateY(15px);
}

#acf-carousel .item:hover .carousel-btn {
    display: inline-block;padding-right:30px;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

#acf-carousel .carousel-btn:hover {

    transform: translateY(-2px);
}

/* ============================================
   NAVIGATION OWL CAROUSEL
   ============================================ */

#acf-carousel.owl-carousel .owl-nav {
    margin: 0;
}

#acf-carousel.owl-carousel .owl-nav button {
      position: absolute;
    bottom:-75px;
    left: 50px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    font-size: 28px !important;
    color: #fff !important;
    padding: 0 !important;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgba(254, 88, 3, 0.5)  !important;
}

#acf-carousel.owl-carousel .owl-nav button:hover {
    background: rgb(254, 88, 3) !important;
    color: white !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

#acf-carousel.owl-carousel .owl-nav button.owl-prev {
    left: 5px;
}

#acf-carousel.owl-carousel .owl-nav button.owl-next {
    right: -25px;
}

#acf-carousel.owl-carousel .owl-nav button span {
    line-height: 50px;
}

/* Dots désactivés */
#acf-carousel.owl-carousel .owl-dots {
    display: none;
}


@media (max-width: 1480px) {
.n2-ss-slider-controls {
        left: 0;
        transform: translateX(10px);

    }

}
@media (max-width: 1201px) {.scroll-button-container{left:50px; bottom: 300px;}
    .renovation-carousel-wrapper {
        padding: 0 60px;
    }
    a#buttonSoumission{display: none !important;}
    .n2-ss-slider-controls{display: none !important;}
}

@media (max-width: 768px) {
    .simplefilter li {
            width: 100%;
        }
     .portfolio-wraper div{ 
        display: flex;
        flex-direction: column;
        }
.portfolio-wraper div ul{margin: 0 !important;}
    .renovation-carousel-wrapper {
        padding: 0 50px;
    }

    #acf-carousel .item {
        height: 280px;
    }

    #acf-carousel .item h3 {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .renovation-carousel-wrapper {
        padding: 0 40px;
    }

    #acf-carousel .item {
        height: 250px;
    }
}
.zoneC{position: absolute;}
.solution .e-con-inner{min-height: 800px;}
.elementor-element-10f229a  .e-con-inner, .elementor-element-92c92b6 .e-con-inner{min-height: inherit;}
.solution .square_icon_box{min-height: 270px !important;}
.pfg-bootstrap .img-responsive, .pfg-bootstrap .thumbnail > img, .pfg-bootstrap .thumbnail a > img, .pfg-bootstrap .carousel-inner > .item > img, .pfg-bootstrap .carousel-inner > .item > a > img {
    height: 250px !important;
    object-fit: cover;
}
.simplefilter_271 li {
    font-size: 15px;
    background-color: #fff !important;
    color: #616161 !important;
    border: solid 2px #E1E4E6 !important;
    font-weight: 500 !important;
}
body .simplefilter_271 li:hover{background-color: #fff !important;
    color: #FE5803 !important;
    font-weight: bold;
    border: solid 2px #FE5803 !important;}
body .simplefilter_271 li.active {
    background-color: #fff !important;
    color: #FE5803 !important;
    font-weight: bold;
    border: solid 2px #FE5803 !important;
}
.filter-wrap{display: none !important;}
.filter_gallery_271{margin-top: 20px !important;}
body .ti-widget.ti-goog .ti-review-content {background: #fff !important;}
.btcontact span.elementor-button-content-wrapper{display: flex; align-items: center;}
.btcontact .elementor-button-icon svg {width: 40px;}
.hfe-nav-menu-icon {
    fill: #fff;
}
.elementor-13 .elementor-element.elementor-element-4d58c7f {
    background: #F4F7F9;
}
a#buttonSoumission {
display: flex !important;
    gap: 0px;
    position: relative;
    cursor: pointer;
    background: url(https://lesentreprisesmw.com/wp-content/uploads/2026/01/bt_encart_submit.png);
    color: #fff;
    padding: 90px 0 0 40px;
    height: 280px;
    width: 478px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-family: "Raleway", Sans-serif;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 30px;
    z-index: 1;
}
a#buttonSoumission span{text-transform: uppercase; font-weight: 800; color: #FE5803; font-size: 36px;}
a#buttonSoumission span.go{background: url(img/go.svg) top right no-repeat; height: 40px; width: 40px; margin-top:20px;}
#buttonSoumission {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Animation de la flèche */
#buttonSoumission .go {
    display: inline-block;
    transition: transform 0.3s ease;
}

#buttonSoumission:hover .go {
    transform: translateX(8px);
    animation: arrow-bounce 0.6s ease infinite;
}

/* Animation de rebond pour la flèche */
@keyframes arrow-bounce {

    0%,
    100% {
        transform: translateX(8px);
    }

    50% {
        transform: translateX(12px);
    }
}
.n2-ss-slider-controls{z-index: 100;}
.CTAServices{    padding: 30px;
    color: #fff;
    background: #FE5803;
    text-align: left;
    font-family: "Raleway", Sans-serif;
    font-size: 24px;
    display: flex;
    flex-direction: column;
    max-width: 280px;    align-items: flex-start;}
    .CTAServices:hover{background: #000;}
.CTAServices span{font-weight: 700; font-size: 32px;}
.hfe-nav-menu li.menu-item {
    position: relative;
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: normal !important;
    font-family: "Raleway",
        Sans-serif;
}
.hfe-nav-menu li.menu-item a{font-weight: normal !important;}
.hfe-nav-menu li.menu-item a:hover, li.current-menu-item a{color: #FE5803 !important;}
body .hfe-nav-menu li.current-menu-item a {font-weight: 600 !important;}
.elementor-widget-navigation-menu .menu-item a.hfe-menu-item{color: #fff;}
.footer-width-fixer .hfe-nav-menu li.menu-item a {
    color: #fff !important;
    text-transform: none;
    font-weight: 400 !important;
}
.pFooter p a{color: #fff;}
.ligneForm{width: 100%;}
.ligneForm input, .ligneForm select, .ligneForm textarea{width: 100%;border-radius: 4px;
    border: none;
    padding: 13px 20px;
    background: #373737;
    color: #BCBCBC;
    font-size: 16px;
    font-family: "Raleway", Sans-serif;
    font-weight: 500;}
    form input[type="submit"]{background: #FE5803; color: #fff; text-transform: uppercase; border: solid 2px #FE5803; padding: 10px 25px;font-size: 18px;
        font-family: "Raleway", Sans-serif; float: right; font-weight: 500; cursor: pointer; border-radius:30px}
   form input[type="submit"]:hover{border: solid 2px #FE5803; background: #000;}
   .wpcf7-not-valid-tip {color: #cb3939;
                     font-size: 16px;
                     font-weight: 500;
                 }
 .wpcf7 form .wpcf7-response-output {
     font-size: 16px;
     text-align: center;
     line-height: 20px;
 }
 .wpcf7 form.invalid .wpcf7-response-output{
     border-color: #ffb900;
     background: #ffb900;
 }
 .wpcf7 form.sent .wpcf7-response-output {
     border-color: rgb(70, 180, 80);
    background:rgb(70, 180, 80);
 }
 .lb-data .lb-caption {
    display: none !important;
 }
 .elementor-widget-image a img[src$=".svg"] {
     width: inherit !important;
 }
 .elementor-element-d8c3654, .elementor-element-8322cb6, .elementor-element-2144805{padding-left: 20px !important; padding-right: 20px !important;}
 @media (min-width:1000px) {
 .hfe-nav-menu__layout-horizontal {
    width: 100% !important;
}
 }
 @media (max-width:1023px) {
    a#buttonSoumission{display: none !important;}
     .hfe-nav-menu__layout-horizontal {
         margin-top: 15px;
     }

     nav.hfe-dropdown .menu-item a.hfe-menu-item {
         background: #000 !important;PADDING: 20PX 10px !important;
     }
         .ehf-header header#masthead {
             width: 100%;
             width: inherit !important;
             position: relative;
             background: #000;
         }
 }
@media (max-width:860px) {
    .n2-ss-slider-controls {
    position: absolute !important;
    bottom: 0 !important;
    left: 12px;
    transform: translateX(0px);
    z-index: 20;
}
.scroll-button-container {
    display: none;
}
.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
    visibility: visible;
    top: 0px;
    left:10px;
}
body div#n2-ss-1 [data-hide-mobileportrait="1"] {
     display: flex !important;
     width: 40px;
     height: 40px;
}
.zoneC {
      position: relative;
 }
 .renovation-carousel-wrapper {
     margin-top: 0;
 }
 a#buttonSoumission {display: none;}
}
@media (max-width:400px) {
         .hfe-nav-menu__layout-horizontal {
             margin-top: 10px;
         }
         h2 br{display: none !important;}
}
@media (max-width:330px) {
    .hfe-nav-menu__layout-horizontal {
        margin-top:6px;
    }
}
body .pfg-filter {
    border: solid #E1E4E6;
    color: #616161;
    cursor: pointer;
    border-radius: 12px !important;
}
body .pfg-filter:hover{border-color: #fe5803; background:#fff; color:#fe5803 !important;    border-width: 2px;}
body .pfg-filter--active {
    background: #ffffff !important;
    color: #fe5803 !important ;
    border-color: #fe5803;    border-width: 2px;
}
li.pll-parent-menu-item .sub-menu a{background:#000; padding:10px 20px !important}
ul.sub-menu{min-width:inherit !important; max-width:inherit !important; width:auto !important}
@media (min-width:980px) {
li.pll-parent-menu-item{
    position: absolute !important;
    top: -58px;
    right: 0; }
}
.sub-menu, nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {

    background-color: #000 !important;
}