/*
Theme Name: PP405 Neocapillum Pro
Theme URI: https://neocapillum.com
Author: Neocapillum
Description: Thème WordPress e-commerce (WooCommerce) pour PP405 Gel capillaire. Crée les pages et produits à l'activation.
Version: 2.0.0
Text Domain: pp405-neocapillum-pro
*/
:root{--bg:#f7fafc;--card:#ffffff;--text:#0e1b2b;--muted:#5c6b80;--brand:#1f7ae0;--accent:#0f5eb8;--ok:#1fa67a;--warn:#c27b1a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--accent);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header{background:#0f2d53;color:#fff}
.header .wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo a{color:#fff;font-weight:800;font-size:22px}
.nav a{color:#e6edf6;margin:0 10px}
.nav a:hover{color:#fff}
.hero{color:#fff;background:linear-gradient(135deg,#0f2d53,#1c3f6b);padding:80px 0;position:relative;overflow:hidden}
.hero .banner{position:absolute;inset:0;opacity:.3;background:url('./assets/banner.svg') center/cover no-repeat}
.hero .inner{position:relative}
.hero h1{font-size:44px;margin:0 0 10px}
.hero p.lead{font-size:18px;max-width:720px;color:#e0e8f2}
.cta{display:inline-block;background:var(--brand);color:#fff;padding:12px 20px;border-radius:10px;font-weight:700;margin-top:16px}
.section{padding:60px 0}
.section.alt{background:#eef3f8}
.grid{display:grid;gap:28px;grid-template-columns:1fr 1fr}
.card{background:var(--card);border-radius:16px;box-shadow:0 10px 30px rgba(20,40,80,.08);padding:22px}
.badge{display:inline-block;background:#e6f0ff;color:#0f5eb8;border:1px solid #b6d2ff;padding:4px 10px;border-radius:999px;font-size:12px}
.footer{background:#0b203a;color:#cdd8e6;padding:30px 0;margin-top:40px}
.footer a{color:#e8f0fb}
img{max-width:100%;height:auto;border-radius:10px}
@media(max-width:900px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}}
/* Woo buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background:var(--brand)!important;color:#fff!important;border-radius:10px!important;padding:.6rem 1rem!important}