/*
Theme Name: Coherence Child
Theme URI: http://weshore.com/
Author: Weshore Themes
Author URI: https://weshore.com
Template: coherence
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: Private License
License URI: license.txt
Text Domain: coherence-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/



/*-----------------------------------------***style header***----------------------------------*/
.section-footer .menu-icon-home > a i{display:none !important;}
.section-header .coherence-core-nav-menu .menu-icon-rs {margin-inline: 5px !important;}
.section-header .coherence-core-nav-menu .menu-icon-rs > a {padding-inline: 5px !important;}

.section-header li#menu-item-6864 a  { padding-right:30px; border-right:solid 1px #D9D9D9 ;}
.section-header a.coherence-core-menu-item.elementor-button {margin-left:20px;}
@media only screen and (min-width: 1025px){
	.section-header .menu-icon-home > a span{display: none;}
}
@media only screen and (max-width: 1024px){
	.section-header .menu-icon-home > a i{display:none !important;}
	.section-header .coherence-core-dropdown .menu-icon-rs{display:none !important;}
}


/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/


/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/

/**************************************Style : PRE-HOME*********************************/


/**************************************Style : SLIDER HOME*********************************/

.prime-slide-general .bdt-prime-slider .bdt-slideshow-items li > div{height: 100% !important;min-height: inherit !important;}
.col-slider-inner-content > .e-con-inner {margin-right: 0px !important;margin-left: auto !important;}
/*slide animation */
.cstm-title::after {
  content: "";
  display: block;
  width: 100%; 
  height: 17px; 
  background-color: #D0D0D0; 
  margin-top: -18px;
z-index:-1 ;
}
.text-slide::after{
  content: "";
  display: block;
  width: 100%; 
  height: 12px; 
  background-color: #D0D0D0; 
  margin-top: -18px;
z-index:-1 ;}

.slide-text-container {
  height: 50px !important ;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    border-radius: 0px !important ;
}

.container-slide {
    display: inline-block;
    height: fit-content;
    animation: slide 10s cubic-bezier(0.2, 0, 0.2, 1) infinite;
}
.slide-text-container::before {
    top: 0;
    background: transparent !important ;
}

.slide-text-container::after {
    bottom: 0;
    background: transparent !important  ;
}
.text-slide {
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: flex-start;
    height: 40px !important;
    gap: 0px !important ;
    opacity: 1;
    transition: opacity 0.3s ease !important;
    padding:0px 0px 0px 0px !important;
    z-index:2 !important ;
    font-family: "Jost", Sans-serif;
    text-transform:uppercase;
    width:auto;
	border-radius:0;
	width: fit-content;
}

.text-slide:nth-child(1) {
    background-color:transparent !important  ;
}

.text-slide:nth-child(2) {
    background-color:transparent !important  ;
}

 .text-slide:nth-child(3) {
    background-color:transparent !important ;
}


/*slide end*/
.btn-cstm a.elementor-button:focus path  ,.btn-cstm a.elementor-button:hover path  {
     fill: var( --e-global-color-color_1 )!important;
}

/**************************************Style : section_presentation*********************************/
.cstm-carousel .item .item-content section { 
    position: relative;
    bottom: 0px;
    left: 0;
    right: 0;
	overflow: hidden;              
    max-height:  100px  ;      
    transition: max-height 0.7s ease;
	padding:20px 10px 20px 32px !important  ;
   }
@media (min-width: 801px) {
.cstm-carousel .item:hover .item-content section {
    height:auto;
	max-height: 500px;  
	padding:32px 10px 32px 32px !important  ;
}
.btn-read-more, .item-desc {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%); /* hide below */
    position: absolute;

}
.item:hover .btn-read-more , .item:hover .item-desc {  
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
	position:relative
}
}
.item-content section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px; /* Default thin bar on the left */
    height: 100%;
    background: #dc143c;
    transition: width 0.6s ease;
    z-index: 10;
}
.btn-read-more::after {
  content: url("/wp-content/uploads/2025/08/mh-detailing-protection-ppf-a-l-isle-adam-Arrow-1.svg");
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  }

.btn-read-more:hover::after {
    content: url("/wp-content/uploads/2025/08/mh-detailing-protection-ppf-a-l-isle-adam-Arrow-1-1.svg");}
@media (max-width: 1024px) {.cstm-carousel .item:hover .item-content section {padding: 20px 25px !important;}}
@media (max-width: 800px) {.btn-read-more, .item-desc {
    opacity: 1 !important ; 
    visibility: visible !important ;
    transform: translateY(0) !important ; }
.cstm-carousel .item .item-content section { 
	max-height:  500px  ;  }}
/**************************************Style : section_Instagram*********************************/
 
#sb_instagram #sbi_images {padding:0px  !important ; }

/**************************************Style : section_Realisations*********************************/


/**************************************Style : section_valeurs*********************************/


