/*
 Theme Name: Occi'pattes Transport
 Description: Thème sur-mesure pour transport d'animaux — calculateur devis & réservation (sans poids).
 Version: 1.3.0
 Text Domain: occipattes
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');
:root { --bg:#fff; --text:#1a1a1a; --muted:#6b7280; --brand:#D32F2F; --brand-2:#FFB300; --surface:#f7f7f8; --ring:rgba(211,47,47,.25); }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:16px}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.logo-mark{width:34px;height:34px;border-radius:9999px;background:conic-gradient(from 0deg,var(--brand),var(--brand-2));border:2px solid #fff;box-shadow:0 0 0 3px var(--ring)}
.nav a{margin:0 10px;font-weight:600;color:#222}
.nav a.cta{padding:10px 14px;border-radius:999px;background:var(--brand);color:#fff;box-shadow:0 8px 24px rgba(211,47,47,.25)}
.hero{background:radial-gradient(1200px 500px at 80% -20%,rgba(255,179,0,.15),transparent),radial-gradient(800px 400px at -10% -20%,rgba(211,47,47,.12),transparent)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;padding:48px 0 28px;align-items:center}
.hero h1{font-size:clamp(28px,5vw,46px);margin:0 0 12px;line-height:1.1}
.hero p{color:var(--muted);font-size:18px}
.hero .card{background:var(--surface);padding:20px;border-radius:16px;border:1px solid #eee}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;border:1px solid var(--brand);color:#fff;background:var(--brand)}
.btn.secondary{background:#fff;color:var(--brand)}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.section{padding:42px 0}
.section h2{font-size:26px;margin:0 0 14px}
.card{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px}
.footer{background:#0f1115;color:#cbd5e1;padding:36px 0;margin-top:40px}
.footer a{color:#e5e7eb}
.notice{background:#fff8f0;border:1px dashed #f59e0b;padding:12px;border-radius:12px}
table{width:100%;border-collapse:collapse} th,td{border-bottom:1px solid #eee;padding:10px;text-align:left}
img{max-width:100%;height:auto;border-radius:12px}
.content > * + * { margin-top: .8rem; }
blockquote{padding:6px 12px;background:#f3f4f6;border-left:3px solid var(--brand);border-radius:8px}