/* ======================================================================
   ByWali — thème d'essai "éditorial" (activé par html.theme-v2, réversible)
   Or sur vert profond, serif de caractère, trame géométrique ton sur ton,
   angles dorés, coins carrés. Aucune règle de fonctionnement n'est touchée.
   ====================================================================== */
html.theme-v2 {
  --bg: #F6F1E6; --primary: #14372D; --primary-dark: #0C2620; --primary-soft: #E6EDE7;
  --gold: #B8934A; --gold-soft: #F1E7D0; --line: #DDD1B9; --ink: #1D1813; --ink-soft: #6B6155;
  --radius: 4px; --shadow-sm: 0 1px 2px rgba(20,55,45,0.05), 0 10px 26px -18px rgba(20,55,45,0.35); --shadow-md: 0 18px 40px -26px rgba(20,55,45,0.45);
  --gold2: #D9BC78;
  --v2-star: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='none' stroke='%23B8934A' stroke-width='1'><path d='M32 4l6 14 14 6-14 6-6 14-6-14-14-6 14-6z'/></g></svg>");
  --v2-star-light: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='none' stroke='%23D9BC78' stroke-width='1'><path d='M32 4l6 14 14 6-14 6-6 14-6-14-14-6 14-6z'/><path d='M32 20l3.5 8.5L44 32l-8.5 3.5L32 44l-3.5-8.5L20 32l8.5-3.5z'/></g></svg>");
}
html.theme-v2 body { font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif; background-color: var(--bg); background-image: var(--v2-star); background-size: 64px 64px; background-attachment: initial; }
html.theme-v2 body::before { content: ""; position: fixed; inset: 0; background: rgba(246,241,230,0.93); pointer-events: none; z-index: -1; }
@media (min-width: 700px) { html.theme-v2 .wrap { background: transparent; box-shadow: none; } html.theme-v2 body { background-image: var(--v2-star); background-size: 64px 64px; } }
html.theme-v2 h1, html.theme-v2 h2, html.theme-v2 h3, html.theme-v2 .brand-band .brand-name, html.theme-v2 .pcard-name, html.theme-v2 .pv-name, html.theme-v2 .open-conv-name, html.theme-v2 .fold > summary, html.theme-v2 .pv-section-title {
  font-family: "Cormorant Garamond", "GFS Baskerville", Georgia, serif; font-weight: 600; letter-spacing: 0; color: var(--primary-dark);
}
html.theme-v2 h2 { font-size: 30px; }
html.theme-v2 h3 { font-size: 19px; }
html.theme-v2 .eyebrow { font-family: inherit; letter-spacing: 0.16em; font-size: 11px; color: var(--gold); }
html.theme-v2 .muted { color: var(--ink-soft); }

