/* General*/
a {color:#000}
svg{overflow:visible}
a,button{cursor:pointer!important}

li {list-style:none}
/*Header*/
.eyc-header {background-color: #ffffffab!important;backdrop-filter: blur(4px);}

/* Menu desktop*/
.eyc_item_submenu:hover, li.menu-item:hover {transform: translateX(-.5rem); transition: all 0.3s}
.eyc_menu-item:after, li.menu-item:after{content:"";opacity:0;  transition: all 0.3s; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.84 18.14'%3E%3Cdefs%3E%3Cstyle%3E .cls-black %7B fill: none; stroke: %23000; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Calque_1-2' data-name='Calque_1'%3E%3Cg id='Groupe_42'%3E%3Cg id='Groupe_40'%3E%3Cg id='Groupe_41'%3E%3Cpath id='Tracé_14' class='cls-black' d='M1,0c0,5.01,5.83,9.07,10.84,9.07h-4.53'/%3E%3Cpath id='Tracé_15' class='cls-black' d='M1,18.14c0-5.01,5.83-9.07,10.84-9.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat:no-repeat;    width: 12px;display: inline-block; cursor:pointer; height: 12px; margin:auto auto auto 5px }
.eyc_item_submenu:hover .eyc_menu-item:after,li.menu-item:hover:after {opacity:1}
.menu-besoins ul.elementor-nav-menu {display: grid;grid-template-columns: 1fr 1fr 1fr; gap:20px}
.menu-offres ul.elementor-nav-menu {display: grid;grid-template-columns: 1fr 1fr; gap:20px}
li.menu-item {border-radius:50px; background-color: #FFF7F0; padding:10px; display:flex;width: max-content}
li.menu-item a, li.menu-item span  {font-size:18px; line-height:24px; padding:0!important}
li.menu-item a:active img:after, li.menu-item span:active img:after {content:none}
.elementor-nav-menu span{align-items: center;display: flex;}
li.menu-item a img, li.menu-item span img{width:32px; height:32px; border-radius:50%; margin-right :10px; display:block}
.elementor-item:hover:after{content:none}

.swiper-button-disabled {display:none!important}

/* intro*/
.bloc-avis-partenaire{align-items:center}
.ti-widget .ti-header{padding:0!important}

.tag-intro{width:max-content;}
.tag-intro span{background-color:#fff; border-radius:50px;  padding: 13px;}

/* Tag Domaine expertises*/
.tag-presta .elementor-image-box-wrapper {
	display:flex;
	align-items:center;
    padding: 4px 13px 0px 5px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 50px 50px 50px 50px;
}

.tag-presta img{min-height:32px; min-width:32px; width:32px!important}
.tag-presta p{margin-bottom:5px}

.presta-list{width:max-content;}
.presta-list span, .presta-list p {background-color:#fff; border-radius:50px;  padding: 13px;}

.presta-list:hover{transform: translateX(-.5rem);transition: all 0.3s;}

/* Tag ville */

.tag-ville .elementor-image-box-wrapper {
	display:flex;
	align-items:center;
    padding: 13px 23px 10px 10px;
    background-color: #fff;
    border-radius: 50px 50px 50px 50px;

}

.tag-ville img{min-height:48px; min-width:48px; width:48px!important}
.tag-ville p{margin-bottom:5px;}


/* FAQ*/
.e-n-accordion-item-title{align-items:flex-start!important}
.e-n-accordion-item-title h3 {font-size:28px!important; line-height:30px}
.e-n-accordion-item-title-icon .e-opened svg, .e-n-accordion-item-title-icon .e-closed svg   {width:2.1em; height:2.1em!important}


/* Fil d'arianne*/
.eyc_breadcrumbs{font-size:18px}


/*Footer */
footer .source-Google {padding: 20px 0!important}
#eyc-footer a{color:#fff}
#eyc-footer .elementor-widget-text-editor a:hover{color:#fa6408}


/* Marque accompagnés */
.customer-follow{
        grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
;
}
.single-post .customer-follow{background:#fff; border-radius:50px; padding:10px 20px}
.single-post  .customer-follow-text{font-size:14px}

.customers-follow-top {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    justify-content: flex-start;
    align-items: center;
    padding-right: .9rem;
    display: flex
;
}

.customers-follow-text {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;}
    
    
.customers-img-wrapper {
    display: flex
;
}    
.customer-img {
    border: .125rem solid #fff;
    border-radius: 50%;

    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 2.3rem;
    height: 2.3rem;
    margin-right: -1rem;} 
    
.customer-img.orvimed {
    background-image: url(https://www.enjoycreativ.com/wp-content/uploads/2025/04/m-zander.jpg);}
.customer-img.imodirect {
    background-image: url(https://www.enjoycreativ.com/wp-content/uploads/2025/04/a-mark.jpg);}
.customer-img.swissharvest {
    background-image: url(https://www.enjoycreativ.com/wp-content/uploads/2025/04/s-esseiva.jpg);}
.customer-img.sdavid {
    background-image: url(https://www.enjoycreativ.com/wp-content/uploads/2025/04/s-david.jpg);}

/* Carrousel logo clients */

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.slider {
  
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.slider .slide {
  height: 100px;
  width: 250px;
  align-items: center;
  display: flex
;
}



/* Bouton CTA*/

.btn_v3{
	margin:auto;
    width: fit-content;
}
.btn_calendly{
	display: flex;
    align-items: center;
    color: #fff!important;
    padding: 10px 20px 10px 10px;
    font-weight: bold;
    font-family: 'degular'!important;
    font-size: 21px;
    gap: 10px;
}


.elementor-button-content-wrapper {align-items:center}
.elementor-button-icon svg{width: 2.1em; overflow:visible}

.elementor-form .elementor-button .elementor-button-content-wrapper{gap:15px}
.elementor-field-type-submit button[type=submit]{padding: 7px 7px 7px 25px; }

.btn_v2.elementor-widget-button:after {background-color:#fa6408}
.btn_v2.elementor-widget-button:before {background-color:#000}
.btn_v2 .elementor-button span{color:#fff}

.btn_v3.elementor-widget-button{padding: 5px 5px 5px 20px}
.btn_v3.elementor-widget-button:after {background-color:#fff}
.btn_v3.elementor-widget-button:before {background-color:#000}
.btn_v3 a:hover svg{fill:#000!important;}
.btn_v3:hover a{color:#fff!important}

.elementor-widget-button, button[type=submit]{
	transition: all .3s;
	overflow: hidden;
	border-radius:10rem;
	z-index: 1;}

.elementor-widget-button:before,button[type=submit]:before {
		    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #fa6408;
    transition: all 0.3s;
    border-radius: 10rem;
    z-index: -1;
	}


.elementor-widget-button:after, button[type=submit]:after {
content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 10rem;
    z-index: -2;
					}

.elementor-widget-button:hover:before, button[type=submit]:hover:before {
    width: 100%;
}

.avis-client .elementor-image-box-wrapper{display:flex; gap:10px}

/* Tag projtes*/
.tag_projets p{padding:8px 20px; border-radius:25px}
.Shopify p {background:#EFFFD5; }
.Refonte p {background:#FFFDD5;}
.Prestashop p {background:#C9F7FF}
.Branding p {background:#FFE5F6}
.Sécurité p{background:#FFDEC9}
.SEO p{background:#FFF7D5}
.Marketing p{background:#DFF0F8}
.Migration p {background:#F3E6FF}
.WordPress p {background:#8dcde4}



/* Blog */
.single-post h1 {font-size:58px!important; line-height:50px!important}
.single-post h2 {font-size:42px!important; line-height:40px!important}

.wp-block-image img {border-radius:25px; margin: 40px 0}

.meta-blog ul li, .meta-blog .eyc-publication-date {font-family:'degular'!important; font-size:18px!important}
.read_time , .meta-blog .eyc-publication-date{padding:10px; border-radius:25px; border:1px solid #000; font-family:'degular'!important; font-size:18px!important; color:#000; height:fit-content}
.eyc-reading-time {margin:0}

.liens-offres{
	    background: #000;
    width: fit-content;
    padding: 15px;
    border-radius: 25px;
    color: #fff;	
	font-size:18px;
	margin: 30px auto;
	position:relative;
	text-align:center;
}
.liens-offres a{ color:#fff}
.liens-offres:hover{background: #fa6408;}

.liens-offres a::after{bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;}

.liens-offres::after
	{content:"";  transition: all 0.3s; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_2' data-name='Calque 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.84 18.14'%3E%3Cdefs%3E%3Cstyle%3E .cls-white %7B fill: none; stroke: %23fff; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cg id='Calque_1-2' data-name='Calque 1-2'%3E%3Cg id='Groupe_42' data-name='Groupe 42'%3E%3Cg id='Groupe_40' data-name='Groupe 40'%3E%3Cg id='Groupe_41' data-name='Groupe 41'%3E%3Cpath id='Tracé_14' data-name='Tracé 14' class='cls-white' d='M1,0c0,5.01,5.83,9.07,10.84,9.07h-4.53'/%3E%3Cpath id='Tracé_15' data-name='Tracé 15' class='cls-white' d='M1,18.14c0-5.01,5.83-9.07,10.84-9.07'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat:no-repeat;    width: 16px;display: inline-block; cursor:pointer; height: 12px; margin:auto auto auto 12px }

.liens-offres:hover::after{transform:translateX(10px)}


/* Tag articles*/


.eyc-tags-list  {display: flex; flex-direction: row; flex-wrap:wrap; gap: 20px;padding:0}
.eyc-tags-list li {padding:10px; border-radius:25px; font-family:'degular'!important; font-size:18px!important;   list-style-type: none;}
.eyc-tags-list li p {margin:0}
.featured-posts .eyc-tags-list  {gap: 10px;}

.eyc-publication-date p{margin:0;  font-family: 'DM Sans', Sans-Serif;}

.featured-posts .eyc-tags-list li {font-size:18px!important; padding:5px 10px;}

.content-marketing{background:#DFF0F8}
.marketing-digital{background:#ffdec9}
.branding{background:#F8DFEF}
.shopify{background:#EFFFD5}
.prestashop{background:#C9F7FF}
.seo{background:#FFF7D5}
.social-media{background:#F3E6FF}
.wordpress{background:#F8DFDF}
.webflow{background:#A7CAFF}
.e-commerce{background:#DFDAFB}

.profil-auteur, img.profil-auteur {border-radius:50%; width:72px; height:auto;}

.acf-author-links {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
}
.acf-author-links li img {
    width: 38px;
    height: 38px;
    display: block;
}
.sommaire li{padding:8px}
.sommaire li:hover {background:#F4F4F4; border-radius:50px;}

.benefice li {background:#fff; border-radius:25px; padding: 5px!important; width :max-content;}
.benefice li .elementor-icon-list-text{margin-right:7px}


	#has_menu:hover button{transform:rotate(90deg)!important}
	#stretched-link:hover button{transform:translateX(.5rem)!important}

.onglet_mega_menu summary svg {width:16px!important; height:16px!important; z-index:5}
.onglet_mega_menu details[open] svg  {transform:rotate(90deg)!important; transition: all 0.3s}


       
/* TABS methodologie. custom*/

    .tabs {
      display: grid;
      grid-template-columns: 40% 1fr;
      gap: 0.3rem 4.5rem;
      margin: auto;
      position: relative;
    }

    .tab-title {
      grid-column: 1;
      margin: 0 0 1rem;
      padding: 1rem;
      cursor: pointer;
		 transition: all 0.3s
    }

    .tab-title h3, .tab-title p {
      margin: 0;
		font-size:26px;
      transition: color 0.3s;
    }

.tab-title:hover {background:#fff; border-radius: 25px; transform:translatey(-10px); transition: all 0.3s}
    .tab-title.active {
		background:#fff; border-radius: 25px;

    }

    .tab-title.active h3 {
    }
.content {
  grid-column: 2;
  padding: 1rem;
  margin-bottom: 1rem;
  font-family: 'DM Sans', Sans-Serif;
	color:#000
}

/* Si JS est actif : tous les contenus se placent en haut */
.js-enabled .content {
  grid-row: 1;
}

/* Masquage non destructif */
.js-enabled .content:not(.active) {
  position: absolute;
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  padding: 0 !important;
  margin: 0 !important;
}

/* Contenu actif, correctement positionné */
.js-enabled .content.active {
  position: relative;
  opacity: 1;
  height: auto;
  overflow: visible;
  pointer-events: auto;
  padding: 1rem;
  margin-bottom: 1rem;
}


/* réponses visibles par défaut (pour le mode lecteur) */
.faq-answer {
  padding-top: 0.5rem;
  font-family: 'DM Sans', Sans-Serif;
}

/* JS actif : on masque dynamiquement */
.js-enabled .faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: max-height 0.4s ease, padding 0.3s ease;
  margin-top: 5px
}

.js-enabled .faq-item.open .faq-answer {
  max-height: 200px;
  padding-top: 0.5rem;
}

/* autres styles inchangés */
.faq-container {
  margin: 0 auto;
	max-width:900px;
}

.faq-item {
  border-bottom: 1px solid #ddd;
  padding: 1rem 0;
}

.faq-question {
  cursor: pointer;
  position: relative;
  padding-right: 2rem;
}

.faq-question h3 {
  margin: 0;
	max-width:98%;
}

.faq-question::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Calque_2' viewBox='0 0 49 49'%3E%3Cdefs%3E%3Cstyle%3E .cls-blanc %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='Calque_1-2'%3E%3Ccircle id='Ellipse_29' cx='24.5' cy='24.5' r='24.5'%3E%3C/circle%3E%3Cpath class='cls-blanc' d='M21,15h-2c0,4.1,3.3,7.5,7.1,9.1-3.9,1.6-7.1,5-7.1,9.1h2c0-4.5,5.4-8.1,9.8-8.1h0v-2c-4.5,0-9.8-3.6-9.8-8.1Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  transition: transform 0.3s;
}

.faq-item.open .faq-question::after {
  content: '';
  transform: rotate(90deg)
}
    

/*Tableau*/

.comparatif{ 
	overflow-x: auto;
	max-width: 100%;}

.comparatif table{ 
 min-width: 1600px; /* Environ 8 colonnes visibles, ajustable selon ton contenu */
  border-collapse: collapse;
  width: 100%;
}
 
.wp-block-table td, .wp-block-table th{border-color:#fff}
.list-tarif{background:#e1fde6; border-radius:25px; padding:30px 10px}
.avantages{background:#e1fde6; border-radius:25px; padding:30px 10px}
.inconveniants{background:#ffd1d1; border-radius:25px; padding:30px 10px}

@media only screen and (min-width: 768px) {
	.bloc-sous-bg {background:#fff7f0; border-radius:25px}
	.bloc-sous-bg li.menu-item{background:#fff;}
	.onglet_mega_menu .e-n-accordion-item-title-icon{display:none;}
	
	#menubar-805 > ul > li:nth-child(6){display:none;}
}

@media only screen and (max-width: 768px) {
	
	.tag-presta .elementor-image-box-wrapper, .tag-ville .elementor-image-box-wrapper {gap:5px}
	.tag-presta .elementor-image-box-title, .tag-ville .elementor-image-box-title {font-size:16px!important; line-height:12px!important}
	.tag-ville .elementor-image-box-description {font-size:12px!important; line-height:12px!important; text-align:left}
	
	.bloc-migration img{width:80%!important; height:100%!important}
	
	
	/*- Tabs*/
	.tabs {display:flex; flex-direction:column}
	
	/* Faq*/
	.e-n-accordion-item-title h3 {font-size: 24px!important; line-height:22px}
	/* Fil d'arianne */
	.eyc_breadcrumbs{font-size:16px}
	.meta-blog li span {width:max-content}
	/* marques*/
	.customers-follow-text{font-size:1.45rem}
	.customer-follow-text{font-size:16px}

	.btn_calendly{ font-size:18px!important}

	.btn_v2 .elementor-button{padding:20px 30px}
	.single-post h1 {font-size:46px!important; line-height:42px!important}
	.single-post h2 {font-size:36px!important; line-height:32px!important}
	.read_time {padding:5px 10px}

	
	.sommaire ol{display: flex;flex-direction: row;}
	.sommaire li{font-size: 14px;line-height: 14px;min-width: fit-content;padding: 0; margin:0; height:max-content}
	.sommaire li:hover {background:#fff; border-radius:0;}
	
	
	.elementor-widget-theme-site-logo img{position:relative; z-index:1}
.e-n-menu button{z-index: 2!important}
	.e-n-menu .e-n-menu-toggle span.e-close svg{height:28px}
.e-n-menu .e-n-menu-wrapper{z-index: 0!important;background: #fff; box-shadow:0 0 0 100vmax #ffffff!important; top:50px!important; transition:0.3s!important}
.e-n-menu .e-n-menu-title{justify-content: space-between !important;  } 
 .e-n-menu .e-n-menu-dropdown-icon-closed svg, selector .e-n-menu-dropdown-icon-opened svg{width:28px; height:28px;}
 .e-n-menu  .e-n-menu-title:hover:not( .e-current ) {background:#fff!important;}
	.e-n-menu a.elementor-item-active, .e-n-menu a:focus, .e-n-menu .elementor-nav-menu--dropdown .elementor-item:hover, .e-n-menu span.elementor-item-active, .e-n-menu span:focus{background:none!important; color:#000!important}
	.menu-offres ul.elementor-nav-menu{display:flex;flex-direction:column}
	.menu-besoins ul.elementor-nav-menu{display:flex;flex-direction:column}


	.elementor-widget-n-menu .e-n-menu-content>.e-con{animation:none}
	
	#e-n-menu-item{position:relative}
	#stretched-link a:after, #stretched-link span:after{
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
	
}