/**************************************Style : section_avis*********************************/
@media only screen and (max-width: 1024px) {
    .avis-col .ti-widget.ti-goog .ti-reviews-container-wrapper {
        padding-top: 15px !important;
    }

    .avis-col .ti-widget.ti-goog .ti-review-item > .ti-inner {
        padding: 30px 30px 30px !important;
        border-radius: 0px !important;
        background-color: #fff !important;
    }

    .avis-col .ti-footer {
        display: none !important;
    }

    .avis-col .ti-review-content {
        font-size: 15px !important;
        line-height: normal !important;
    }

    .avis-col .ti-controls {
        top: unset !important;
        bottom: -20px !important;
        left: 27px;
        display: block !important;
    }

    .avis-col .ti-next, .avis-col .ti-prev {
        background: var(--e-global-color-color_1) !important;
        width: 45px !important;
        height: 45px !important;
        display: flex !important;
        align-items: center;
        left: 0px !important;
        right: unset !important;
        border-radius: 0px !important;
    }

    .avis-col .ti-next {
        left: calc(50% - 26px) !important;
    }

    .avis-col .ti-prev {
        left: calc(50% - 83px) !important;
    }

    .avis-col .ti-next:hover , .avis-col .ti-prev:hover {
        transform: unset !important;
        background-color: #000 !important;
    }

    .avis-col .ti-prev:before, .avis-col .ti-prev:after, .avis-col .ti-next:before, .avis-col .ti-next:after {
        background: #d00000 !important;
        border-color: #fff !important;
 
    }

    .avis-col .ti-prev:before {
        top: 50% !important;
        left: 50% !important;
    }

    .avis-col .ti-prev:after {
        top: 16px !important;
        left: 14px !important;
    }

    .avis-col .ti-next:before {
        top: 50% !important;
        right: 14px !important;
    }

    .avis-col .ti-next:after {
        top: 27px !important;
        right: 14px !important;
    }

    body .ti-widget.ti-goog .ti-controls-dots, body .ti-widget.ti-goog .ti-controls-line {
        display: none !important;
    }
}

/**************************************Style : section_contact*********************************/

.contact-form  a  {color:white !important ;}
.contact-form a:hover  {color:red !important;}
.contact-form .wpcf7-submit:hover {
    color:red !important ;
}
.number a {
    color: white!important
}
.number a:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #fff
}
.nav-link {
    pointer-events: none
}
/*--------------------------------------------------------------***End***----------------------------------------------------------------------*/



/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
.coherence-logo svg{width: 130px !important;height: auto !important;}
.coherence-logo svg * {fill: #fff !important;}
.menu-main-footer .hide-sub-mn .sub-menu , .menu-main-footer .hide-sub-mn .sub-arrow {display: none !important;}
    .menu-footer li:nth-child(2),
       .menu-footer li:nth-child(3),   .menu-footer li:nth-child(4){display:none;
           
       }

/*------------------------------------------------------***End***------------------------------------------------------*/

/*------------------------------------------------------***Begin 404 style***------------------------------------------------------*/
.menu-404 .menu-icon-home > a i {display: none !important;}
/*--------------------------------------------------------------***End***----------------------------------------------------------------------*/

/*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/

/*------------***Large devices (desktops, more than 800px)***------------*/
@media only screen and (min-width: 801px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Large devices (desktops, less than 1501px)***------------*/
@media only screen and (max-width: 1500px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Large devices (desktops, less than 1361px)***------------*/
@media only screen and (max-width: 1360px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Large devices (desktops, less than 1281px)***------------*/
@media only screen and (max-width: 1280px){

    /*style header*/

    /*style main content*/

    /*style footer*/
}


@media only screen and (max-width: 1200px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}


/*------------***Medium devices (tablets, less than 1025px)***------------*/
@media only screen and (max-width: 1024px){

	/*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Medium devices (tablets, Bootstrap less than 993px)***------------*/
@media only screen and (max-width: 992px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Tablet Media query style***------------*/
@media only screen and (max-width: 800px){
    /*style header*/

    /*style main content*/

    /*style footer*/
.cstm-carousel .imgCarContenair img {height:450px;}
}

/*------------***Tablet Mini Media query style***------------*/
@media only screen and (max-width: 767px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Between Big Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 601px) and (max-width: 800px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Begin Big Mobile Media query style***------------*/
@media only screen and (max-width: 600px){

    /*style header*/

    /*style main content*/

    /*style footer*/
    .menu-footer .coherence-core-nav-menu a {justify-content: center !important;}
	

}

/*------------***Between Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 498px) and (max-width: 600px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Mobile Media query style***------------*/
@media only screen and (max-width: 497px){

    /*style header*/

    /*style main content*/

    /*style footer*/
}

/*------------------------------------------------------***End Media query***------------------------------------------------------*/

.home .elementor-3906 .elementor-element.elementor-element-8d076d0 .wpcf7-select:focus {
    background-color: #000000 !important;
}

.service-card {
  max-width: 860px !important;
  margin: 20px auto !important;
  padding: 20px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(18, 38, 63, 0.08) !important;
  border: 1px solid rgba(10,20,40,0.06) !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial !important;
  color: #07203a !important;
}

.service-inner {
  padding: 10px 14px !important;
}

.title-row {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 10px !important;
}

.icon {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  fill: #0b74c4 !important;
  filter: drop-shadow(0 4px 10px rgba(11,116,196,0.12)) !important;
}

h2 {
  font-size: 1.6rem !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.2px !important;
}

.features {
  list-style: none !important;
  padding: 0 !important;
  margin: 10px 0 16px !important;
  display: grid !important;
  gap: 8px !important;
}

.features li {
  background: linear-gradient(90deg, rgba(11,116,196,0.06), rgba(7,32,58,0.02)) !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(10,20,40,0.03) !important;
}

.price-box {
  margin-top: 12px !important;
  text-align: center !important;
}

.price {
  font-size: 1.5rem !important;
  color: #d00000 !important;
  font-weight: 900 !important;
  margin: 6px 0 !important;
  text-transform: uppercase !important;
}

.note {
  font-size: 0.95rem !important;
  color: #0b2333 !important;
  opacity: 0.85 !important;
}


.p_slide p{margin-bottom:0px !important;}