.elementor-51709 .elementor-element.elementor-element-850cdf8{--display:flex;}/* Start custom CSS *//* Ziio • Blog Layout – Full Width (WPML-safe, CSS séparé) */
.ziio-wrap{
  --bg:#f7f6f3;--card:#ffffff;--ink:#1a1a1a;--muted:#6b6b6b;--accent:#6f4a8e;--accent2:#2e6b4a;--gold:#ad8a56;--ring:rgba(0,0,0,.06);--max:980px;--radius:16px;
  width:100%;padding:6vw 4vw;background:var(--bg);scroll-behavior:smooth;
}
.ziio-container{max-width:var(--max);margin:0 auto;background:var(--card);border-radius:var(--radius);box-shadow:0 6px 24px var(--ring);overflow:hidden}
.ziio-header{padding:40px 32px 8px;border-bottom:1px solid #eee}
.ziio-eyebrow{letter-spacing:.08em;font-size:.8rem;color:var(--muted);text-transform:uppercase}
.ziio-title{font-size:clamp(28px,3.2vw,40px);line-height:1.18;margin:.2em 0 .2em;color:var(--ink)}
.ziio-meta{color:var(--muted);font-size:1rem;margin:0 0 2px}
.ziio-hero{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ziio-body{padding:20px 32px 28px;font:clamp(16px,1.2vw,18px)/1.7 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink)}
.ziio-body p{margin:0 0 1.1em}
.ziio-body p.lead{font-size:clamp(18px,1.4vw,20px);line-height:1.75;color:#232323}
.ziio-body .dropcap:first-letter{float:left;font-size:3.2em;line-height:.9;padding:.06em .12em 0 0;font-weight:600;color:var(--accent)}
.ziio-quote{margin:1.6em 0;padding:16px 18px;border-left:4px solid var(--accent);background:linear-gradient(0deg,#faf9ff,#fff)}
.ziio-quote em{color:#4a3a64}
.ziio-sep{height:1px;background:#eee;margin:28px 0}

/* Anchor Nav */
.ziio-nav{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid #eee}
.ziio-nav-inner{display:flex;gap:12px;flex-wrap:wrap;max-width:var(--max);margin:0 auto;padding:10px 16px}
.ziio-nav a{font-size:.92rem;text-decoration:none;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid #e9e9e9}
.ziio-nav a:hover{color:var(--ink);border-color:#d8d8d8}
.ziio-nav a.is-accent{color:var(--accent);border-color:var(--accent)}
.ziio-nav a.is-green{color:var(--accent2);border-color:var(--accent2)}

/* Grilles & cartes */
.ziio-h2{font-size:clamp(22px,2.2vw,28px);margin:0 0 .6rem;color:var(--ink);line-height:1.25}
.ziio-lead{color:#2a2a2a;line-height:1.7;margin:0 0 1rem}
.ziio-knot{display:block;width:100%;height:56px;background:
  radial-gradient(circle at 50% 150%,#eae6dc 60%,transparent 61%) bottom/80px 56px repeat-x,
  radial-gradient(circle at 50% -50%,#eae6dc 60%,transparent 61%) top/80px 56px repeat-x;
  border-radius:12px;margin:4px 0 16px}
.ziio-grid{display:grid;gap:16px}
.ziio-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.ziio-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.ziio-card{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.04)}
.ziio-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ziio-cap{padding:10px 12px;font-size:.95rem;color:var(--muted)}
.mat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 14px}
.mat{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #eee;border-radius:12px;background:#fff}
.dot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:var(--gold);flex:0 0 10px}
.dot.purple{background:var(--accent)} .dot.green{background:var(--accent2)}
.mat b{display:block;margin-bottom:2px}
.mat small{color:var(--muted)}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.gal a{display:block;border-radius:14px;overflow:hidden;border:1px solid #eee;box-shadow:0 3px 12px rgba(0,0,0,.04)}
.gal img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}
.gal figcaption{padding:8px 10px;font-size:.92rem;color:#333}
.tag{display:inline-block;font-size:.78rem;letter-spacing:.02em;padding:2px 8px;border-radius:999px;border:1px solid #ddd;margin-left:8px;color:#555}
.tag.purple{border-color:var(--accent);color:var(--accent)}
.tag.green{border-color:var(--accent2);color:var(--accent2)}

/* CTA — plus visible */
.ziio-cta-wrap{
  padding:28px 32px 42px;
  text-align:center;
}

.ziio-cta{
  display:inline-block;
  font-weight:700;
  font-size:1rem;
  letter-spacing:.02em;
  padding:14px 26px;
  border-radius:999px;
  text-decoration:none;
  border:1px solid;
  background:var(--accent);
  color:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.12), 0 2px 0 rgba(0,0,0,.06) inset;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.ziio-cta:hover,
.ziio-cta:focus{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  background:linear-gradient(90deg, var(--accent), #7c62a3);
  border-color:#7c62a3;
  color:#fff;
}

.ziio-cta:focus-visible{
  outline:3px solid #0000;
  box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--accent);
}

/* Variante "gold" si souhaitée : ajouter la classe .is-gold à l'ancre */
.ziio-cta.is-gold{
  border-color:var(--gold);
  background:var(--gold);
}
.ziio-cta.is-gold:hover{background:linear-gradient(90deg, var(--gold), #c79e66);}

/* Mobile : plein largeur */
@media (max-width:640px){
  .ziio-cta{display:block;width:100%;padding:16px 22px;font-size:1.05rem}
}


/* Further Reading */
.ziio-reading h3{font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.ziio-links{display:grid;gap:6px}
.ziio-links a{text-decoration:none;border-bottom:1px solid transparent}
.ziio-links a:hover{border-bottom-color:currentColor}
.ziio-links .en a{color:var(--accent)} .ziio-links .it a{color:var(--accent2)} .ziio-links .fr a{color:#4353a3}

/* Responsive */
@media(max-width:860px){.ziio-grid.cols-3{grid-template-columns:1fr 1fr}.gal{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ziio-header{padding:28px 22px 6px}.ziio-body{padding:16px 22px 24px}}
@media(max-width:560px){.ziio-grid.cols-2,.ziio-grid.cols-3{grid-template-columns:1fr}.mat-list{grid-template-columns:1fr}.gal{grid-template-columns:1fr}}
/* Tame the intro size */
.ziio-wrap .lead{
  font-size: clamp(18px, 1.2vw + 14px, 22px) !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  letter-spacing: .01em;
  margin: 16px 0 24px;
}
.ziio-wrap .lead strong{ font-weight: 600; }

/* Optional: disable any dropcap effect */
.ziio-wrap .dropcap::first-letter{
  float: none !important;
  font-size: inherit !important;
  margin: 0 !important;
}/* End custom CSS */