.elementor-kit-9{--e-global-color-primary:#991917;--e-global-color-secondary:#71A19D;--e-global-color-text:#414242;--e-global-color-accent:#E73C29;--e-global-color-9d23d74:#FFA028;--e-global-color-ebc3dd0:#EFEEE8;--e-global-color-1724c6c:#000033;--e-global-color-0d98e9e:#FFFFFF;--e-global-color-b8b3821:#A08D82;--e-global-color-0e77225:#EFEEE9;--e-global-color-63b38d2:#991917;--e-global-color-e9102b2:#414242;--e-global-color-185f043:#8C6856;--e-global-color-550c5a1:#E73C29;--e-global-color-a934729:#71A19D;--e-global-color-339b37c:#939597;--e-global-typography-primary-font-family:"Bicyclette Regular";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Bicyclette Regular";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Bicyclette Regular";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Readex Pro";--e-global-typography-accent-font-weight:400;--e-global-typography-2fe25a2-font-family:"Euphemia-UCAS-Regular";--e-global-typography-1cd5a0b-font-family:"Bicyclette Regular";--e-global-typography-1cd5a0b-font-size:45px;--e-global-typography-1cd5a0b-font-weight:700;--e-global-typography-1cd5a0b-text-transform:uppercase;--e-global-typography-1cd5a0b-font-style:normal;--e-global-typography-1cd5a0b-text-decoration:none;--e-global-typography-1cd5a0b-line-height:1em;--e-global-typography-1cd5a0b-letter-spacing:0px;background-color:var( --e-global-color-0e77225 );font-family:"Bicyclette Regular", Sans-serif;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h1{font-family:"Bicyclette Regular", Sans-serif;}.elementor-kit-9 h2{font-family:"Bicyclette Regular", Sans-serif;}.elementor-kit-9 h4{font-family:"Bicyclette Regular", Sans-serif;}.elementor-kit-9 h6{font-family:"Bicyclette Regular", Sans-serif;}.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);}@media(max-width:1280px){.elementor-kit-9{--e-global-typography-1cd5a0b-font-size:32px;--e-global-typography-1cd5a0b-line-height:56px;--e-global-typography-1cd5a0b-letter-spacing:0px;--e-global-typography-1cd5a0b-word-spacing:8px;}}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-1cd5a0b-font-size:65px;}}@media(max-width:480px){.elementor-kit-9{--e-global-typography-1cd5a0b-font-size:48px;--e-global-typography-1cd5a0b-line-height:1em;}}/* Start custom CSS *//* ============================================================
   MK HORSE SOLUTIONS - DESIGN TOKENS
   Version 2.0 - Aligné sur devis DEV-2026-01-v2 (26 mai 2026)
   ------------------------------------------------------------
   À coller dans Elementor > Site Settings > Custom CSS
   ou dans le style.css du child theme.
   ============================================================ */

:root {
  /* ========== COULEURS PRINCIPALES ========== */

  /* Fond global - omniprésent */
  --mk-bg-beige: #efeee9;

  /* Rouge bordeaux - titres, textes forts, accents principaux
     À utiliser avec mesure pour éviter l'effet "trop chargé" */
  --mk-red-burgundy: #991917;

  /* Rouge corail - CTA, boutons d'action, accents énergiques
     Très peu présent, à réserver aux call-to-action */
  --mk-red-coral: #e73c29;

  /* Sauge / vert d'eau - complémentaire du rouge
     Pour aérer quand la composition est trop chargée */
  --mk-sage: #71a19d;

  /* Sauge clair - variante (à confirmer designer) */
  --mk-sage-light: #87b1ad;

  /* Mocha / brun terre - éléments sombres sobres
     Pour les zones de fond qu'on ne veut pas mettre en évidence */
  --mk-mocha: #8c6856;

  /* ========== COULEURS TEXTE ========== */

  /* Gris foncé - corps de texte principal */
  --mk-text-dark: #414242;

  /* Gris moyen - texte secondaire, légendes */
  --mk-text-gray: #939597;

  /* Blanc cassé / fond clair pour cartes */
  --mk-white: #ffffff;

  /* ========== TYPOGRAPHIE ========== */

  /* Famille titres - Archivo Narrow (Google Fonts, libre)
     Alternative à la Bicyclette de la charte originale */
  --mk-font-heading: 'Archivo Narrow', 'Barlow Condensed', system-ui, sans-serif;

  /* Famille corps - Nunito (Google Fonts, libre)
     Alternative à Euphemia UCAS de la charte originale */
  --mk-font-body: 'Nunito', 'Mulish', system-ui, sans-serif;

  /* Poids */
  --mk-fw-regular: 400;
  --mk-fw-bold: 700;
  --mk-fw-black: 900;

  /* Tailles de police (échelle modulaire 1.250 - Major Third) */
  --mk-fs-xs: 0.75rem;    /* 12px - mentions légales, badges */
  --mk-fs-sm: 0.875rem;   /* 14px - légendes, prix unitaires */
  --mk-fs-base: 1rem;     /* 16px - corps de texte */
  --mk-fs-md: 1.125rem;   /* 18px - intro, sous-titres */
  --mk-fs-lg: 1.5rem;     /* 24px - h3 */
  --mk-fs-xl: 2rem;       /* 32px - h2 */
  --mk-fs-2xl: 2.5rem;    /* 40px - h1 */
  --mk-fs-3xl: 3rem;      /* 48px - hero, prix */

  /* Hauteur de ligne */
  --mk-lh-tight: 1.1;     /* titres */
  --mk-lh-normal: 1.5;    /* corps */
  --mk-lh-loose: 1.7;     /* longs paragraphes */

  /* ========== RAYONS ET BORDURES ========== */

  /* Issus de la charte : R=40px (formes principales), R=25px (variantes) */
  --mk-radius-lg: 40px;   /* cartes principales, blocs hero */
  --mk-radius-md: 25px;   /* cartes secondaires, boutons larges */
  --mk-radius-sm: 12px;   /* champs de formulaire, badges */
  --mk-radius-pill: 999px; /* boutons ronds, badges arrondis */

  /* ========== ESPACEMENTS ========== */

  /* Échelle 4-8-16-24-32-48-64-96 */
  --mk-space-1: 0.25rem;   /* 4px */
  --mk-space-2: 0.5rem;    /* 8px */
  --mk-space-3: 1rem;      /* 16px */
  --mk-space-4: 1.5rem;    /* 24px */
  --mk-space-5: 2rem;      /* 32px */
  --mk-space-6: 3rem;      /* 48px */
  --mk-space-7: 4rem;      /* 64px */
  --mk-space-8: 6rem;      /* 96px */

  /* ========== OMBRES ========== */

  --mk-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --mk-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --mk-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);

  /* ========== BREAKPOINTS (référence, non utilisable en CSS pur) ========== */
  /* sm: 640px / md: 768px / lg: 1024px / xl: 1280px */
}

