/*
Theme Name: Lupéo
Theme URI: https://lupeo.fr
Description: Thème enfant de Blocksy pour la boutique Lupéo. Charte turquoise #007C75 (couleur du logo), typographie Manrope + Inter hébergées localement (aucun appel à Google Fonts, conformité RGPD).
Author: Lupéo
Template: blocksy
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: lupeo
*/

/* =========================================================
   1. Typographie — fichiers servis depuis lupeo.fr
   ========================================================= */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/inter-400-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/inter-400-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/inter-500-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/inter-500-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/inter-600-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/inter-600-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/inter-700-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/inter-700-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/manrope-600-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/manrope-600-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/manrope-700-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/manrope-700-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;
  src:url(assets/fonts/manrope-800-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;
  src:url(assets/fonts/manrope-800-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}

/* =========================================================
   2. Charte Lupéo — la palette Blocksy pointe sur nos jetons
   ========================================================= */
:root{
  --lupeo-teal:#007C75;
  --lupeo-teal-deep:#005A55;
  --lupeo-teal-soft:#E2EFEE;
  --lupeo-cream:#FAF7F2;
  --lupeo-ink:#1A1A1A;
  --lupeo-ink-2:#4A453E;
  --lupeo-mute:#6F6A62;
  --lupeo-line:#E6DFD4;
  --lupeo-cta:#EA580C;
  --lupeo-cta-deep:#C2410C;
  --lupeo-ok:#15803D;
  --lupeo-warn:#B45309;
  --lupeo-warn-soft:#FDF6EC;
  --lupeo-warn-line:#E9C88F;

  --lupeo-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --lupeo-display:Manrope,var(--lupeo-sans);

  /*
   * Les variables --theme-* de Blocksy ne sont volontairement pas
   * redéfinies ici : les couleurs se règlent dans le personnalisateur
   * (Apparence › Personnaliser › Couleurs), la typographie dans functions.php.
   */
}

body{font-family:var(--lupeo-sans);color:var(--lupeo-ink-2);background-color:var(--lupeo-cream)}

h1,h2,h3,h4,h5,h6,
.entry-title,.page-title,.product_title,
.woocommerce-loop-product__title{
  font-family:var(--lupeo-display);
  font-weight:700;
  letter-spacing:-.025em;
  color:var(--lupeo-ink);
  text-wrap:balance;
}

/* =========================================================
   3. Boutique — l'orange reste réservé à l'achat
   ========================================================= */
.woocommerce div.product form.cart .button,
.woocommerce a.button.add_to_cart_button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  font-family:var(--lupeo-display);
  font-weight:700;
  letter-spacing:-.01em;
  border-radius:10px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-family:var(--lupeo-display);
  font-weight:700;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
  color:var(--lupeo-ink);
}

.woocommerce .star-rating span,
.woocommerce span.onsale{background-color:var(--lupeo-teal);color:#fff}

/* prix et références alignés en colonne */
.woocommerce table.shop_table td,
.woocommerce ul.order_details li strong,
.price,.amount{font-variant-numeric:tabular-nums}

/* =========================================================
   4. Modules de la fiche produit
   =========================================================
   Ils vivent dans l'extension « Lupéo — modules fiche produit », qui embarque
   ses propres styles. Le thème ne fournit ici que les jetons de couleur
   (--lupeo-*) que cette extension consomme.
   ========================================================= */