/*
Theme Name: WPPerforms Child
Theme URI: https://wpperforms.com/
Description: Thème enfant propre et léger pour WPPerforms, basé sur Hello Elementor : blog, article, boutique et fiche produit WooCommerce (plugins et ebooks).
Author: WPPerforms
Author URI: https://wpperforms.com/
Template: hello-elementor
Version: 1.8.6
Requires at least: 6.4
Requires PHP: 7.4
WC requires at least: 8.0
Text Domain: wpperforms-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ==========================================================================
   Police Inter (auto-hébergée, licence SIL OFL — assets/fonts/OFL.txt)
   ========================================================================== */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   Charte WPPerforms — SOURCE UNIQUE DES COULEURS
   Modifier une couleur ici la met à jour sur tout le site.
   ========================================================================== */

:root {
  /* Couleurs de marque */
  --wpp-primary: #6C4CF1;
  --wpp-primary-dark: #5A35F0;
  --wpp-accent: #FF7A45;
  --wpp-navy: #0D102C;

  /* Texte */
  --wpp-text: #111827;
  --wpp-text-muted: #525873;

  /* Fonds et bordures */
  --wpp-white: #FFFFFF;
  --wpp-surface: #F7F7FB;
  --wpp-surface-alt: #F8F7FC;
  --wpp-border: #ECEAF5;
  --wpp-border-soft: #E9E7F1; /* FAQ (fiche produit) */
  --wpp-border-field: #E4E1ED; /* champs d'avis (fiche produit) */

  /* Nuances dérivées (calculées à partir des couleurs ci-dessus) */
  --wpp-primary-soft: color-mix(in srgb, var(--wpp-primary) 9%, var(--wpp-white));
  --wpp-primary-softer: color-mix(in srgb, var(--wpp-primary) 5%, var(--wpp-white));
  --wpp-primary-border: color-mix(in srgb, var(--wpp-primary) 26%, var(--wpp-white));
  --wpp-primary-ring: color-mix(in srgb, var(--wpp-primary) 32%, transparent);
  --wpp-accent-soft: color-mix(in srgb, var(--wpp-accent) 12%, var(--wpp-white));
  --wpp-accent-border: color-mix(in srgb, var(--wpp-accent) 38%, var(--wpp-white));
  --wpp-accent-text: color-mix(in srgb, var(--wpp-accent) 64%, #000000); /* orange lisible sur fond clair (AA) */
  --wpp-on-primary: var(--wpp-white);
  --wpp-on-accent: var(--wpp-text); /* texte sombre sur aplat orange (contraste AA) */
  --wpp-text-subtle: color-mix(in srgb, var(--wpp-text-muted) 80%, var(--wpp-white));
  --wpp-border-strong: color-mix(in srgb, var(--wpp-border) 70%, var(--wpp-text-muted));
  --wpp-star-empty: color-mix(in srgb, var(--wpp-border) 80%, var(--wpp-text-muted));
  --wpp-shadow-color: color-mix(in srgb, var(--wpp-primary) 14%, transparent);

  /* Formes et profondeur */
  --wpp-radius-sm: 8px;
  --wpp-radius: 12px;
  --wpp-radius-lg: 16px;
  --wpp-radius-pill: 999px;
  --wpp-shadow-sm: 0 1px 2px color-mix(in srgb, var(--wpp-text) 5%, transparent);
  --wpp-shadow: 0 8px 24px -12px var(--wpp-shadow-color);

  /* Typographie et mise en page */
  --wpp-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --wpp-container: 1240px;
  --wpp-gutter: clamp(16px, 4vw, 32px);
  --wpp-header-height: 72px;
  --wpp-transition: 160ms ease;

  /* Alias rétrocompatibles (v1.0.0) */
  --wpp-text-soft: var(--wpp-text-muted);
  --wpp-bg: var(--wpp-white);
  --wpp-bg-soft: var(--wpp-surface);
  --wpp-radius-legacy: var(--wpp-radius-lg);
}

/* ==========================================================================
   Base légère (le reset est fourni par Hello Elementor)
   ========================================================================== */

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--wpp-header-height) + 16px);
}

body {
  margin: 0;
  color: var(--wpp-text);
  background: var(--wpp-white);
  font-family: var(--wpp-font);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--wpp-primary);
}

a:hover,
a:focus {
  color: var(--wpp-primary-dark);
}

::selection {
  background: var(--wpp-primary);
  color: var(--wpp-on-primary);
}

.wpp-container {
  width: 100%;
  max-width: calc(var(--wpp-container) + 2 * var(--wpp-gutter));
  margin-inline: auto;
  padding-inline: var(--wpp-gutter);
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}