/*
Theme Name: Lueur Vitrine
Theme URI: https://lueurdigitale.ca/
Author: Lueur Digitale
Description: Thème de présentation pour l'offre Lueur Vitrine. Version de démonstration sans commande en ligne.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lueur-vitrine
*/
:root{--navy:#142941;--gold:#e6ae3d;--cream:#fffaf0;--ink:#20344a;--muted:#677487;--line:#e8edf2}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:#fff}a{color:inherit}header{padding:20px max(5vw,22px);border-bottom:1px solid var(--line);background:white}nav,.wrap{max-width:1150px;margin:auto}nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-size:21px;font-weight:850;letter-spacing:-.7px;color:var(--navy);text-decoration:none}.logo span{color:#c28c1a}.links{display:flex;gap:24px;align-items:center}.links a{text-decoration:none;font-weight:600;font-size:14px}.button{display:inline-block;padding:13px 22px;border-radius:9px;background:var(--navy);color:white;text-decoration:none;font-weight:700}.button.light{background:var(--gold);color:var(--navy)}.hero{background:linear-gradient(125deg,#fffdf7,#f3f7fc);padding:90px max(5vw,22px) 95px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.eyebrow{font-size:13px;color:#9a6c13;text-transform:uppercase;letter-spacing:2px;font-weight:800}h1{font-size:clamp(40px,5.3vw,70px);line-height:1.08;margin:12px 0 22px;letter-spacing:-2px;color:var(--navy)}h1 em{font-style:normal;color:#b27b0c}p.lead{font-size:19px;line-height:1.7;color:#516276;max-width:590px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}.ghost{background:white;color:var(--navy);border:1px solid #dae2e9}.preview{background:white;border:1px solid #e2e7ec;border-radius:18px;padding:13px;box-shadow:0 28px 70px #182f4b1b;transform:rotate(2deg)}.browser{border-radius:11px;overflow:hidden;background:#f4f6f8}.browser-top{padding:12px;background:#e9edf0;display:flex;gap:6px}.dot{width:8px;height:8px;background:#bec7d0;border-radius:50%}.mock-head{background:#193754;padding:23px;color:#fff}.mock-head h2{font-size:28px;margin:10px 0}.mock-head p{color:#e4ebf2;font-size:13px}.mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.mock-tile{border:1px solid #e0e6ec;background:white;border-radius:7px;padding:20px 8px;font-size:11px;text-align:center;color:#40536a}.mock-tile b{display:block;color:#c58b22;font-size:21px;margin-bottom:6px}.section{padding:76px max(5vw,22px)}h2.section-title{font-size:clamp(28px,3.2vw,42px);letter-spacing:-1px;color:var(--navy);margin:0 0 13px}.intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:730px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{padding:27px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 8px 24px #17314a08}.card .num{color:#ba831c;font-weight:800;font-size:13px}.card h3{font-size:21px;color:var(--navy)}.card p{color:var(--muted);line-height:1.65;font-size:15px}.alternate{background:#f8fafc}.pricing{max-width:700px;margin:34px auto 0;padding:38px;border-radius:20px;background:var(--navy);color:white}.pricing h3{font-size:29px;margin:0}.pricing .amount{font-size:51px;font-weight:850;margin:16px 0}.pricing .amount small{font-size:16px;font-weight:500}.pricing p,.pricing li{color:#dae5ef;line-height:1.75}.pricing ul{padding-left:20px}.note{font-size:12px!important;color:#aebdc9!important}.faq{max-width:830px;margin:30px auto 0}.faq details{border-bottom:1px solid var(--line);padding:20px 3px}.faq summary{font-weight:750;cursor:pointer}.faq p{line-height:1.7;color:var(--muted)}footer{padding:35px max(5vw,22px);background:#0d2136;color:#fff}footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer p{color:#c2cfde;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr}.links{gap:10px}.links a:not(.button){display:none}.hero{padding-top:60px}.preview{transform:none}.pricing{padding:27px}h1{letter-spacing:-1px}}
