/* VRExplorer Changelog — styles encapsulés sous .vrx-changelog (rien ne fuit sur le thème). */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@300;400;500;600&display=swap');
.vrx-changelog{
  --vc-text:#1f2430; --vc-muted:#9aa3af; --vc-line:#e5e7eb; --vc-accent:#2563eb; --vc-card:#fff;
  max-width:820px; margin:0 auto; color:inherit; /* hérite la couleur de texte du thème (lisible sur fond clair OU sombre) */
  font-family:'Sora', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height:1.6;
}
.vrx-changelog *{box-sizing:border-box}
/* Titres dans la police du site VRExplorer */
.vrx-changelog h2,
.vrx-changelog h3,
.vrx-changelog h4{font-family:'Space Grotesk', system-ui, sans-serif; letter-spacing:-.01em}

/* Titre principal du changelog (rendu par le shortcode) */
.vrx-changelog .vc-title{font-family:'Space Grotesk', system-ui, sans-serif; font-size:30px; font-weight:700; letter-spacing:-.02em; margin:0 0 6px; color:inherit}
.vrx-changelog .vc-subtitle{margin:0 0 28px; font-size:16px; color:var(--vc-muted)}

.vrx-changelog .vc-timeline{position:relative; border-left:2px solid var(--vc-line); padding-left:28px; margin-top:8px}
.vrx-changelog .vc-release{position:relative; margin:0 0 44px}
.vrx-changelog .vc-release::before{
  content:""; position:absolute; left:-37px; top:6px; width:13px; height:13px;
  border-radius:50%; background:var(--vc-accent); border:3px solid #fff; box-shadow:0 0 0 2px var(--vc-line);
}
.vrx-changelog .vc-release.vc-example::before{background:#cbd5e1}

.vrx-changelog .vc-date{font-size:13px; color:var(--vc-muted); margin:0 0 2px; text-transform:uppercase; letter-spacing:.04em}
.vrx-changelog .vc-release h2{font-size:22px; margin:0 0 2px; line-height:1.25}
.vrx-changelog .vc-version{font-size:.8em; font-weight:500; color:var(--vc-muted); margin-left:8px; padding-left:11px; border-left:2px solid var(--vc-line)}
.vrx-changelog .vc-relsub{font-size:13px; color:var(--vc-muted); margin:0 0 12px}

.vrx-changelog .vc-plat{font-weight:700}
.vrx-changelog .vc-vr{color:#2563eb}
.vrx-changelog .vc-2d{color:#059669}
.vrx-changelog .vc-quest{color:#7c3aed}
.vrx-changelog .vc-website{color:#ea580c}
.vrx-changelog .vc-ex{display:inline-block; font-size:11px; font-weight:600; color:#b45309; background:#fef3c7; padding:1px 8px; border-radius:999px; margin-left:8px; vertical-align:middle}
.vrx-changelog .vc-status{display:inline-block; font-size:11px; font-weight:700; padding:2px 9px; border-radius:999px; margin-left:8px; vertical-align:middle; text-transform:uppercase; letter-spacing:.03em}
.vrx-changelog .vc-status-major{color:#fff; background:#2563eb}
.vrx-changelog .vc-status-minor{color:#475569; background:#e2e8f0}
.vrx-changelog .vc-draft{display:inline-block; font-size:11px; font-weight:700; padding:2px 9px; border-radius:999px; margin-left:8px; vertical-align:middle; text-transform:uppercase; letter-spacing:.03em; color:#92400e; background:#fef3c7}

.vrx-changelog .vc-entry{background:var(--vc-card); color:#374151; border:1px solid var(--vc-line); border-radius:12px; padding:16px 18px; margin:12px 0}
.vrx-changelog .vc-entry h2,.vrx-changelog .vc-entry h3,.vrx-changelog .vc-entry h4{margin:0 0 6px; color:#1f2430; line-height:1.3}
.vrx-changelog .vc-entry h2{font-size:19px}
.vrx-changelog .vc-entry h3{font-size:21px; font-weight:700; margin:30px 0 8px; padding-top:24px; border-top:1px solid var(--vc-line); line-height:1.3}
.vrx-changelog .vc-entry h4{font-size:15px}
.vrx-changelog .vc-entry p{margin:0 0 10px; color:#3f4654; font-size:15.5px; line-height:1.65}
.vrx-changelog .vc-entry p:last-child{margin-bottom:0}
.vrx-changelog .vc-entry ul,.vrx-changelog .vc-entry ol{margin:0 0 10px; padding-left:20px}
.vrx-changelog .vc-entry li{margin:3px 0; color:#374151}
.vrx-changelog .vc-entry img{max-width:100%; height:auto; border-radius:8px}
.vrx-changelog .vc-entry > *:first-child{margin-top:0}
.vrx-changelog .vc-entry > *:last-child{margin-bottom:0}

.vrx-changelog .vc-imgph{
  border:1px dashed #cbd5e1; border-radius:10px; background:#f8fafc; color:#94a3b8;
  text-align:center; padding:30px 12px; font-size:13px; margin:12px 0 4px;
}

.vrx-changelog .vc-full{background:var(--vc-card); color:#374151; border:1px solid var(--vc-line); border-radius:12px; padding:18px 20px; margin-top:16px}
.vrx-changelog .vc-full > h3{font-size:16px; margin:0 0 2px; color:#1f2430}
.vrx-changelog .vc-full h4{font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:#6b7280; margin:18px 0 4px}
.vrx-changelog .vc-full h5{font-size:14.5px; margin:12px 0 3px; color:#1f2430}
.vrx-changelog .vc-full ul{margin:0; padding-left:20px}
.vrx-changelog .vc-full li{margin:3px 0; color:#374151; font-size:14.5px}

@media(max-width:600px){
  .vrx-changelog .vc-version{display:block; margin:4px 0 0; padding:0; border:0}
}

/* ----- Blocs insérables (patterns) dans le contenu d'une version ----- */
/* Conteneur du contenu : transparent (les blocs apportent leurs propres cartes) */
.vrx-changelog .vc-body{color:inherit}
.vrx-changelog .vc-body > *:first-child{margin-top:0}
.vrx-changelog .vc-body > *:last-child{margin-bottom:0}

/* Highlights « à plat » : titre + texte + média posés directement */
.vrx-changelog .vc-body > h2,
.vrx-changelog .vc-body > h3{color:inherit; margin:24px 0 6px; line-height:1.25}
.vrx-changelog .vc-body > h2:first-child,
.vrx-changelog .vc-body > h3:first-child{margin-top:0}
.vrx-changelog .vc-body > p{margin:0 0 10px}
.vrx-changelog .vc-body > figure{margin:14px 0}
.vrx-changelog .vc-body > figure img{max-width:100%; height:auto; border-radius:10px}
.vrx-changelog .vc-body > .wp-block-gallery img{border-radius:10px}
.vrx-changelog .vc-body > .wp-block-video video,
.vrx-changelog .vc-body > figure video{max-width:100%; border-radius:10px}
.vrx-changelog .vc-body iframe{max-width:100%}

/* Bloc Highlight = réutilise la carte .vc-entry ; médias (galerie, image, vidéo, embed) */
.vrx-changelog .vc-entry .wp-block-gallery{margin-top:12px}
.vrx-changelog .vc-entry .wp-block-video,
.vrx-changelog .vc-entry video{max-width:100%; height:auto; border-radius:8px; margin-top:12px}
.vrx-changelog .vc-entry .wp-block-embed{margin-top:12px}
.vrx-changelog .vc-entry iframe{max-width:100%}

/* Bloc Intro de version */
.vrx-changelog .vc-intro{background:#f6f8fb; color:#374151; border:1px solid var(--vc-line); border-radius:12px; padding:14px 18px; margin:0 0 8px}
.vrx-changelog .vc-intro p{margin:0; color:#374151}

/* Bloc Liste complète (sobre) */
.vrx-changelog .vc-cl{color:#374151; margin:34px 0 0; background:#f6f8fb; border:1px solid var(--vc-line); border-radius:12px; padding:4px 18px}
.vrx-changelog .vc-cl-group{padding:14px 2px}
.vrx-changelog .vc-cl-group + .vc-cl-group{border-top:1px solid #e6e9ef}
.vrx-changelog .vc-cl-head{display:flex; align-items:center; gap:9px; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#374151; margin:0 0 8px}
.vrx-changelog .vc-cl-head::before{content:""; width:9px; height:9px; border-radius:50%; background:#cbd5e1; flex:none}
.vrx-changelog .vc-cl-new .vc-cl-head::before{background:#14b8a6}
.vrx-changelog .vc-cl-imp .vc-cl-head::before{background:#d97706}
.vrx-changelog .vc-cl-fix .vc-cl-head::before{background:#64748b}
.vrx-changelog .vc-cl ul{list-style:none !important; margin:0; padding:0}
.vrx-changelog .vc-cl li{list-style:none !important; position:relative; padding:7px 0 7px 18px; color:#374151; font-size:14.5px; border-bottom:1px solid #f1f3f5}
.vrx-changelog .vc-cl li::marker{content:""}
.vrx-changelog .vc-cl li:last-child{border-bottom:0}
.vrx-changelog .vc-cl li::before{content:""; position:absolute; left:2px; top:14px; width:5px; height:5px; border-radius:50%; background:#cbd5e1}