/*
 * LPV — Fonds de fiche publique (version professionnelle compacte)
 * Fichier centralisé pour les fonds personnalisables.
 * Rendu sans textures visibles : dégradés doux + halos professionnels.
 */

:root {
  --lpv-theme-card-readable-bg: rgba(255, 255, 255, 0.93);
}

body.lpv-fiche-theme-default,
body.theme-fiche-default,
body.theme-default,
body.theme-default,
body[data-theme-fiche="default"],
.lpv-page.lpv-fiche-theme-default,
.lpv-public-page.lpv-fiche-theme-default,
.lpv-fiche-public.lpv-fiche-theme-default {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(37,99,235,.10), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(14,165,233,.10), transparent 38%),
    linear-gradient(135deg, #fbfdff 0%, #edf7ff 52%, #f9fcff 100%) !important;
}

body.lpv-fiche-theme-bleu_ciel,
body.theme-fiche-bleu_ciel,
body.theme-bleu-ciel,
body.theme-bleu_ciel,
body[data-theme-fiche="bleu_ciel"],
.lpv-page.lpv-fiche-theme-bleu_ciel,
.lpv-public-page.lpv-fiche-theme-bleu_ciel,
.lpv-fiche-public.lpv-fiche-theme-bleu_ciel {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(56,189,248,.22), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(59,130,246,.12), transparent 38%),
    linear-gradient(135deg, #f8fcff 0%, #dff3ff 52%, #f4fbff 100%) !important;
}

body.lpv-fiche-theme-bleu_bulles,
body.theme-fiche-bleu_bulles,
body.theme-bleu-bulles,
body.theme-bleu_bulles,
body[data-theme-fiche="bleu_bulles"],
.lpv-page.lpv-fiche-theme-bleu_bulles,
.lpv-public-page.lpv-fiche-theme-bleu_bulles,
.lpv-fiche-public.lpv-fiche-theme-bleu_bulles {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(34,197,94,.12), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(59,130,246,.16), transparent 38%),
    linear-gradient(135deg, #eef9ff 0%, #dff2ff 52%, #f7fcff 100%) !important;
}

body.lpv-fiche-theme-bleu_premium,
body.theme-fiche-bleu_premium,
body.theme-bleu-premium,
body.theme-bleu_premium,
body[data-theme-fiche="bleu_premium"],
.lpv-page.lpv-fiche-theme-bleu_premium,
.lpv-public-page.lpv-fiche-theme-bleu_premium,
.lpv-fiche-public.lpv-fiche-theme-bleu_premium {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(37,99,235,.24), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(30,64,175,.16), transparent 38%),
    linear-gradient(135deg, #eef6ff 0%, #cfe3ff 52%, #f7fbff 100%) !important;
}

body.lpv-fiche-theme-turquoise_doux,
body.theme-fiche-turquoise_doux,
body.theme-turquoise-doux,
body.theme-turquoise_doux,
body[data-theme-fiche="turquoise_doux"],
.lpv-page.lpv-fiche-theme-turquoise_doux,
.lpv-public-page.lpv-fiche-theme-turquoise_doux,
.lpv-fiche-public.lpv-fiche-theme-turquoise_doux {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(20,184,166,.22), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(45,212,191,.16), transparent 38%),
    linear-gradient(135deg, #f4fffd 0%, #c8f3ed 52%, #f7fffe 100%) !important;
}

body.lpv-fiche-theme-vert_points,
body.theme-fiche-vert_points,
body.theme-vert-points,
body.theme-vert_points,
body[data-theme-fiche="vert_points"],
.lpv-page.lpv-fiche-theme-vert_points,
.lpv-public-page.lpv-fiche-theme-vert_points,
.lpv-fiche-public.lpv-fiche-theme-vert_points {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(16,185,129,.20), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(187,247,208,.30), transparent 38%),
    linear-gradient(135deg, #f7fff9 0%, #d9f8e4 52%, #f6fff8 100%) !important;
}

body.lpv-fiche-theme-vert_menthe,
body.theme-fiche-vert_menthe,
body.theme-vert-menthe,
body.theme-vert_menthe,
body[data-theme-fiche="vert_menthe"],
.lpv-page.lpv-fiche-theme-vert_menthe,
.lpv-public-page.lpv-fiche-theme-vert_menthe,
.lpv-fiche-public.lpv-fiche-theme-vert_menthe {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(52,211,153,.22), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(167,243,208,.26), transparent 38%),
    linear-gradient(135deg, #f6fffb 0%, #d2f7e8 52%, #f9fffc 100%) !important;
}

