/*
Theme Name: AS Vitrage
Description: Site vitrine mobile pour AS Vitrage. Coordonnées modifiables dans Apparence > Personnaliser.
Version: 1.2.0
Author: AS Vitrage
Text Domain: as-vitrage
*/
:root{--ink:#151515;--orange:#df001b;--muted:#555555;--paper:#f4f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 26px}header{background:white;border-bottom:1px solid #e8edf2;position:sticky;top:0;z-index:9}.bar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;font-size:25px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--orange)}.custom-logo{max-width:180px;height:auto}nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}nav a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#151515;padding:14px 23px;border-radius:6px;text-decoration:none;font-weight:800;line-height:1.4}.btn.light{background:white;color:var(--ink)}.hero{background:var(--ink);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;padding-top:82px;padding-bottom:82px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--orange)}h1{font-size:clamp(40px,5vw,65px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0 24px}h2{font-size:clamp(30px,4vw,43px);letter-spacing:-1.5px;line-height:1.2;margin:12px 0 20px}h3{font-size:23px;line-height:1.3;margin:16px 0 10px}p{margin:0 0 20px}.hero p{color:#c5d1df;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero small{color:#bac7d6}.art{border:1px solid #43546a;border-radius:18px;padding:22px;background:linear-gradient(145deg,#253a52,#152638)}.art svg{width:100%;height:auto}.art-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#d2dce7}.proof{background:#fff;padding:25px 0;border-bottom:1px solid #e4e9ef}.proof .wrap{display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:750}.section{padding:78px 0}.intro{max-width:670px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.card{padding:30px;border:1px solid #e0e6ed;border-radius:10px;background:white}.card p{font-size:16px;color:var(--muted);margin-bottom:0}.number{font-size:13px;color:#c30018;font-weight:850;letter-spacing:2px}.gray{background:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.steps{margin:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;padding:18px 0 18px 50px;position:relative;border-bottom:1px solid #d9e0e7}.steps li:before{content:counter(step);position:absolute;left:0;font-weight:900;color:#c30018}.steps strong{display:block}.steps span{font-size:15px;color:var(--muted)}.zone{background:var(--ink);color:white}.zone p{color:#c5d1df}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.tags span{border:1px solid #496078;border-radius:5px;padding:8px 14px;font-size:14px}details{border-bottom:1px solid #dde4eb;padding:21px 0}summary{cursor:pointer;font-weight:750}details p{padding-top:18px;color:var(--muted);font-size:16px}.contact{padding:36px;background:var(--paper);border-radius:12px}.contact a.email{overflow-wrap:anywhere}.contact .phone{font-size:30px;font-weight:900;text-decoration:none;display:block;margin:15px 0}footer{background:var(--ink);color:#becada;padding:35px 0;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.legal{margin-top:24px}.legal p{font-size:13px}.mobile-call{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:white;padding:12px}.page-content{min-height:60vh;padding:60px 0}.wp-block-image img{max-width:100%;height:auto}@media(max-width:800px){nav a:not(.btn){display:none}.bar{min-height:74px;gap:10px}nav .btn{font-size:12px;padding:12px}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.hero-grid{padding-top:48px;padding-bottom:45px}.art{max-width:460px}.cards{grid-template-columns:1fr}.proof .wrap{flex-wrap:wrap}.section{padding:50px 0}.wrap{padding:0 20px}.mobile-call{display:block;position:fixed;bottom:12px;left:20px;right:20px;z-index:10;text-align:center;box-shadow:0 5px 20px #0003}footer{padding-bottom:90px}h1{letter-spacing:-1.5px}}

/* Palette AS Vitrage : blanc, noir et rouge */
.site-logo{display:block;width:240px;max-width:100%;height:auto;background:#fff}.custom-logo{max-width:240px}.hero p,.hero small,.zone p{color:#dedede}.hero-avatar{width:100%;height:auto;display:block;border-radius:8px;margin:20px 0}.art{background:#fff;border-color:#eee}.art-label{color:#252525}.tags span{border-color:#666}.btn{color:#fff}.btn.light{color:#151515}.eyebrow{color:#df001b}.hero .eyebrow,.zone .eyebrow{color:#ff5666}@media(max-width:800px){.site-logo,.custom-logo{width:185px}.bar{gap:12px}}

.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:38px}.service-visuals figure{margin:0}.service-visuals img{display:block;width:100%;height:auto;border:1px solid #e3e3e3;border-radius:8px}.service-visuals figcaption{font-size:13px;color:#555;margin-top:12px;line-height:1.6}.choice{border-left:4px solid #df001b;padding:5px 0 5px 22px;margin:28px 0}.choice p{font-size:15px;color:#444}.choice a{font-size:13px;text-underline-offset:3px}@media(max-width:800px){.cards,.service-visuals{grid-template-columns:1fr}}

.optics-poster{width:100%;max-width:380px;height:auto;justify-self:center;border-radius:10px}.insurance-brands{display:flex;gap:18px;flex-wrap:wrap;margin:26px 0}.insurance-brand{display:flex;align-items:center;gap:9px;background:#fff;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:15px;font-weight:800}.insurance-brand img{width:32px;height:32px;object-fit:contain}
