/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
:root {
  --vert:    #6DC243;
  --vert-d:  #4e9a28;
  --orange:  #F47920;
  --dark:    #0f0f0f;
  --dark2:   #161616;
  --dark3:   #1e1e1e;
  --dark4:   #252525;
  --light:   #f5f0e8;
  --muted:   #888;
  --white:   #ffffff;
}
.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3,
h2.et_pb_module_header,
h2.et_pb_module_header{
	line-height:1.5em;
}

/* style du Bouton  dans le header*/
.menu-item-14 > a,
#page-container .et-fixed-header .menu-item-14 > a{
  background-color: #7cb141;
  color: #fff !important;
  padding: 18px 20px !important;
  border-radius: 4px;
  letter-spacing:2px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

#page-container .menu-item-14 > a:hover {
  color: var(--white) !important;
  background-color: var(--orange);
  cursor:pointer;
  opacity:1;
}

.hero-tag {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--vert);
    margin-bottom: 1rem;
}
.hero-tag::before {
    content: '';
    width: 28px;
    height: 1px;
    background: var(--vert);
}
.hero-title em {
    font-style: italic;
    color: var(--vert);
}
.hero-tag-center{
    display: flex;          
    justify-content: center; 
    align-items: center;
    gap: .6rem;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--vert);
    margin-bottom: 1rem;
}
.hero-tag-center::before {
    content: '';
    width: 24px;
    height: 1px;
    background: var(--vert);
}

@keyframes spin-slow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

.promo-badge {
	position:relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 3px solid var(--orange);
	background: var(--white);
    flex-shrink: 0;
    animation: spin-slow 20s linear infinite;
	z-index:3;
}
.promo-badge .pct {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--orange);
    line-height: 1;
}
.promo-badge .pct-label {
    font-size: .65rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--orange);
    opacity: .8;
}
.produit-item {
   /* background: var(--dark2);
    padding: 2.5rem 2rem;
    border-bottom: 1px solid rgba(245, 240, 232, .06);
    display: flex;
    flex-direction: column;
    gap: .7rem;
    transition: background .3s;
    overflow: hidden;
	position: relative;*/
}
.produit-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--vert);
    transition: width .4s ease;
}
.produit-item:hover {
    background: var(--dark4);
}
.produit-item:hover::before{
	width:100%;
}
@media (max-width: 768px) {
	.col-reverse{
		display:flex;
		flex-direction:column-reverse
	}
}
@media (max-width: 420px) {
    .mobile-break {
        display: block;
    }
	#page-container .menu-item-14 > a{
		text-align:center;
	}
}