.home-services-mobile{
    display:none !important; 
    overflow: hidden !important;
    position: relative;
	}


.round-link a {
	display: 
		inline-block !important;
	padding: 6px 14px !important;
	border-radius: 
		999px !important;
	border: 
		1px solid #E2DDD4
		!important;
	background: 
		transparent !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-decoration: 
		none !important;
/* 	color: #6B6860 !important; */
	transition: 
		all 0.3s ease !important;
	text-decoration: none
		!important;
}

.round-link a:hover {
	border-color: 
		black !important;
	color: 
		black !important;
}

.header-container {
	display: flex !important;
	align-items: 
		center !important;
/* 	justify-content: 
		space-between !important; */
	padding: 0 1rem !important;
	width: 100% !important;
	gap: 2rem !important; 
}

li.wp-block-navigation-item:has(.header-logo) {
  margin-right: auto !important;
}
.header-container a {
	text-decoration: none !important;
/* 	color: #6B6860 !important;
	margin-bottom: 
		10px !important; */
	transition: 
		transform 0.3s ease;
}
.header-logo-en img{
		transform 0.3s ease;
}
.header-logo-en img:hover{
	transform: 
		translateY(-6px)!important;
}
.header-container a:hover {
	color:black !important;
	transform: 
		translateY(-6px)!important;
}
.header-container button{
	outline:none !important;
}

.nav-bar {
	display: flex;
	gap: 2rem;
	align-items: center;

}

.nav-bar a{
			transition: 
				transform 0.3s ease;
}

.nav-bar a:hover{

	
}

.header-selected{
	font-weight:bolder;
	transform: translateY(-6px);
}

.responsive-max-width, .entry-content > .wp-block-button.aligncenter, hr.wp-block-separator.is-style-wide, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.wp-block-button):not(.entry-attachment), .entry-content > :not(.wp-block-button), .entry-content [class*=inner-container] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
	max-width: none;
}
.footer-logo{
	margin-right:auto !important;
}
.footer-logo img {
max-width:120px;
}
.footer-logo-mobile img {
max-width:120px;
display:none;
}
.footer-contact-mobile{
	display:none !important;
}
.footer-container {
}

.footer-container a {
	text-decoration: none !important;
	color: white !important;
}

.footer-container a:hover {
	border-color: #5096d0;
	color: #5096d0 !important;
}

.homepage-text-1 {
	font-family: Georgia, serif, DM Serif Display;
	font-size: clamp(2.4rem, 4vw, 3.6rem);
	line-height: 1.1;
	margin-bottom: 1.25rem;
}

.homepage-top-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
}

.floating-ad-homepage {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: #ebf3fa;
	color: #5096d0;
	padding: .35rem 1rem;
	border-radius: 99px;
	font-size: .8rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.floating-ad-homepage::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #5096d0;
	display: inline-block;
}

.homepage-top-container p {
	font-size: 1.05rem;
	color: #6B6860;
	line-height: 1.75;
	max-width: 600px;
	margin: 0 auto 2rem;
}

.entry-header {
	display: none;
}

.avantage-container {
	display: flex;
	gap: .6rem;
	justify-content: center;
	flex-wrap: wrap;
}

.avantage {
	font-size: .78rem;
	background: #F4F1EA;
	border: 1px solid #E2DDD4;
	padding: .3rem .85rem;
	border-radius: 99px;
	color: #5096d0;
	border-color:#5096d0;
	transition: transform 0.3s ease;
}
.avantage:hover{
	transform:
		translatey(-5px)
		scaleX(1.07)
		scaleY(1.07);
}
.acceuil-button {
}

.acceuil-button : hover {
	background: #5096d0;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(26, 92, 67, .25);
}

.homepage-bottom-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
}

.avantages-cards {
	background: white;
	border: 1px solid #E2DDD4;
	border-radius: 16px;
	padding: 1.5rem;
}

.avantages-cards h3 {
	font-size: .95rem;
	font-weight: 600;
	margin-bottom: .4rem;
}

.avantages-cards p {
	font-size: .85rem;
	color: #6B6860;
	line-height: 1.6;
}

.avantages-icon {
	font-size: 1.6rem;
	margin-bottom: 1rem;
}

.sub-title-forfait {
	max-width: 500px !important;
	margin: .5rem auto 0 !important;
	font-size: .95rem;
}