/* Bandeau */
html.theme-v2 .brand-band { background: radial-gradient(120% 90% at 85% 0%, #1A4A3C 0%, var(--primary) 50%, var(--primary-dark) 100%); border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(217,188,120,0.35), 0 16px 34px -22px rgba(12,38,32,0.7); position: relative; overflow: hidden; }
html.theme-v2 .brand-band::before { content: ""; position: absolute; inset: 0; background-image: var(--v2-star-light); background-size: 64px 64px; opacity: 0.08; }
html.theme-v2 .brand-band img { border-radius: 2px; box-shadow: none; outline: 1px solid rgba(217,188,120,0.5); }
html.theme-v2 .brand-band .brand-name { color: #fff; font-style: normal; font-size: 22px; letter-spacing: 0.5px; }
html.theme-v2 .brand-band .brand-ar { color: var(--gold2); opacity: 1; }
html.theme-v2 .brand-logout { border-radius: 4px; }

/* Cartes : angles dorés */
html.theme-v2 .card { background: #FFFDF8; border-radius: 4px; border: 1px solid var(--line); position: relative; }
html.theme-v2 .card::before, html.theme-v2 .card::after { content: ""; position: absolute; width: 11px; height: 11px; border-color: var(--gold); border-style: solid; pointer-events: none; }
html.theme-v2 .card::before { top: 5px; left: 5px; border-width: 1px 0 0 1px; }
html.theme-v2 .card::after { bottom: 5px; right: 5px; border-width: 0 1px 1px 0; }
html.theme-v2 .card:empty::before, html.theme-v2 .card:empty::after { display: none; }

/* Navigation haute */
html.theme-v2 nav.top { border-bottom: 1px solid var(--line); }
html.theme-v2 nav.top > span > a, html.theme-v2 nav.top > div > a { border-radius: 3px; font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; background: transparent; border-color: var(--line); color: var(--primary); }
html.theme-v2 nav.top > span > a[href="/admin.html"], html.theme-v2 nav.top > div > a[href="/admin.html"] { background: var(--primary); border-color: var(--primary); }

/* Boutons et champs */
html.theme-v2 button, html.theme-v2 .btn-primary, html.theme-v2 .btn-gold, html.theme-v2 .btn-rose, html.theme-v2 .btn-outline { border-radius: 3px; letter-spacing: 0.01em; }
html.theme-v2 .btn-primary { background: var(--primary); box-shadow: none; }
html.theme-v2 .btn-gold { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #1D1813; box-shadow: none; }
html.theme-v2 .btn-outline { background: transparent; border-color: var(--line); color: var(--primary); }
html.theme-v2 input, html.theme-v2 textarea, html.theme-v2 select { border-radius: 3px; background: #FFFDF8; }
html.theme-v2 .badge { border-radius: 2px; font-family: inherit; letter-spacing: 0.06em; text-transform: uppercase; font-size: 10.5px; }

/* Barre du bas */
html.theme-v2 .bottomnav { background: rgba(246,241,230,0.96); border-top: 1px solid var(--gold); box-shadow: none; }
html.theme-v2 .bottomnav a { border-radius: 3px; font-size: 10.5px; letter-spacing: 0.02em; }
html.theme-v2 .bottomnav a.active { color: var(--primary-dark); }
html.theme-v2 .bottomnav a.active::before { background: var(--gold); height: 2px; border-radius: 0; }

/* Découverte : cartes de profil */
html.theme-v2 .pcard { padding: 18px; }
html.theme-v2 .pcard-avatar { border-radius: 2px; outline: 1px solid var(--line); outline-offset: 3px; }
html.theme-v2 .pcard-name { font-size: 26px; }
html.theme-v2 .pcard-chips { gap: 8px 16px; }
html.theme-v2 .pcard-chip { background: transparent; border: none; padding: 0; font-size: 13.5px; color: var(--ink); }
html.theme-v2 .pcard-chip > span:first-child { display: none; }
html.theme-v2 .pcard-chip::before { content: "◆"; color: var(--gold); font-size: 7px; margin-right: 7px; vertical-align: middle; }
html.theme-v2 .pcard-new { border-radius: 2px; background: var(--gold); }
html.theme-v2 .new-banner { border-radius: 3px; }
html.theme-v2 .admin-view-bar { border-radius: 4px; }
html.theme-v2 .seg { border-radius: 3px; } html.theme-v2 .seg button { border-radius: 2px; }

/* Fiche */
html.theme-v2 .pv-hero { border-radius: 4px; outline: 1px solid rgba(217,188,120,0.5); outline-offset: -6px; }
html.theme-v2 .pv-verified { border-radius: 2px; letter-spacing: 0.08em; text-transform: uppercase; font-size: 10px; }
html.theme-v2 .pv-bio { border-left-color: var(--gold); border-radius: 4px; }
html.theme-v2 .pv-section-title .pv-ico { border-radius: 3px; background: var(--gold-soft); }
html.theme-v2 .pv-row { border-top-color: #EFE6D3; }

/* Demandes, wali, admin */
html.theme-v2 .open-conv { border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(217,188,120,0.4); }
html.theme-v2 .stats-grid .stat { border-radius: 3px; background: var(--gold-soft); }
html.theme-v2 .stats-grid .stat-n { font-family: "Cormorant Garamond", Georgia, serif; font-size: 26px; }
html.theme-v2 .todo-summary { border-radius: 3px; background: var(--gold-soft); color: var(--primary-dark); }
html.theme-v2 .todo-tag { letter-spacing: 0.14em; }
html.theme-v2 .fold { border-radius: 4px; }
html.theme-v2 .adminTabs button { border-radius: 3px; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
html.theme-v2 .adminTabs button.active { background: var(--primary); }
html.theme-v2 .adminTabs .badge { border-radius: 2px; }
html.theme-v2 .profil-links a { font-size: 14px; }
html.theme-v2 .push-banner, html.theme-v2 .push-card, html.theme-v2 .install-card { border-radius: 4px; }
html.theme-v2 .msg { border-radius: 3px; }
html.theme-v2 .msg.mine { background: var(--gold-soft); }

/* ---------- Page d'accueil ---------- */
html.theme-v2 #hero { background: radial-gradient(120% 80% at 80% 0%, #1A4A3C 0%, #14372D 45%, #0C2620 100%) !important; position: relative; }
html.theme-v2 #hero::before { content: ""; position: absolute; inset: 0; background-image: var(--v2-star-light); background-size: 64px 64px; opacity: 0.07; pointer-events: none; }
html.theme-v2 #hero::after { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(217,188,120,0.3); pointer-events: none; }
html.theme-v2 #hero > * { position: relative; z-index: 1; }
html.theme-v2 #hero h1 { font-family: "Cormorant Garamond", "GFS Baskerville", Georgia, serif !important; font-weight: 500 !important; font-size: 44px !important; line-height: 1.06 !important; letter-spacing: 0 !important; color: #fff !important; }
html.theme-v2 #hero h2, html.theme-v2 #hero h3, html.theme-v2 #hero p { color: inherit; }
html.theme-v2 #hero h1 span { color: var(--gold2) !important; font-style: italic; }
html.theme-v2 #hero .btn-gold { border-radius: 3px; background: linear-gradient(180deg, #D9BC78, #B8934A); color: #1D1813; box-shadow: none; }
html.theme-v2 #hero .btn-outline-white { border-radius: 3px; border-color: rgba(217,188,120,0.55); }
html.theme-v2 #hero [data-i18n="positioning_badge"] { border-radius: 2px !important; background: transparent !important; border: 1px solid rgba(217,188,120,0.5) !important; letter-spacing: 0.18em; font-size: 10.5px; color: var(--gold2) !important; }
html.theme-v2 .section { font-family: "Inter", -apple-system, sans-serif; }
html.theme-v2 h2.title { font-family: "Cormorant Garamond", "GFS Baskerville", Georgia, serif; font-weight: 500; font-size: 34px; letter-spacing: 0; }
html.theme-v2 .divider .dot { background: var(--gold); border-radius: 0; transform: rotate(45deg); }
html.theme-v2 .promise, html.theme-v2 .way, html.theme-v2 .pillar, html.theme-v2 .quote-card, html.theme-v2 .faq-item, html.theme-v2 .temoignage { border-radius: 4px; background: #FFFDF8; box-shadow: none; border: 1px solid var(--line); }
html.theme-v2 .promise-ico, html.theme-v2 .way-ico, html.theme-v2 .pillar-ico { border-radius: 3px; background: var(--gold-soft); }
html.theme-v2 .promise h3, html.theme-v2 .way h3, html.theme-v2 .pillar h3, html.theme-v2 .timeline h3 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; font-size: 19px; }
html.theme-v2 .step-n { border-radius: 2px; background: var(--primary); box-shadow: 0 0 0 5px var(--bg); font-family: "Cormorant Garamond", Georgia, serif; font-size: 18px; }
html.theme-v2 .timeline::before { background: linear-gradient(var(--gold), var(--line)); }
html.theme-v2 .chain span { border-radius: 2px; background: var(--gold-soft); color: var(--primary-dark); }
html.theme-v2 .about-box { border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(217,188,120,0.4); }
html.theme-v2 .faq-item summary::after { color: var(--gold); }
html.theme-v2 .quote-card p { font-family: "Cormorant Garamond", Georgia, serif; font-size: 21px; }
html.theme-v2 .btn-gold, html.theme-v2 .btn-outline-white { border-radius: 3px; }
