h1 {
  font-size: 60px;
  line-height: 1;
}
h2 {
  font-size: 38px;
  line-height: 1;
}
h3 {
  font-size: 32px;
  line-height: 1;
}
h4 {
  font-size: 22px;
  line-height: 1;
}
h5 {
  font-size: 18px;
  line-height: 1;
}
h6 {
  font-size: 14px;
  line-height: 1;
}


/* ────────────────────────────────────────────────────────────────────
   EYEBROW — badge titre avec dot animé
   Ajoute la classe .eyebrow à un élément (avant le h2)
   ──────────────────────────────────────────────────────────────────── */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #9a3367;
  margin-bottom: 16px;
}

.eyebrow::before {
  content: '';
  width: 28px;
  height: 2px;
  background: #9a3367;
}

.eyebrow::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9a3367;
  margin-left: -4px;
  animation: pulseDot 2s ease-out infinite;
}

@keyframes pulseDot {
  0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6); }
  70% { box-shadow: 0 0 0 14px rgba(74, 222, 128, 0); }
  100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); }
}


/* ────────────────────────────────────────────────────────────────────
   LISTES À PUCES — styled
   Ajoute .list-checked au 
   ──────────────────────────────────────────────────────────────────── */
.list-checked {
  list-style: none;
  padding: 0;
}

.list-checked li {
  padding: 10px 0 10px 28px;
  position: relative;
  font-size: 14px;
  color: var(--arca-text);
  border-top: 1px dashed #9a3367;
  transition: all var(--speed);
}

.list-checked li:first-child {
  border-top: none;
}

.list-checked li::before {
  content: '✓';
  position: absolute;
  left: 4px;
  top: 12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9a3367;
  color: #9a3367;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 800;
  transition: all var(--speed);
}


/* ────────────────────────────────────────────────────────────────────
   BADGES — petits éléments inline
   Ajoute .badge à un 
   ──────────────────────────────────────────────────────────────────── */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--arca-stone);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--arca-navy);
  backdrop-filter: blur(8px);
  cursor: default;
  animation: badgeIn 500ms cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
  transition: all var(--speed);
}

@keyframes badgeIn {
  from { opacity: 0; transform: translateY(8px) scale(0.9); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.badge:hover {
  background: #9a3367;
  color: white;
  border-color: #9a3367;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(212, 98, 42, 0.3);
}

.badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9a3367;
  transition: background var(--speed);
  animation: pulseDot 2.5s ease-out infinite;
}

.badge:hover .dot {
  background: white;
}



/***menu wordpress */
header#main-header, #main-header.et-fixed-header { top:10px !important; box-shadow:none!important; background:initial !important; position: fixed; }
@media (min-width: 980px) { header#main-header, #main-header.et-fixed-header {top:25px !important;} }

header .container { width: 95%;max-width: 1800px;border-radius: 20px;background-color: #ffffff85; -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border: 1px solid #e1e1e1;padding: 12px 20px;display: flex;align-items: center;justify-content: space-between; box-shadow: 0px 0px 25px 0px rgba(85, 85, 85, 0.05);}
header .container:after, #top-menu-nav #top-menu a:after { content: none !important;}
header#main-header #et-top-navigation {padding: 0 !important;}
header#main-header #top-menu-nav #top-menu a {border-radius: 20px;padding: 0.7em 0.7em!important;color: rgb(0 0 0) !important;font-weight: 500;width: auto;border-width: 1px 1px 1px 1px;border-color: transparent;border-style: solid;transition: all 0.1s linear; z-index: 99999;}
header#main-header #top-menu-nav #top-menu a:hover {opacity: 1;}
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu {float: none;}

header#main-header #top-menu li {padding-right: 0;}
header#main-header #top-menu li.current-menu-ancestor > a, header#main-header #top-menu li.current-menu-item > a, 
#top-menu li.current_page_item > a, #top-menu li.menu-item > a:hover {background: #eaeaea; cursor:pointer;}

@media (min-width: 980px) { 
	header#main-header #top-menu .menu-item-has-children:hover > a { border-radius: 20px 20px 0 0 !important;background-color: #fff; border-width: 1px 1px 0 1px !important; 
		border-color: #e1e1e1 !important;}
	header#main-header #top-menu .menu-item-has-children:hover > a:hover {background-color: #fff;}
	header#main-header ul.sub-menu { border-radius: 0 20px 20px 20px;box-shadow: 12px 8px 20px 5px rgba(85, 85, 85, 0.05);border-width: 1px 1px 1px 1px !important; 
		border-color: #e1e1e1 !important;border-style: solid !important;padding: 15px;border: 0;background-color: #fff;width: 400px;display: flex;flex-direction: column;top: 37px;}
}
	
header#main-header #top-menu-nav #top-menu ul.sub-menu li a:hover {text-decoration: underline;}
#top-menu li li {padding: 0;}
span.logo_helper {display: none;}

header#main-header .btn a {border-radius: 20px;color: #000000 !important;background-color: #81E46B;padding: 0.7em 1.5em!important;transition: all 0.25s ease;}
header#main-header #top-menu-nav #top-menu .btn a:hover {background-color: #000000;color: #ffffff !important;opacity: 1;transform: translateY(-5px);}