/* ===== Capsule de navigation du blog Helene B (coherente avec la home) ===== */
.capsule-wrap{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;flex-direction:column;align-items:center;padding-top:14px;gap:8px;pointer-events:none}
.capsule-island{display:inline-flex;align-items:center;gap:3px;padding:6px;border-radius:9999px;background:linear-gradient(to bottom,rgba(42,42,65,.94),rgba(31,31,48,.86));border:1px solid rgba(205,175,118,.30);box-shadow:0 14px 34px rgba(0,0,0,.40);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}
.ci-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:38px;padding:0 13px;border-radius:9999px;border:none;background:rgba(255,255,255,.08);color:rgba(255,255,255,.86);font-family:'Inter',sans-serif;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:.2s cubic-bezier(.34,1.56,.64,1)}
.ci-btn:hover{background:rgba(255,255,255,.16);color:#fff;transform:scale(1.05)}
.ci-btn:active{transform:scale(.95)}
.ci-btn svg{display:block;flex-shrink:0}
.ci-btn--label{gap:7px;padding:0 16px}
.ci-btn--gold{color:#cdaf76}
.ci-btn--gold:hover{color:#e8c87a}
.ci-sep{display:block;width:1px;height:20px;background:rgba(205,175,118,.24);flex-shrink:0;margin:0 2px}
.capsule-brand{display:inline-flex;align-items:center;font-family:'Lora',serif;font-style:italic;font-size:16px;color:#fff;padding:0 10px;text-decoration:none;white-space:nowrap}
.capsule-brand b{color:#cdaf76;font-style:normal;font-weight:600}
/* ----- Dropdown ouvert par le burger ----- */
.capsule-dd-wrap{position:relative;z-index:999;display:flex;justify-content:center;pointer-events:none;opacity:0;transform:translateY(-10px) scale(.95);transition:.28s cubic-bezier(.16,1,.3,1)}
.capsule-dd-wrap.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.capsule-dd-island{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:2px;padding:8px 14px;border-radius:26px;background:linear-gradient(to bottom,rgba(42,42,65,.97),rgba(31,31,48,.92));border:1px solid rgba(205,175,118,.30);box-shadow:0 20px 44px rgba(0,0,0,.46);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:94vw}
.capsule-dd-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:84px;padding:11px 6px;border-radius:14px;color:rgba(255,255,255,.85);font-family:'Inter',sans-serif;font-size:11.5px;font-weight:500;text-align:center;text-decoration:none;transition:.22s cubic-bezier(.16,1,.3,1)}
.capsule-dd-item:hover{background:rgba(205,175,118,.14);color:#cdaf76;transform:translateY(-2px)}
.capsule-dd-item:active{transform:translateY(0) scale(.96)}
.capsule-dd-item svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.capsule-dd-item:hover svg{transform:scale(1.15)}
.capsule-dd-item span{display:block;white-space:nowrap}
.capsule-backdrop{position:fixed;inset:0;z-index:998;background:rgba(20,20,30,.45);opacity:0;transition:opacity .3s;pointer-events:none}
.capsule-backdrop.open{opacity:1;pointer-events:auto}
/* le contenu de l'article commence sous la capsule */
body{padding-top:60px}
@media(max-width:560px){
  .capsule-brand{font-size:15px;padding:0 6px}
  .ci-btn--label span{display:none}
  .ci-btn--label{padding:0 11px}
  .capsule-dd-item{width:74px;font-size:11px}
}


/* Mobile : capsule en haut, tailles tactiles confortables */
@media(max-width:768px){
  .ci-btn{height:42px;min-width:42px}
  .ci-btn svg{width:19px;height:19px}
  body{padding-top:72px}
}