/* Styles partagés des pages légales — DA Miellerie des Monts d'Or */
/* Polices auto-hébergées (RGPD + perf) */
@import url('fonts.css');
/* DA alignée sur miellerie.html : fond brun chaud (« réchauffé »), or, Cormorant/Playfair/Inter, mono atelier */
:root{--gold:#C8A44A;--gold2:#E8CC7A;--gold3:#8B6A1A;--gold4:#F5E4A0;--bg:#160F06;--bg2:#201608;--bg3:#2A1F0E;--cream:#F2E8CC;--cream2:#E4D4A0;--muted:#8A7A52;--H:'Cormorant Garamond',Georgia,serif;--P:'Playfair Display',Georgia,serif;--B:'Inter',sans-serif;--M:ui-monospace,'SF Mono','Cascadia Code','Segoe UI Mono',Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* fond chaud + voile doré discret en haut (écho du glow du site) */
body{background:radial-gradient(ellipse 70% 45% at 50% -6%,rgba(200,164,74,.06),transparent 60%),var(--bg);color:var(--cream2);font-family:var(--B);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
/* MATIÈRE — grain de film subtil, comme sur le site principal */
body::after{content:'';position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E")}
@media(prefers-reduced-motion:reduce){body::after{opacity:.035}}
.legal-nav{position:sticky;top:0;z-index:10;background:rgba(22,15,6,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(200,164,74,.12);padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.legal-nav a.back{font-family:var(--H);font-size:17px;font-style:italic;color:var(--gold);text-decoration:none}
.legal-nav .links{display:flex;gap:22px;flex-wrap:wrap}
.legal-nav .links a{font-family:var(--B);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream2);opacity:.6;text-decoration:none;transition:opacity .25s,color .25s}
.legal-nav .links a:hover,.legal-nav .links a[aria-current]{opacity:1;color:var(--gold)}
main{max-width:820px;margin:0 auto;padding:60px 28px 100px}
.legal-eyebrow{font-family:var(--M);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);opacity:.85;margin-bottom:14px}
h1{font-family:var(--H);font-size:clamp(34px,5vw,52px);font-weight:300;font-style:italic;color:var(--cream);line-height:1.1;margin-bottom:10px}
.legal-updated{font-family:var(--M);font-size:11px;letter-spacing:.05em;color:var(--muted);margin-bottom:44px}
h2{font-family:var(--H);font-size:24px;font-weight:500;color:var(--cream);margin:42px 0 14px;padding-top:24px;border-top:1px solid rgba(200,164,74,.12)}
h3{font-family:var(--B);font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--cream);margin:24px 0 8px}
p,li{margin-bottom:12px}
ul,ol{padding-left:22px;margin-bottom:14px}
li{margin-bottom:7px}
a{color:var(--gold)}
strong{color:var(--cream);font-weight:500}
.todo{background:rgba(200,164,74,.08);border:1px dashed rgba(200,164,74,.4);color:var(--gold2);padding:2px 8px;border-radius:3px;font-size:13px;font-weight:500}
.legal-box{background:rgba(200,164,74,.05);border:1px solid rgba(200,164,74,.16);border-left:3px solid var(--gold);border-radius:0 4px 4px 0;padding:18px 22px;margin:20px 0}
.legal-foot{max-width:820px;margin:0 auto;padding:30px 28px 60px;border-top:1px solid rgba(200,164,74,.1);font-size:12px;color:var(--muted)}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}

/* ── FORMULAIRE DE RÉTRACTATION (retractation.html) ───────────────────── */
/* Encart « destinataire » pré-rempli (non modifiable) */
.rf-recap{background:rgba(200,164,74,.05);border:1px solid rgba(200,164,74,.16);border-radius:4px;padding:16px 20px;margin:8px 0 30px;font-size:14px;line-height:1.7}
.rf-recap .rf-recap-l{display:block;font-family:var(--M);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.85;margin-bottom:6px}
.rf-form{margin-top:6px}
.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.rf-field{display:flex;flex-direction:column;margin-bottom:16px}
.rf-field.rf-wide{grid-column:1 / -1}
.rf-field label{font-family:var(--B);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--cream);margin-bottom:7px}
.rf-field .req{color:var(--gold)}
.rf-field input,.rf-field textarea{font-family:var(--B);font-size:14px;color:var(--cream);background:rgba(255,240,200,.03);border:1px solid rgba(200,164,74,.22);border-radius:4px;padding:11px 13px;transition:border-color .25s,background .25s}
.rf-field input::placeholder,.rf-field textarea::placeholder{color:var(--muted)}
.rf-field input:focus,.rf-field textarea:focus{outline:none;border-color:var(--gold);background:rgba(255,240,200,.05)}
.rf-field textarea{resize:vertical;min-height:82px}
.rf-check{display:flex;gap:11px;align-items:flex-start;margin:6px 0 24px;font-size:14px;line-height:1.6}
.rf-check input{margin-top:3px;accent-color:var(--gold);width:16px;height:16px;flex-shrink:0}
.rf-submit{font-family:var(--B);font-size:14px;font-weight:600;letter-spacing:.02em;color:#160F06;background:linear-gradient(160deg,var(--gold2),var(--gold));border:none;border-radius:4px;padding:14px 30px;cursor:pointer;transition:filter .25s,transform .25s}
.rf-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.rf-submit:disabled{opacity:.6;cursor:default;transform:none}
.form-ok{display:none;margin-top:16px;color:var(--gold2);font-weight:500}
.form-ok.on{display:block}
.form-err{margin-top:16px;color:#E4B86A;font-size:14px}
/* Honeypot anti-bot : invisible et hors flux */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:640px){.rf-grid{grid-template-columns:1fr}}