/*
Theme Name: K-Vital
Theme URI: https://k-vital.fr
Author: K-Vital
Description: Thème WordPress premium sur mesure pour K-Vital, compléments alimentaires cachers. Compatible WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
Text Domain: k-vital
WC requires at least: 8.0
WC tested up to: 9.0
*/

:root{
  --c-primary: #0c7480;
  --c-primary-dark: #075158;
  --c-primary-light: #e7f5f6;
  --c-primary-soft: #f3fafb;
  --c-gold: #c8a24a;
  --c-gold-dark: #a8842f;
  --c-text: #16282b;
  --c-text-muted: #5c7377;
  --c-border: #e3edee;
  --c-white: #ffffff;
  --c-bg: #fbfdfd;
  --kv-product-accent: var(--c-primary);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 2px 10px rgba(12,116,128,0.06);
  --shadow-md: 0 12px 32px rgba(12,116,128,0.10);
  --shadow-lg: 0 24px 60px rgba(12,116,128,0.14);
  --container: 1240px;
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; overflow-x:clip; max-width:100vw; }  /* clip et non hidden : hidden ferait de la page un conteneur de défilement et casserait tous les position:sticky */
body{
  margin:0;
  overflow-x:clip;
  max-width:100vw;
  font-family: var(--font-body);
  color: var(--c-text);
  background: var(--c-bg);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
/* height:auto est indispensable : WordPress pose des attributs width/height
   sur les images, et sans cette règle le navigateur les étire. */
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ font-family: var(--font-heading); font-weight:600; line-height:1.15; margin:0 0 .5em; color: var(--c-text); }
p{ margin:0 0 1em; }
button{ font-family: inherit; cursor:pointer; }
.container{ max-width: var(--container); margin:0 auto; padding:0 24px; }
.container-narrow{ max-width:760px; margin:0 auto; padding:0 24px; text-align:center; }