/* Rel Media — thème crème (phase 2, 2026-10-04). Chargé APRÈS pages.css / blog.css / diagnostic.css.
   Nouveau nom à chaque version : /assets/* est mis en cache 1 an. */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --ink:#f8f5ef;--ink-2:#ffffff;--ink-3:#f0ebe1;
  --text:#1a1916;--muted:#5e584f;--faint:#8a8378;
  --gold:#9a7524;--gold-lt:#7d5f1c;--gold-dk:#c9a84c;
  --border:#e4ded2;--border-g:rgba(154,117,36,.35);
  --success:#1f7a3a;--error:#b3391f;
  --sans:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --rm-dark:#11100e;
}
html{color-scheme:light}
body{background:#f8f5ef;color:#1a1916;font-family:var(--body)}

/* En-tête */
.page-header{background:rgba(248,245,239,.9)!important;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}
.brand{font-family:var(--body);font-weight:600}
.brand b{color:#c9a84c}
.page-nav{font:500 .9rem/1 var(--body);letter-spacing:0;text-transform:none}
.page-nav a:not(.button){color:var(--muted)}
.page-nav a:not(.button):hover{color:var(--text)}
.rm-phone{color:#1a1916!important;font-family:var(--body)!important;font-weight:600!important}

/* Titres */
h1,h2,h3{font-family:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.03em;font-weight:600;line-height:1.08}
h1{font-weight:600}
h2{font-weight:600}
h1 strong,h2 strong,h1 em,h2 em{font-style:normal;font-weight:inherit;color:#8a6a1f}
.eyebrow{color:var(--muted);font:500 .72rem/1.4 var(--mono);letter-spacing:.16em}
.eyebrow::before{background:#c9a84c}
.muted{color:var(--muted)}

/* Boutons */
.button,.skip{background:#1a1916;color:#f8f5ef;border:1px solid #1a1916;border-radius:999px;font:600 .95rem/1.2 var(--body);letter-spacing:0;text-transform:none;padding:.9rem 1.5rem}
.button:hover{background:#2b2924;border-color:#2b2924;color:#f8f5ef}
.button.secondary,.button.call-outline{background:transparent!important;color:#1a1916!important;border-color:#1a1916!important}
.button.secondary:hover,.button.call-outline:hover{background:#1a1916!important;color:#f8f5ef!important}
.call-badge,.call-label{background:#f2e2b3!important;color:#5c4512!important}
.call-recommended{border-color:#c9a84c!important}

/* Cartes et surfaces */
.card,.list li,.form-card,.tldr,.post-card,.audit-card,.scope-card,.section-menu,.call-card{background:#fff;border:1px solid var(--border)}
.card,.form-card,.post-card,.audit-card,.scope-card,.call-card,.tldr{border-radius:16px}
.post-card:hover{background:#fffdf8;border-color:#c9a84c}
.example-card{background:#fff;border-radius:16px}
.offer-card,.cta-box{background:#fff!important;border:1px solid #c9a84c!important;border-radius:20px;box-shadow:0 24px 60px rgba(26,25,22,.08)}
.deliverable{background:#f0ebe1}
.prose th{background:#f0ebe1}
.hero::after{background:radial-gradient(circle,rgba(201,168,76,.18),transparent 68%)}

/* Formulaires */
.field input,.field select,.field textarea{background:#fff!important;border:1px solid #d8d1c3!important;color:#1a1916!important;border-radius:10px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#9a7524!important;box-shadow:0 0 0 3px rgba(201,168,76,.2)}

/* Visuels du laboratoire : on garde leur fond foncé */
.case-visual{background:linear-gradient(145deg,#2a2620,#11100e 70%)!important}
.screen{background:#0b0a09}

/* Pied de page */
.footer,.site-footer{background:#1b1a17;color:#a39e94;border-top:0}
.footer a,.site-footer a{color:#c9c4ba}
.footer a:hover,.site-footer a:hover{color:#d9bc6a}
.footer .rm-phone,.site-footer .rm-phone{color:#d9bc6a!important}

/* Barres mobiles */
.call-mobile:not([hidden]){background:rgba(248,245,239,.96)!important;border-top:1px solid var(--border)!important}

/* Fenêtre de réservation */
.rm-booking{background:#f8f5ef!important;color:#1a1916!important;border-color:#e4ded2!important}
.rm-booking a{color:#8a6a1f!important}
.rm-booking-close{color:#1a1916!important}

::selection{background:#f2e2b3;color:#1a1916}

/* Blogue et messages */
.prose{color:#2e2b26}
.prose a{color:#8a6a1f}
.form-feedback.error,.error-text{color:#9c2f18!important}
em{font-style:normal}

/* Calendrier Google : message pendant le chargement */
iframe[src*="calendar.google.com"],iframe[data-src*="calendar.google.com"]{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22400%22%20height%3D%22120%22%3E%3Ctext%20x%3D%22200%22%20y%3D%2256%22%20text-anchor%3D%22middle%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2216%22%20fill%3D%22%238a8378%22%3EChargement%20du%20calendrier%E2%80%A6%3C/text%3E%3Ctext%20x%3D%22200%22%20y%3D%2282%22%20text-anchor%3D%22middle%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2213%22%20fill%3D%22%23b5ad9f%22%3EQuelques%20secondes%3C/text%3E%3C/svg%3E") center 120px no-repeat!important}