.forfait-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}

.forfait-card {
	border: 1px solid #5096d0;
	border-radius: 18px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	transition: 
			transform 0.3s ease;
}
.forfait-card:hover{
	transform: translateY(-15px);
}

.forfait-title {
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .08em;
	color: #6B6860;
	margin-bottom: .75rem;
}

.forfait-prix {
	font-family: 'DM Serif Display', Georgia, serif;
	font-size: 2.2rem;
	color: #1A1814;
	margin-bottom: .2rem;
	line-height: 1.1;

}

.forfait-prix span {
	font-family: 'DM Sans', system-ui, sans-serif;
	font-size: .875rem;
	color: #6B6860;
	font-weight: 400;
}

.forfait-subtitle {
	font-size: .8rem;
	color: #6B6860;
	margin-bottom: 1.25rem;
}

.forfait-subtitle-2 {
	font-size: .69rem;
	color: #6B6860;
	margin-bottom: 1.25rem;
}

.forfait-liste {
	list-style: none;
	flex: 1;
	margin-bottom: 1.5rem;
	padding-left: 0;
}

.forfait-liste li {
	font-size: .875rem;
	color: #6B6860;
	padding: .45rem 0;
	border-bottom: 1px solid #E2DDD4;
	display: flex;
	gap: .5rem;
	align-items: flex-start;
}

.forfait-liste li::before {
	content: "✓";
	color: #5096d0;
	font-weight: 700;
	flex-shrink: 0;
}

.forfait-bouton {
	display: block;
	text-align: center;
	padding: .8rem;
	border-radius: 10px;
	font-size: .875rem;
	font-weight: 500;
	border: 1.5px solid #5096d0;
	color: #1A1814;
	transition: all .2s;
}

.forfait-bouton:hover {
	background: #5096d0;
	color: white;
}

.populaire {
	border-color: #5096d0;
	background: #ffffff;
	position: relative;
}

.forfait-popular {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: #5096d0;
	color: white;
	font-size: .72rem;
	font-weight: 600;
	padding: 4px 14px;
	border-radius: 99px;
	white-space: nowrap;
}

.populaire .forfait-bouton {
	background: #5096d0;
	color: white;
	border-color: #5096d0;
}

.populaire .forfait-bouton:hover {
	background: #72abda;
}

.forfait-question {
	text-align: center;
	font-size: .85rem;
	color: #6B6860;
	margin-top: 1.5rem;
}

.forfait-question a {
	color: #5096d0;
	border-bottom: 1px solid #5096d0;
	text-decoration: none !important;
}

.checklist {
	list-style: none;
	margin-bottom: 1.5rem;
}

.checklist li {
	font-size: .875rem;
	padding: .4rem 0;
	display: flex;
	gap: .6rem;
	align-items: flex-start;
	border-bottom: 1px solid #E2DDD4;
	color: #6B6860;
}

.checklist li::before {
	content: '✓';
	color: #5096d0;
	font-weight: 700;
	flex-shrink: 0;
}

.home-images-side {
    width: 280px;
		max-width:100%;
    flex-shrink: 0;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home-images-side-mobile {
    width: 100%;
		max-width:100%;
    flex-shrink: 0;

    display: flex;
    flex-direction: row;
    gap: 20px;
	  flex-wrap: 
			nowrap!important;
	  will-change: transform;

    animation: 
			mobileImageScroll
			15s linear
			infinite !important;
}

.home-images-side-mobile:hover {
    animation-play-state: paused !important;
}

@keyframes mobileImageScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-184%);
    }
}

.home-images-side-mobile > * {
width: calc((100vw - 2.5rem - 2rem) / 3) !important; 
    max-width: 380px;
    flex: 0 0 auto !important;
    box-sizing: border-box;
}