/* ============================================================
   STYLES DE BASE - À APPLIQUER VIA ELEMENTOR GLOBAL OU CHILD THEME
   ============================================================ */

body {
  background-color: var(--mk-bg-beige);
  color: var(--mk-text-dark);
  font-family: var(--mk-font-body);
  font-size: var(--mk-fs-base);
  line-height: var(--mk-lh-normal);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--mk-font-heading);
  font-weight: var(--mk-fw-bold);
  color: var(--mk-red-burgundy);
  line-height: var(--mk-lh-tight);
  text-transform: uppercase; /* d'après les maquettes : titres en capitales */
}

/* ============================================================
   COMPOSANTS RÉUTILISABLES
   ============================================================ */

/* Bouton primaire (CTA principal type "Ajouter au panier") */
.mk-btn-primary {
  background-color: var(--mk-red-burgundy);
  color: var(--mk-white);
  border-radius: var(--mk-radius-pill);
  padding: var(--mk-space-3) var(--mk-space-5);
  font-family: var(--mk-font-heading);
  font-weight: var(--mk-fw-bold);
  text-transform: uppercase;
  transition: all 0.2s ease;
  border: none;
}

.mk-btn-primary:hover {
  background-color: #7a1410; /* assombrissement manuel du bordeaux */
}

/* Bouton accent (type "Calculateur", "Créer un compte") */
.mk-btn-accent {
  background-color: var(--mk-red-coral);
  color: var(--mk-white);
  border-radius: var(--mk-radius-pill);
  padding: var(--mk-space-3) var(--mk-space-5);
  font-family: var(--mk-font-heading);
  font-weight: var(--mk-fw-bold);
  text-transform: uppercase;
}

/* Bouton secondaire (type "Fiche technique", "Voir plus") */
.mk-btn-secondary {
  background-color: var(--mk-sage);
  color: var(--mk-white);
  border-radius: var(--mk-radius-pill);
  padding: var(--mk-space-3) var(--mk-space-5);
  font-family: var(--mk-font-heading);
  font-weight: var(--mk-fw-bold);
  text-transform: uppercase;
}

/* Carte standard (produit, projet) */
.mk-card {
  background-color: var(--mk-white);
  border-radius: var(--mk-radius-lg);
  padding: var(--mk-space-5);
  box-shadow: var(--mk-shadow-sm);
}

/* Bloc hero / cards principales (formes de stabilité) */
.mk-hero-block {
  background-color: var(--mk-white);
  border-radius: var(--mk-radius-lg);
  padding: var(--mk-space-7);
}


/* Fix responsive mobile - forcer 1 colonne pour le widget Produits (page Nos produits) */
@media (max-width: 767px) {
  .elementor-element-682299a ul.products {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 480px) {
  .elementor-element-682299a ul.products {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bicyclette Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mkhorsesolutions.be/wp-content/uploads/2026/06/Bicyclette-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Euphemia-UCAS-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mkhorsesolutions.be/wp-content/uploads/2026/06/Euphemia-UCAS-Regular-2.6.6.ttf') format('truetype');
}
/* End Custom Fonts CSS */