/* ===== Octobre Rose : fenêtre « Signes du cancer du sein » ===== */
:root{--rose:#e0457b;--rose-soft:#fde8ef;--wine:#6b1036}

.or-pop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(40,8,24,.62);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.or-pop.open{opacity:1;visibility:visible}
.or-box{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;
  background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(40,8,24,.55);
  transform:translateY(18px) scale(.97);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.or-pop.open .or-box{transform:none}

.or-head{padding:22px 26px 16px;background:var(--rose-soft);border-bottom:1px solid #f6cfdc}
.or-kicker{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}
.or-kicker svg{width:16px;height:16px}
.or-head h2{font-size:1.45rem;color:var(--wine);margin:6px 48px 14px 0}
.or-langs{display:flex;flex-wrap:wrap;gap:8px}
.or-langs button{padding:7px 14px;border-radius:999px;border:1.5px solid #f2bfd0;background:#fff;color:var(--wine);
  font:600 .85rem 'Source Sans 3',system-ui,sans-serif;cursor:pointer;transition:.2s}
.or-langs button:hover{border-color:var(--rose)}
.or-langs button[aria-pressed="true"]{background:var(--rose);border-color:var(--rose);color:#fff}

.or-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;
  color:var(--wine);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(107,16,54,.15);transition:.2s}
.or-close:hover{background:var(--rose);color:#fff}

.or-body{flex:1;overflow-y:auto;background:#fbe4ec;-webkit-overflow-scrolling:touch}
.or-body a{display:block}
.or-body img{display:block;width:100%;height:auto}

.or-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--line)}
.or-foot a.or-link{font-weight:600;font-size:.92rem;color:var(--wine)}
.or-foot a.or-link:hover{color:var(--rose)}
.or-foot .btn{flex:none;white-space:nowrap;padding:11px 22px;background:var(--rose);color:#fff}
.or-foot .btn:hover{background:var(--wine)}

/* Bouton permanent pour rouvrir la fenêtre */
.or-fab{position:fixed;left:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;
  border:0;border-radius:999px;background:var(--rose);color:#fff;font:600 .88rem 'Source Sans 3',system-ui,sans-serif;
  box-shadow:0 10px 24px -8px rgba(224,69,123,.7);cursor:pointer;transition:transform .2s,background .2s}
.or-fab:hover{background:var(--wine);transform:translateY(-2px)}
.or-fab svg{width:20px;height:20px}
body.or-locked{overflow:hidden}

@media (max-width:720px){
  .or-pop{padding:0;align-items:flex-end}
  .or-box{max-width:none;max-height:92vh;border-radius:18px 18px 0 0;transform:translateY(40px)}
  .or-head{padding:18px 18px 14px}
  .or-head h2{font-size:1.2rem;margin-right:44px}
  .or-langs{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:0 18px 2px;scrollbar-width:none}
  .or-langs::-webkit-scrollbar{display:none}
  .or-langs button{flex:none}
  .or-foot{padding:12px 16px}
  .or-foot a.or-link{font-size:.85rem}
  .or-fab{left:14px;bottom:14px;padding:12px}
  .or-fab span{display:none}
}
@media (prefers-reduced-motion:reduce){.or-pop,.or-box{transition:none}}