/*------------------------------------------------------***Style for Dev 2***------------------------------------------------------*/

/*-----------------------------------------***style header***----------------------------------*/
 @media screen and (min-width: 1025px) {
body:is(.home) header:not(.sticky-active) .header-section{
background:transparent !important;
position:absolute;
padding-top:35px;
}
body:is(.home) header:not(.sticky-active) .header-section .logo-col{position:relative;}
body:is(.home) header .header-section .logo-col .logo-img{transition:scale 0.4s, top 0.38s ease-in-out}
body:is(.home) header.sticky-active .header-section .logo-col .logo-img{scale:0.87; top:-41px;}

body:is(.home) header:not(.sticky-active) .header-section .item-header-col{transition: min-height 0.3s ease-in-out}
body:is(.home) header.sticky-active .header-section .item-header-col{min-height:105px;}	 
	 
/* 	icon home */
.header-section .home-link .icon-box-h{width:35px;height:35px;background:url('/wp-content/uploads/2025/11/terre-deden-massage-soin-segre-home.svg') center/contain no-repeat;display:inline-block;filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(22%) hue-rotate(355deg) brightness(102%) contrast(105%);}
.header-section li.home-link.current-menu-item .icon-box-h, li.home-link:hover .icon-box-h{filter: brightness(0) saturate(100%) invert(67%) sepia(66%) saturate(371%) hue-rotate(11deg) brightness(88%) contrast(90%);}
.header-section .home-link .link-text{display:none}  
li.my-item-has-mega-menu i.coherence-mega-menu-icon {color:#fff !important}
li.my-item-has-mega-menu:hover i.coherence-mega-menu-icon{color:#C2A945 !important}	
} 

@media only screen and (min-width: 1025px) and (max-width: 1360px){
.header-section .home-link .icon-box-h{width:25px;height:25px}
.header-section li.menu-item:not(:last-child){margin-right:25px !important;}
.header-section li.menu-item a{font-size:16px !important}
}
@media only screen and (min-width: 1200px) and (max-width: 1360px){
.header-section li.menu-item:not(:last-child){margin-right:30px !important;}
.header-section li.menu-item a{font-size:17px !important}
}


@media only screen and (max-width: 1024px){
.header-section  .home-link .icon-box-h{display:none !important}  
.header-section .logo-col .logo-img {position:relative !important}

li.my-item-has-mega-menu i.coherence-mega-menu-icon {color:#000 !important}
li.my-item-has-mega-menu:hover i.coherence-mega-menu-icon{color:#C2A945 !important}	
}


/*-----------------------------------------***style mega menu***----------------------------------*/
/* Mega menu plein écran */
.coherence-sub-mega-menu {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 999999 !important;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.3s ease, transform 0.6s ease !important;
  overflow: hidden;
}
/* Désactive l'ouverture au hover */
li.my-item-has-mega-menu.clicked .coherence-sub-mega-menu{
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0);
}

li.my-item-has-mega-menu:not(.clicked):hover .coherence-sub-mega-menu {
  visibility: hidden !important;
  opacity: 0 !important;
}
body.no-scroll {
  overflow: hidden !important;
}
/* Le conteneur interne du méga menu */
.my-mega-menu {
  max-height: 100vh !important;     
  overflow-y: auto !important;         
  padding-right: 10px;      
  scroll-behavior: smooth;  
}

/* --- Scrollbar personnalisé (Chrome, Edge, Safari) --- */
.my-mega-menu::-webkit-scrollbar {
  width: 10px ;              
}

.my-mega-menu::-webkit-scrollbar-track {
  background: rgb(255 255 255) !important ;
  border-radius: 10px !important;
}

.my-mega-menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 1) !important; 
  border-radius: 10px !important;
}

.my-mega-menu::-webkit-scrollbar-thumb:hover {
  background: #C2A945 !important; 
}

/* --- Pour Firefox --- */
.my-mega-menu {
  scrollbar-width: thin !important;
  scrollbar-color: rgb(194 169 69 / 90%) rgb(255 255 255 / 50%) !important;
}

.pres-box{position:relative !important;}
.link-pre-box{
   position:unset !important;
}

.link-pre-box a:before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:45;
}
/*-----------------------------------------***style Slide***----------------------------------*/
.depicter-section-background{overflow:hidden !important;}
picture.depicter-bg { animation: zoom-in-out 2.4s infinite alternate ease-in-out;}
@keyframes zoom-in-out {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.04);
    }
}
button.btn-slide{transition:0.1s ease;}
button.btn-slide:hover {background-image: linear-gradient(118.2deg, #4E9694 4%, rgba(78, 150, 148, 0.36) 100%);}

/*------------------------------------------------------***Form Carte Cadeau***------------------------------------------------------*/
.carte-cadeau-form .choix-col{margin-bottom:10px;margin-top:5px;}
.carte-cadeau-form .choix-col p.texte-cadeau{font-size:11px; font-weight:600;color:#fff !important;}
.carte-cadeau-form .choix-col .radio-grp .wpcf7-form-control .wpcf7-list-item-label{font-size:12px;font-weight:600;color:#fff}
.carte-cadeau-form .choix-col .radio-grp .wpcf7-form-control{display:flex;flex-direction:column;gap:2px;}
.carte-cadeau-form .choix-col .radio-grp .wpcf7-list-item {margin-left:0 !important;}
.carte-cadeau-form  .wpcf7-form-control-wrap textarea{padding-top:15px !important}

@media(min-width: 1100px){
.carte-cadeau-form  .sp-label {left:25px !important;}
}

/*------------------------------------------------------***Contact form style***------------------------------------------------------*/
.contact-from-1 .prest-box {margin-bottom:25px;}
.contact-from-1 .prest-box .wpcf7-list-item{margin-left:0;}
.contact-from-1 .prest-box .wpcf7-checkbox {display:flex;flex-wrap:wrap;gap:10px;}
.contact-from-1 .prest-box  .wpcf7-list-item:nth-child(-n+3){width: calc(33.33% - 10px)}
.contact-from-1 .prest-box  .wpcf7-list-item:nth-child(n+4){width: calc(25% - 10px)}

.contact-from-1 .prest-box .wpcf7-list-item{
	margin:0;
	position:relative!important;
}
.contact-from-1 .prest-box .wpcf7-list-item span{
    padding:20px;
	background-color:transparent;
	border:2px solid rgb(146 90 96 / 50%);
	color: #303030;
	flex: 1;
	text-align: center;
	transition: 0.5s all;
	width: min(9px , 100% - 15px) !important;
	font-weight: 600;
	min-height:180px !important;
	display: flex;
/* 	min-height: 155px!important; */
	flex-direction:column;
	justify-content:center;
	border-radius:4px;
	font-size: 14px;
	text-transform:uppercase;
}
.contact-from-1 .prest-box .wpcf7-list-item label{display:flex;cursor:pointer !important;}
.contact-from-1 .prest-box span.wpcf7-list-item label{cursor:pointer !important;}
.contact-from-1 .prest-box .wpcf7-list-item input{position: absolute;z-index:1;bottom: 15px;left: 0;right: 0;margin:auto;}
.contact-from-1 .prest-box .wpcf7-list-item span:before {position: relative;display: block;text-align: center;margin-top:0px !important;content: "";background-repeat: no-repeat !important;background-size: 100% 100%;width:100%;height: 60px;margin-inline: auto;margin-bottom: 10px;transition: 0.5s all;}
.contact-from-1 .prest-box .wpcf7-list-item label input:checked + span , .contact-from-1 .prest-box .wpcf7-list-item:hover span{color: #fff !important;background: rgb(146 90 96 );}

.contact-from-1 .prest-box span.wpcf7-list-item label input:checked + span{background: rgb(146 90 96 );filter: drop-shadow(2px 4px 6px #00000029);border-color: var(--e-global-color-color_1);color: #fff !important;}
.contact-from-1 .prest-box input[type="checkbox"] {

    width:100%;
    height:100%;
    top:0;
    left:0;
    font-size:0px;
    opacity:0;
    cursor:pointer !important;}

.contact-from-1 .prest-box input[type="checkbox"]::after {
position:absolute;
content:'';
background:red;
width:100%;
height:100%;
left:0;
top:0;
z-index:5;
opacity:0;
cursor:pointer !important;}

.contact-from-1 .prest-box .wpcf7-list-item span:before{background-size: contain , 100%;background-position: center;}
.contact-from-1 .prest-box  .wpcf7-list-item:nth-child(1) span:before{background:url('/wp-content/uploads/2025/11/terre-deden-massage-soin-segre-1-1-1.svg') center/contain no-repeat;}
.contact-from-1 .prest-box .wpcf7-list-item:nth-child(2) span:before{background:url('/wp-content/uploads/2025/11/terre-deden-massage-soin-segre-2-1-1.svg') center/contain no-repeat;}
.contact-from-1 .prest-box .wpcf7-list-item:nth-child(3) span:before{background:url('/wp-content/uploads/2025/11/terre-deden-massage-soin-segre-3-1-1.svg') center/contain no-repeat;}
.contact-from-1 .prest-box .wpcf7-list-item:nth-child(4) span:before{background:url('/wp-content/uploads/2025/11/terre-deden-massage-soin-segre-4-1-1.svg') center/contain no-repeat;}
.contact-from-1 .prest-box .wpcf7-list-item:nth-child(5) span:before{background:url('/wp-content/uploads/2025/11/terre-deden-massage-soin-segre-5-1-1.svg') center/contain no-repeat;}
.contact-from-1 .prest-box .wpcf7-list-item:nth-child(6) span:before{background:url('/wp-content/uploads/2025/11/terre-deden-massage-soin-segre-6-1-1.svg') center/contain no-repeat;}
.contact-from-1 .prest-box .wpcf7-list-item:nth-child(7) span:before{background:url('/wp-content/uploads/2025/11/terre-deden-massage-soin-segre-7-1-1.svg') center/contain no-repeat;}
.contact-from-1 .prest-box .wpcf7-list-item label:hover span:before, .prest-box span.wpcf7-list-item label input:checked + span:before  {filter: brightness(0) saturate(100%) invert(86%) sepia(70%) saturate(0%) hue-rotate(334deg) brightness(114%) contrast(101%);}



@media(max-width: 1440px){
.contact-from-1 .prest-box  .wpcf7-list-item label .wpcf7-list-item-label{font-size:12px;}
}
@media(max-width: 600px){
.contact-from-1 .prest-box .wpcf7-list-item span:before{height:40px}
.contact-from-1 .prest-box  .wpcf7-list-item{width: calc(33.33% - 10px) !important;}
}
@media(max-width: 497px){
.contact-from-1 .prest-box  .wpcf7-list-item {width:calc(50% - 10px) !important;}
.contact-from-1 .prest-box {margin-bottom:10px;}
.contact-from-1 .prest-box .wpcf7-list-item span{
    padding:10px;
	min-height:130px !important;
}    
}