/* 
Theme Name: La chamade
Theme URI: 
Description: 
Author: Agence la chamade
Author URI: https://agencelachamade.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags:
*/

/* GLOBAL */
.rouge{color:#E42C2A !important;}
.bleu{color:#2D276B !important;}


/* ton container */
.card {
  position: relative;
  padding: 40px 20px;
  overflow: visible;
}

/* icône au-dessus */
.card .elementor-icon-wrapper {
  position: absolute;
  top: -5px;
  left: 0px;
  z-index: 2;
}


/* cadre SVG qu’on injecte avec JS */
.card svg.frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.card:hover svg{
	color:#E42C2A !important;
	transition:ease-in-out .2s !important;
}
.card svg{
	transition:ease-in-out .2s !important;
}

.card .frame-rect {
  stroke: #2E4D92 !important;       /* couleur par défaut */
  stroke-width: 2px !important;     /* épaisseur par défaut */
  transition: stroke 0.3s ease, stroke-width 0.3s ease !important;
}

.card:hover .frame-rect {
  stroke: #E42C2A !important;       /* couleur au survol */
  stroke-width: 3px !important;     /* épaisseur au survol */
}


.fond-card {
  background: url('default.jpg') center/cover no-repeat; /* image de départ */
  transition: background-image 0.2s ease-in-out; /* plus rapide */
}



.card-menu-secteur:hover h4{
	color:white !important;
}









body{
  overscroll-behavior: none !important;
}



/* HEADER */
.sousmenu li.menu-item:before{
    content: "" !important;
    display: inline-block !important;
    height: 10px !important;
    width: 10px !important;
    color: #E42C2A;
    font-weight: 600 !important;
    position: absolute !important;
    background-image: url(/wp-content/uploads/2025/09/chevron-submenu.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    left: -18px;
    top: 12px;
}

.header-recherche #form-field-selec{
	padding:0px 20px !important;
	padding-bottom:2px !important;
	background-color:#2E4D92 !important;
	color:white !important;
}

.header-recherche .elementor-field-type-html{
	width:auto !important;
	margin-top:5px !important;
}

.header-recherche .elementor-message-success{
	display:none !important;
}

.header-recherche .elementor-button-icon svg {
	width:22px !important;
}

.header-recherche .elementor-button-text{
	margin-top:-2px !important;
}

.header-recherche .elementor-select-wrapper.remove-before:before{
	content:" " !important;
	display:inline-block !important;
	height:12px !important;
	padding-right:30px !important;
	background-color:#2E4D92 !important;
	z-index:999 !important;
	background-image:url('/wp-content/uploads/2025/06/arrow-bottom.svg')!important;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain !important;
}

.carousel-accueil .elementor-swiper-button.elementor-swiper-button-prev{
	display:none !important;
}




/* ACCUEIL */
.boite:hover{
	border-radius:20px !important;
	border-color:#2D276B !important;
	transition:ease-in-out .3s !important;
	background-color:#2D276B !important;
	transform:scale(1.2) !important;
	    box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 10px 0px !important;
}
.boite{
	transition:ease-in-out .3s !important;
}
.boite .bouton{
	opacity:0 !important;
	max-height:0px !important;
	transition:ease-in-out .3s !important;
}

.boite:hover .bouton{
	opacity:1 !important;
	max-height:60px !important;
	transition:ease-in-out .3s !important;
}

.boite svg{
	color:#2D276B !important;
}

.boite:hover h3, .boite:hover svg{
	color:white !important;
	transition:ease-in-out .3s !important;
}

.elementor-button-icon svg{
	width: 0.8em !important;
    margin-top: 4px !important;
    margin-left: 5px !important;
}



.tuile:hover{
	justify-content: end !important;
	transition: ease-in-out .s !important;
	transform:scale(1.05) !important;
}

.tuile .cache{
	display:none !important;
}

.tuile:hover .cache{
	display:inline-block !important;
}

.tuile:hover .icone{
	display:none !important;
}

.carousel-accueil .elementor-swiper-button-next:hover svg{
	transition: ease-in-out .2s !important;
	transform:scale(1.1) !important;
}

.carousel-accueil .elementor-swiper-button-next:hover rect{
	fill:#2E4D92 !important;
	stroke:#2E4D92 !important;
}


.carousel-accueil .elementor-swiper-button-next svg{
	transition: ease-in-out .2s !important;
}

/*
.e-n-menu-item:has(.e-active) .e-n-menu-title-text:after{
    content: "" !important;
    display: inline-block !important;
    height: 29px !important;
    width: 56px !important;
    background-image: url(/wp-content/uploads/2025/09/onglet-shadow.png) !important;
    position: absolute !important;
    background-size: contain !important;
    transform: translate(-50%, 50%) !important;
    left: 50% !important;
    top: 49px !important;
    z-index: 2147483621 !important;
    background-position: center top;
} */



/* SERVICES */
.card-service:hover{
	transform:scale(1.05) !important;
}
.card-service:hover::before{
	background-image: linear-gradient(180deg, rgba(45, 39, 107, 0) 0%,#2D276B 86%) !important;
	transition: ease-in-out .2s !important;
}
.card-service:hover h2{
	font-style:italic !important;
}
.card-service .bouton{
	max-height:0px !important;
	opacity:0 !important;
	margin-top:0px !important;
	transition: ease-in-out .2s !important;
}
.card-service:hover .bouton{
	max-height:150px !important;
	opacity:1 !important;
	margin-top:20px !important;
	transition: ease-in-out .2s !important;
}

/* Niveau 2 */
.card-a:hover h3{
	color:white !important;
}
.card-a h3:after{
    content: "" !important;
    display: inline-block !important;
    height: 18px !important;
    width: 18px !important;
    background-image: url(https://beta.vinsdescapitelles.com/wp-content/uploads/2025/09/Group-39.svg) !important;
    background-size: cover !important;
    background-position: center !important;
    margin-left: 10px;
    margin-bottom: -1px;
	opacity:0 !important;
	transition: ease-in-out .2s !important;
}

.card-a:hover h3:after{
	opacity:1 !important;
	transition: ease-in-out .2s !important;
}
.card-a:hover{
	transform:scale(1.05)!important;
}

.stockage-tab.elementor-widget-n-tabs .e-n-tab-title{
	justify-content: flex-start !important;

}

/* MENU MOBILE */
#services-mobile{
	margin-left:20px !important;
}
#contact-mobile{
	margin-right:20px !important;
}

.elementor-element.menu-mobile.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true]{
	background-color:#2D276B !important;
}
.elementor-element.menu-mobile.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover{
	background-color:white !important;
}

.scroll::-webkit-scrollbar-thumb{
	background-color:red !important;
}


/* SECTEURS */
.secteurs .boite:hover{
	transform:scale(1.05) !important;
}



@media screen and (max-width: 1024px){
	.plus-mobile-menu.collapse.navbar-collapse.navbar-ex1-collapse.plus-mobile-menu-content.in, .plus-mobile-menu.collapse.navbar-collapse.navbar-ex1-collapse.plus-mobile-menu-content {
		top:60px !important;
	}
	
	
}

@media screen and (max-width: 768px){
	.plus-mobile-menu.collapse.navbar-collapse.navbar-ex1-collapse.plus-mobile-menu-content.in, .plus-mobile-menu.collapse.navbar-collapse.navbar-ex1-collapse.plus-mobile-menu-content {
		top:56px !important;
	}
}