.elementor-kit-15{--e-global-color-primary:#0B1F12;--e-global-color-secondary:#1A3D2B;--e-global-color-text:#2E6644;--e-global-color-accent:#C5F135;--e-global-color-d2ad9fd:#A8D020;--e-global-color-7d85a70:#F5F0E6;--e-global-color-5234daa:#EDE8DA;--e-global-color-4e3b390:#4A6356;--e-global-color-c84ae79:#D6CFBE;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:700;background-color:#F5F0E6;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* === PICKITO — Variables globales === */
:root {
  --dark:      #0B1F12;
  --green:     #1A3D2B;
  --mid:       #2E6644;
  --lime:      #C5F135;
  --lime-d:    #A8D020;
  --cream:     #F5F0E6;
  --cream-d:   #EDE8DA;
  --muted:     #4A6356;
  --border:    #D6CFBE;
  --radius:    14px;
  --radius-lg: 24px;
}

/* === Fond global === */
body {
  background-color: var(--cream);
  color: var(--dark);
}

/* === Liens === */
a { color: var(--mid); }
a:hover { color: var(--lime); }

/* === Boutons === */
.elementor-button {
  background-color: var(--lime) !important;
  color: var(--dark) !important;
  font-weight: 800 !important;
  border-radius: 100px !important;
  padding: 18px 36px !important;
  font-size: 16px !important;
  border: none !important;
  transition: background 0.2s ease !important;
}
.elementor-button:hover,
.elementor-button:focus {
  background-color: var(--lime-d) !important;
}

/* =============================================
   PICKITO — Variantes de boutons
   Usage : champ "Classe CSS" dans Elementor
   ============================================= */

/* --- .btn-primary (défaut) ---
   Fond lime, texte dark, pill
   Usage : sections sombres (hero, vert forêt) */
.elementor-button.btn-primary,
.elementor-widget-button .elementor-button.btn-primary {
  background-color: var(--lime) !important;
  color: var(--dark) !important;
  border: 2px solid transparent !important;
}
.elementor-button.btn-primary:hover,
.elementor-widget-button .elementor-button.btn-primary:hover {
  background-color: var(--lime-d) !important;
}

/* --- .btn-secondary ---
   Outline vert forêt, fond transparent
   Usage : CTA secondaire sur fond crème */
.elementor-button.btn-secondary,
.elementor-widget-button .elementor-button.btn-secondary {
  background-color: transparent !important;
  color: var(--green) !important;
  border: 2px solid var(--green) !important;
}
.elementor-button.btn-secondary:hover,
.elementor-widget-button .elementor-button.btn-secondary:hover {
  background-color: var(--green) !important;
  color: var(--cream) !important;
}

/* --- .btn-dark ---
   Fond dark, texte lime
   Usage : CTA sur fond crème ou blanc */
.elementor-button.btn-dark,
.elementor-widget-button .elementor-button.btn-dark {
  background-color: var(--dark) !important;
  color: var(--lime) !important;
  border: 2px solid transparent !important;
}
.elementor-button.btn-dark:hover,
.elementor-widget-button .elementor-button.btn-dark:hover {
  background-color: var(--green) !important;
  color: var(--lime) !important;
}

/* --- .btn-ghost ---
   Outline lime, fond transparent
   Usage : CTA secondaire sur fond sombre (hero) */
.elementor-button.btn-ghost,
.elementor-widget-button .elementor-button.btn-ghost {
  background-color: transparent !important;
  color: var(--lime) !important;
  border: 2px solid var(--lime) !important;
}
.elementor-button.btn-ghost:hover,
.elementor-widget-button .elementor-button.btn-ghost:hover {
  background-color: var(--lime) !important;
  color: var(--dark) !important;
}/* End custom CSS */