/*
 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 {
      --gold: #C7A76E;
      --gold-dark: #B8965F;
      --white: #FFFFFF;
      --dark: #2B2B2B;
      --gray-light: #F5F5F5;
      --beige: #F2ECE3;
      --text: #2B2B2B;
    }

.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3,
h2.et_pb_module_header{
	line-height:1.5em;
}
#top-menu li.current-menu-item>a {
    color: var(--gold);
}

.hero-badge {
  display: flex; /* ← changer inline-flex en flex */
  align-items: center;
  gap: 8px;
  background: var(--beige);
  border: 1px solid var(--gold);
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 24px;
  width: fit-content;     /* ← ne prend que la largeur nécessaire */
  margin-inline: auto;    /* ← centre l'élément */
}
.hero h1 {
      font-size: 46px;
      font-weight: 800;
      color: var(--dark);
      line-height: 1.15;
      margin-bottom: 22px;
    }

.hero h1 span { color: var(--gold); }

.service-list ul{margin-top:15px;}

.check-list ul li { list-style: none; padding-left: 36px; position: relative; margin-bottom: 12px; font-weight: 700;font-size:13px; color: var(--gold-dark);}

.check-list ul li::before { content: ''; position: absolute; left: 0; top: 5px; width: 22px; height: 22px; background-color: var(--gold-dark); border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; background-position: center; }

 .zone-item {
      background: var(--gray-light);
      border-radius: 12px;
      padding: 20px;
      display: flex;
      align-items: center;
      gap: 14px;
      transition: all 0.3s;
      border: 1px solid transparent;
    }

    .zone-item:hover { border-color: var(--gold); background: var(--beige); }


@media (max-width: 768px) {
	.col-reverse{
		display:flex;
		flex-direction:column-reverse
	}
}