body.lpv-fiche-theme-orange_points,
body.theme-fiche-orange_points,
body.theme-orange-points,
body.theme-orange_points,
body[data-theme-fiche="orange_points"],
.lpv-page.lpv-fiche-theme-orange_points,
.lpv-public-page.lpv-fiche-theme-orange_points,
.lpv-fiche-public.lpv-fiche-theme-orange_points {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(251,146,60,.22), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(253,186,116,.18), transparent 38%),
    linear-gradient(135deg, #fffaf5 0%, #ffe8cf 52%, #fff4ea 100%) !important;
}

body.lpv-fiche-theme-jaune_pastilles,
body.theme-fiche-jaune_pastilles,
body.theme-jaune-pastilles,
body.theme-jaune_pastilles,
body[data-theme-fiche="jaune_pastilles"],
.lpv-page.lpv-fiche-theme-jaune_pastilles,
.lpv-public-page.lpv-fiche-theme-jaune_pastilles,
.lpv-fiche-public.lpv-fiche-theme-jaune_pastilles {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(250,204,21,.22), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(253,230,138,.30), transparent 38%),
    linear-gradient(135deg, #fffdf3 0%, #fff1b8 52%, #fff9df 100%) !important;
}

body.lpv-fiche-theme-beige_naturel,
body.theme-fiche-beige_naturel,
body.theme-beige-naturel,
body.theme-beige_naturel,
body[data-theme-fiche="beige_naturel"],
.lpv-page.lpv-fiche-theme-beige_naturel,
.lpv-public-page.lpv-fiche-theme-beige_naturel,
.lpv-fiche-public.lpv-fiche-theme-beige_naturel {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(180,123,61,.16), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(214,179,127,.20), transparent 38%),
    linear-gradient(135deg, #fffdf8 0%, #efe1cc 52%, #fffaf1 100%) !important;
}

body.lpv-fiche-theme-rose_points,
body.theme-fiche-rose_points,
body.theme-rose-points,
body.theme-rose_points,
body[data-theme-fiche="rose_points"],
.lpv-page.lpv-fiche-theme-rose_points,
.lpv-public-page.lpv-fiche-theme-rose_points,
.lpv-fiche-public.lpv-fiche-theme-rose_points {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(244,114,182,.20), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(251,207,232,.30), transparent 38%),
    linear-gradient(135deg, #fff8fb 0%, #ffe2ef 52%, #fff7fb 100%) !important;
}

body.lpv-fiche-theme-rose_poudre,
body.theme-fiche-rose_poudre,
body.theme-rose-poudre,
body.theme-rose_poudre,
body[data-theme-fiche="rose_poudre"],
.lpv-page.lpv-fiche-theme-rose_poudre,
.lpv-public-page.lpv-fiche-theme-rose_poudre,
.lpv-fiche-public.lpv-fiche-theme-rose_poudre {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(251,113,133,.16), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(253,164,175,.22), transparent 38%),
    linear-gradient(135deg, #fff9fa 0%, #f7d8df 52%, #fff7f9 100%) !important;
}

body.lpv-fiche-theme-violet_traits,
body.theme-fiche-violet_traits,
body.theme-violet-traits,
body.theme-violet_traits,
body[data-theme-fiche="violet_traits"],
.lpv-page.lpv-fiche-theme-violet_traits,
.lpv-public-page.lpv-fiche-theme-violet_traits,
.lpv-fiche-public.lpv-fiche-theme-violet_traits {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(139,92,246,.22), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(196,181,253,.28), transparent 38%),
    linear-gradient(135deg, #fbf8ff 0%, #eadeff 52%, #fbf8ff 100%) !important;
}

body.lpv-fiche-theme-prune_doux,
body.theme-fiche-prune_doux,
body.theme-prune-doux,
body.theme-prune_doux,
body[data-theme-fiche="prune_doux"],
.lpv-page.lpv-fiche-theme-prune_doux,
.lpv-public-page.lpv-fiche-theme-prune_doux,
.lpv-fiche-public.lpv-fiche-theme-prune_doux {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(168,85,247,.16), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(216,180,254,.22), transparent 38%),
    linear-gradient(135deg, #fff8ff 0%, #ead7ea 52%, #fff7ff 100%) !important;
}

body.lpv-fiche-theme-rouge_diagonal,
body.theme-fiche-rouge_diagonal,
body.theme-rouge-diagonal,
body.theme-rouge_diagonal,
body[data-theme-fiche="rouge_diagonal"],
.lpv-page.lpv-fiche-theme-rouge_diagonal,
.lpv-public-page.lpv-fiche-theme-rouge_diagonal,
.lpv-fiche-public.lpv-fiche-theme-rouge_diagonal {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(248,113,113,.20), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(254,202,202,.30), transparent 38%),
    linear-gradient(135deg, #fff8f8 0%, #ffdede 52%, #fff5f5 100%) !important;
}