.home-img-cell{
	position: relative;
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
		transition: 
			transform 0.3s ease;
	min-width:211px !important;
}
.home-img-cell:hover .home-img-desc
{
	max-height:100px;
}
.home-img-cell:hover 
{
	transform:
		scaleX(1.03)
		scaleY(1.03);
}
.home-img-label{
	position:absolute;
	bottom:0;
	left:0;
	right: 0;
  padding: 1.25rem 1.25rem .9rem;
	    background: linear-gradient(to top, #5096d0 10%, rgba(15, 61, 44, .1) 55%, transparent 100%);
	
}

.home-img-tag{
	display:inline-block;
	background:#5096d0;
	color:#1A1814;
	font-size:.68rem;
	font-weight: 700;
  padding: 2px 8px;
    border-radius: 99px;
    margin-bottom: .35rem;
    letter-spacing: .03em;
	
}

.home-overlay{
	    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #5096d0 0%, rgba(15, 61, 44, .1) 55%, transparent 100%);
    transition: background .3s;
}

.home-img-name{
	color:white;
	font-weight: 600;
    font-size: .95rem;
    line-height: 1.3;
    margin-bottom: .2rem;
	overflow-wrap: break-word;
	
}

.home-img-desc{
	color: rgba(255, 255, 255, .7);
    font-size: .78rem;
    line-height: 1.4;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
}
body:not(.home) .site-main {
    padding-top: 0 !important;
}
/* .site-main{
	padding-top: 0 !important;
} */
.content-area{
	margin-top:0px !important;
}

.entry-content{
	margin-top: 0px !important;
}
/* 1. Outer Wrapper: Clips overflow */

.services-scroll-wrapper {
    width: 100%;
    overflow: hidden !important;
    position: relative;
    display: block;
}

.services-scroll-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 1.25rem; 
    will-change: transform;

    animation: autoScroll 20s linear infinite !important;
}

/* 3. Cards Sizing: Exactly 3 visible at once */
.services-scroll-track > * {
width: calc((100vw - 2.5rem - 2rem) / 3) !important; 
    max-width: 380px;
    flex: 0 0 auto !important;
    box-sizing: border-box;
	  min-width:280px
}

/* Pause on hover */
.services-scroll-track:hover {
    animation-play-state: paused !important;
}

/* 4. Animation Keyframe (Cleaned & Fixed) */
@keyframes autoScroll {
    0% {
        transform: translateX(0);
    }
    100% {
transform: translateX(-181.5%);
    }
}

.services-cards{
	
}
.contact-form__input-error {
    font-size: 0 !important;
}

.contact-form__input-error::after {
    content: "Ce champ est obligatoire.";
    font-size: 16px;
}


#g2840-votrecourriel-email-error {
    font-size: 0 !important;
}

#g2840-votrecourriel-email-error::after {
    content: "Veuillez entrer une adresse courriel valide.";
    font-size: 16px;
}

/* Mobile styles */
@media (max-width: 768px) {
	
	.forfait-grid {
    grid-template-columns: 
			1fr !important;
    gap: 1.5rem;
    width: 100%;
  }

  .forfait-card {
    width: 100%;
    box-sizing: border-box;
  }
	.header-container {
		flex-wrap: wrap;
		justify-content: center;
		padding: 1rem;
		gap: 1rem;
	}
	
	.header-container > a:first-child {
		width: 100%;
		text-align: center;
	}
	
	.nav-bar {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1rem;
	}
	
	.nav-bar a {
		font-size: 14px;
	}
	
	.round-link {
		margin-top: .5rem;
		transition: 
			transform 0.3s ease;
	}
	
	.footer-logo-mobile img{
		display:block !important;
	}
	.footer-logo{
		display:none !important;
	}
	
  .footer-contact-mobile {
		display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 2rem !important;
        width: 100% !important;
        text-align: center !important;
    }
	
	.footer-contact{
		display:none!important;
	}
	
.footer-container {
	display: flex !important;
	flex-direction: 
		column !important;
  align-items: 
		center !important;
  justify-content: 
		center !important;
  text-align: center !important;

  width: 100% !important;
  max-width: 100% !important;

  padding: 2rem 1rem !important;
  gap: 1rem !important;
    }
	
	.home-services-mobile{
		display:block !important;
	}
	.home-services{
		display:none !important;
	}
	.homepage-bottom-container {
		display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    }

    .avantages-cards {
			width: 100%;
      box-sizing: border-box;
    }
.wp-block-navigation__container.is-responsive.header-container.wp-block-navigation {
    display: none !important;
  }
	.header-logo-mobile{
		display:block !important;
	}
}
	.header-logo-mobile{
		display:none;
	}
.site-header{
	display:none !important;
}
.site-footer{
	display:none !important;
}