/* ==========================================================================
   Etika Spirulina — Jetons de marque des surfaces FunnelKit
   --------------------------------------------------------------------------
   Deux blocs, et rien d'autre :

     1. les jetons --es-fk-*, repris du design system (kit Elementor 2771) ;
     2. le remappage des variables --fkcart-* du plugin sur ces jetons.

   Le plugin déclare ses variables sur :root, en style inline accroché à la
   poignée « fkcart-style ». Cette feuille est mise en file après elle : à
   sélecteur égal, l'ordre de source suffit, aucune surenchère de spécificité
   n'est nécessaire.

   Redéfinir les variables du plugin plutôt que d'écraser ses règles fait
   travailler son propre CSS pour nous : survols, états actifs et messages
   d'erreur prennent la palette sans qu'on les écrive.

   Les valeurs équivalentes existent aussi dans l'écran de réglages de
   FunnelKit. On les pose ici pour qu'elles soient versionnées avec le thème
   et qu'un réglage perdu en base ne défasse pas la maquette.
   ========================================================================== */

:root{

	/* ---- marque ---- */
	--es-fk-foret:        #173622;
	--es-fk-vif:          #339F5B;
	--es-fk-lien:         #008F4A;

	/* ---- déclinaisons, reprises de la maquette ---- */
	--es-fk-foret-900:    #0E2416;
	--es-fk-foret-500:    #2C5138;
	--es-fk-foret-300:    #6E8577;
	--es-fk-vif-700:      #2A8A4D;
	--es-fk-vif-050:      #EDF5EF;
	--es-fk-vif-100:      #DCEBE1;

	/* ---- surfaces ---- */
	--es-fk-blanc:        #FFFFFF;
	--es-fk-creme:        #FEF8F1;
	--es-fk-beige:        #F8F1E6;
	--es-fk-filet:        #E7E5DC;
	--es-fk-filet-fonce:  #D6D3C7;

	/* ---- signal ---- */
	--es-fk-jaune:        #F2ED6F;
	--es-fk-corail:       #EE6E6A;

	/* ---- écriture ---- */
	--es-fk-font:         Poppins, system-ui, -apple-system, sans-serif;

	/* ---- mesures de la maquette ---- */
	--es-fk-rayon:        8px;
	--es-fk-gouttiere:    24px;
	--es-fk-ease:         cubic-bezier(.22, .7, .3, 1);


	/* ======================================================================
	   Remappage des variables du plugin
	   ====================================================================== */

	/* Le vert vif ne porte jamais de texte : il ne monte qu'à 3,36:1 sur
	   blanc. Il ne sert donc que de fond de bouton, où le blanc passe. */
	--fkcart-primary-bg-color:                  var(--es-fk-vif);
	--fkcart-primary-font-color:                var(--es-fk-blanc);

	/* Titres et corps partagent le vert forêt : sur ce site la hiérarchie
	   passe par la graisse, jamais par la couleur. */
	--fkcart-primary-text-color:                var(--es-fk-foret);
	--fkcart-secondary-text-color:              var(--es-fk-foret-500);

	--fkcart-accent-color:                      var(--es-fk-vif);
	--fkcart-bg-color:                          var(--es-fk-blanc);
	--fkcart-border-color:                      var(--es-fk-filet);
	--fkcart-border-radius:                     var(--es-fk-rayon);
	--fkcart-color-black:                       var(--es-fk-foret);
	--fkcart-panel-color:                       var(--es-fk-vif-050);

	/* Prix barré et économie réalisée. Le vert lien, pas le vert vif :
	   c'est du petit texte, il lui faut ses 4,18:1. */
	--fkcart-strike-through-price-text-color:   var(--es-fk-foret-300);
	--fkcart-saving-text-price-color:           var(--es-fk-lien);
	--fkcart-coupon-text-price-color:           var(--es-fk-lien);

	/* Barre de récompense, habillage « classique ». */
	--fkcart-progressbar-active-color:          var(--es-fk-vif);
	--fkcart-progress-bar-active-color:         var(--es-fk-vif);
	--fkcart-progress-bar-icon-color:           var(--es-fk-foret-300);
	--fkcart-progress-bar-active-icon-color:    var(--es-fk-blanc);
	--fkcart-progress-bar-bg-color-active-icon: var(--es-fk-vif);
	--fkcart-reward-color:                      var(--es-fk-vif);

	/* Messages. Le corail est un fond, jamais une encre : l'erreur garde
	   son rouge d'origine pour rester lisible. */
	--fkcart-success-color:                     var(--es-fk-lien);
	--fkcart-success-bg-color:                  var(--es-fk-vif-050);
	--fkcart-error-color:                       #B00C0C;
	--fkcart-error-bg-color:                    #FDEFEF;

	/* Icône flottante et pastille de comptage. */
	--fkcart-toggle-bg-color:                   var(--es-fk-foret);
	--fkcart-toggle-icon-color:                 var(--es-fk-blanc);
	--fkcart-toggle-count-bg-color:             var(--es-fk-vif);
	--fkcart-toggle-count-font-color:           var(--es-fk-blanc);

	/* Largeur du panneau, reprise de la maquette. */
	--fkcart-slider-desktop-width:              430px;
	--fkcart-slider-mobile-width:               100%;
}