body.lpv-fiche-theme-corail_doux,
body.theme-fiche-corail_doux,
body.theme-corail-doux,
body.theme-corail_doux,
body[data-theme-fiche="corail_doux"],
.lpv-page.lpv-fiche-theme-corail_doux,
.lpv-public-page.lpv-fiche-theme-corail_doux,
.lpv-fiche-public.lpv-fiche-theme-corail_doux {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(249,115,22,.18), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(254,215,170,.24), transparent 38%),
    linear-gradient(135deg, #fff8f5 0%, #ffd8cc 52%, #fff6f1 100%) !important;
}

body.lpv-fiche-theme-gris_elegant,
body.theme-fiche-gris_elegant,
body.theme-gris-elegant,
body.theme-gris_elegant,
body[data-theme-fiche="gris_elegant"],
.lpv-page.lpv-fiche-theme-gris_elegant,
.lpv-public-page.lpv-fiche-theme-gris_elegant,
.lpv-fiche-public.lpv-fiche-theme-gris_elegant {
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.90), transparent 26%),
    radial-gradient(circle at 86% 15%, rgba(100,116,139,.16), transparent 33%),
    radial-gradient(circle at 48% 102%, rgba(148,163,184,.22), transparent 38%),
    linear-gradient(135deg, #fbfcff 0%, #e7edf5 52%, #fbfcff 100%) !important;
}

/* Les cartes restent lisibles, quel que soit le fond. */
.lpv-card,
.lpv-public-card,
.pro-public-card,
.fiche-card,
.lpv-form-section {
  background-color: var(--lpv-theme-card-readable-bg);
}

/* Aperçus dans la page Compléter ma fiche */
.lpv-theme-preview {
  overflow: hidden;
}

.lpv-theme-preview.default {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(37,99,235,.10), transparent 40%),
    linear-gradient(135deg, #fbfdff 0%, #edf7ff 100%) !important;
}

.lpv-theme-preview.bleu-ciel {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(56,189,248,.22), transparent 40%),
    linear-gradient(135deg, #f8fcff 0%, #dff3ff 100%) !important;
}

.lpv-theme-preview.bleu-bulles {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(34,197,94,.12), transparent 40%),
    linear-gradient(135deg, #eef9ff 0%, #dff2ff 100%) !important;
}

.lpv-theme-preview.bleu-premium {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(37,99,235,.24), transparent 40%),
    linear-gradient(135deg, #eef6ff 0%, #cfe3ff 100%) !important;
}

.lpv-theme-preview.turquoise-doux {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(20,184,166,.22), transparent 40%),
    linear-gradient(135deg, #f4fffd 0%, #c8f3ed 100%) !important;
}

.lpv-theme-preview.vert-points {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(16,185,129,.22), transparent 40%),
    linear-gradient(135deg, #f7fff9 0%, #d9f8e4 100%) !important;
}

.lpv-theme-preview.vert-menthe {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(52,211,153,.22), transparent 40%),
    linear-gradient(135deg, #f6fffb 0%, #d2f7e8 100%) !important;
}

.lpv-theme-preview.orange-points {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(251,146,60,.22), transparent 40%),
    linear-gradient(135deg, #fffaf5 0%, #ffe8cf 100%) !important;
}

.lpv-theme-preview.jaune-pastilles {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(250,204,21,.22), transparent 40%),
    linear-gradient(135deg, #fffdf3 0%, #fff1b8 100%) !important;
}

.lpv-theme-preview.beige-naturel {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(180,123,61,.20), transparent 40%),
    linear-gradient(135deg, #fffdf8 0%, #efe1cc 100%) !important;
}

.lpv-theme-preview.rose-points {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(244,114,182,.22), transparent 40%),
    linear-gradient(135deg, #fff8fb 0%, #ffe2ef 100%) !important;
}

.lpv-theme-preview.rose-poudre {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(251,113,133,.20), transparent 40%),
    linear-gradient(135deg, #fff9fa 0%, #f7d8df 100%) !important;
}

.lpv-theme-preview.violet-traits {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(139,92,246,.22), transparent 40%),
    linear-gradient(135deg, #fbf8ff 0%, #eadeff 100%) !important;
}

.lpv-theme-preview.prune-doux {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(168,85,247,.20), transparent 40%),
    linear-gradient(135deg, #fff8ff 0%, #ead7ea 100%) !important;
}

.lpv-theme-preview.rouge-diagonal {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(248,113,113,.22), transparent 40%),
    linear-gradient(135deg, #fff8f8 0%, #ffdede 100%) !important;
}

.lpv-theme-preview.corail-doux {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(249,115,22,.18), transparent 40%),
    linear-gradient(135deg, #fff8f5 0%, #ffd8cc 100%) !important;
}

.lpv-theme-preview.gris-elegant {
  background:
    radial-gradient(circle at 24% 16%, rgba(255,255,255,.88), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(100,116,139,.20), transparent 40%),
    linear-gradient(135deg, #fbfcff 0%, #e7edf5 100%) !important;
}