/*
Theme Name: Helpdietetique
Description: Helpdietetique
Author: Kyllian Verdier
Author URI: https://kyllianvdr.fr/
Template: astra 
Version: Alpha 0.0.1
*/

/* Modification du style des informations de contact dans le footer */

footer {
	background-color: #2C5A40;
}

.footer-width-fixer {
	max-width: 1440px;
	margin: 0 auto;
}

.elementor-element-f7639f9 .elementor-icon-list-items {
	padding: 15px 20px !important;
	display: flex;
	gap: 10px;
}

.elementor-element-f7639f9 .elementor-icon-list-items .elementor-icon-list-item {
	margin-inline: 0;
}

.elementor-element-f7639f9 .elementor-icon-list-items .elementor-icon-list-item a {
	border: solid 2px #96D08B;
	padding: 10px 20px;
	border-radius: 6px;
}


/* Modification du 3ème sous menu -> décalage sous le 2ème */
.hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu {
	top: 100% !important;
	left: 15% !important;
}

/* Modification du style des cards info de localisation de région */
.elementor-991 .elementor-element.elementor-element-d40a44c:not(.elementor-motion-effects-element-type-background) {
	margin-bottom: 0;
}

/* Modification de l'ifram Maps */
.elementor-element-0be4ddc .elementor-element-121b10a .elementor-element-b014702 {
	height: 100%;
}

.elementor-element-0be4ddc .elementor-element-121b10a .elementor-element-b014702 .elementor-custom-embed {
	height: 100%;
}

.elementor-element-0be4ddc .elementor-element-121b10a .elementor-element-b014702 .elementor-custom-embed iframe {
	height: 100%;
}

/* Modification style des liens des articles */
.article-blog a {
	text-decoration: underline !important;
}

.article-blog a:hover {
	color: #96d08b;
}

/* Modification pour que la largeur du lien prenne la taille du contenu Logo + Texte */
.header-logo-box {
	display: inline-flex;
	width: fit-content;
	max-width: 100%;
}

/* Style de la bannière de promotion */
.banner-info {
	font-family: urbanist;
	font-weight: 500;
	width: 100%;
	border: 1px solid #D9F392;
	border-radius: 4px;
	background-color: #264C37;
	padding: 5px 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
}
    
.left-decoration-banner,
.right-decoration-banner {
	display: flex;
	gap: 19px;
	align-items: center;
	position: absolute;
	top: -100px;
}
    
.left-decoration-banner {
	rotate: 135deg;
	left: 15%;
}
    
.right-decoration-banner {
	rotate: -135deg;
	right: 15%;
}
    
.line-decoration {
	width: 3px;
	height: 250px;
	background-color: #D9F392;
}
    
.promo-code-banner {
	max-width: 50%;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5px 0;
}
    
.promo-code-banner strong {
	background-color: #2E8B57;
	margin: 0 5px;
	padding: 5px 10px;
	border-radius: 4px;
}
    
.promo-code-banner .link-code-promo {
	color: white;
	text-decoration: underline;
	transition: all 0.3s ease;
	margin-left: 5px
}
    
.promo-code-banner .link-code-promo:hover {
	color: #D9F392;
}
    
.swiper-wrapper {
	align-items: center;
}
    
/* Style lorsque je copie le code promo */
.copy-badge {
	font-family: urbanist;
	font-weight: 600;
	position: fixed;
	background: #f7f7f7;
	color: #000;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 14px;
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
	pointer-events: none;
	opacity: 0;
	transform: translateY(0);
	transition: opacity .25s ease, transform .25s ease;
	z-index: 9999;
	will-change: opacity, transform, top, left;
}

.copy-badge.show {
	opacity: 1;
	transform: translateY(-6px);
}

[data-copy] {
	cursor: pointer;
        
}