/* Rewatch : en-tête, onglets mobiles et pied de page communs aux pages publiques (même markup partout, voir nav.js) */
:root{--nav-h:58px;--tabs-h:60px}
.rw-nav{position:sticky;top:0;z-index:40;height:var(--nav-h);display:flex;align-items:center;gap:20px;padding:0 20px;background:rgba(10,10,11,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line,#2a2a2e);font:600 15px/1 var(--font,"Bricolage Grotesque",system-ui,sans-serif);color:var(--text,#fff)}
.rw-brand{display:inline-flex;align-items:center;gap:9px;flex:none;text-decoration:none;font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--text,#fff)}
.rw-brand img{width:28px;height:28px}
.rw-links{display:flex;align-items:center;gap:2px}
.rw-links a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;text-decoration:none;color:var(--mute,#a1a1aa);transition:color .15s,background .15s;white-space:nowrap}
.rw-links a:hover{color:var(--text,#fff)}
.rw-links a[aria-current="page"]{background:var(--surface,#141416);color:var(--text,#fff)}
.rw-links .rw-new{font-size:10px;font-weight:800;letter-spacing:.04em;color:#0a0a0a;background:var(--clip,#ff2d7a);border-radius:999px;padding:3px 6px}
.rw-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}
.rw-credits{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line,#2a2a2e);background:var(--surface,#141416);font-size:13.5px;font-weight:700;text-decoration:none;color:var(--text,#fff);white-space:nowrap}
.rw-credits i{width:8px;height:8px;border-radius:50%;background:var(--music,#ffd23f)}
.rw-credits:hover{border-color:#3f3f46}
.rw-cta{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;background:#fff;color:#0a0a0a!important;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s}
.rw-cta:hover{background:#e4e4e7}
/* compte (rempli par account.js) : seul « Sign in » ou l'avatar reste dans l'en-tête */
.rw-nav [data-account]{display:inline-flex;align-items:center;gap:10px}
.rw-nav .rw-lib,.rw-nav .rw-cr{display:none!important}
.rw-nav .rw-in{height:36px;padding:0 14px;border:1px solid var(--line,#2a2a2e);border-radius:999px;background:transparent;color:var(--text,#fff);font:600 14px/1 var(--font,"Bricolage Grotesque",system-ui,sans-serif);cursor:pointer}
.rw-nav .rw-in:hover{border-color:#52525b}
.rw-nav .rw-me img,.rw-nav .rw-me i{width:32px;height:32px}
@media (max-width:1060px){.rw-nav{gap:12px;padding:0 16px}.rw-links a{padding:0 9px}}
@media (max-width:900px){.rw-credits{display:none}}

/* onglets du bas, téléphone */
.rw-tabs{display:none}
@media (max-width:720px){
  .rw-links{display:none}
  .rw-credits{display:inline-flex;height:32px;padding:0 10px;font-size:13px}
  .rw-nav{padding:0 16px;gap:10px}
  .rw-tabs{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;padding:0 4px env(safe-area-inset-bottom);background:rgba(10,10,11,.94);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line,#2a2a2e);font-family:var(--font,"Bricolage Grotesque",system-ui,sans-serif)}
  .rw-tabs a{position:relative;flex:1 1 0;min-width:0;min-height:var(--tabs-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--mute,#a1a1aa);font-size:11px;font-weight:700;letter-spacing:.01em;-webkit-tap-highlight-color:transparent}
  .rw-tabs a svg{width:22px;height:22px}
  .rw-tabs a[aria-current="page"]{color:var(--text,#fff)}
  .rw-tabs a[aria-current="page"]::before{content:"";position:absolute;top:0;left:30%;right:30%;height:2px;border-radius:0 0 2px 2px;background:var(--clip,#ff2d7a)}
  body{padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom))}
  html{scroll-padding-bottom:calc(var(--tabs-h) + 16px)}
  .rw-toast{bottom:calc(var(--tabs-h) + 16px + env(safe-area-inset-bottom))!important}
}
@media (max-width:520px){.rw-cta{display:none}}
html{scroll-padding-top:calc(var(--nav-h) + 8px)}

/* pied de page */
.rw-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:28px max(20px,calc((100vw - 1240px)/2)) 36px;border-top:1px solid var(--line,#2a2a2e);color:var(--mute,#a1a1aa);font:400 14px/1.4 var(--font,"Bricolage Grotesque",system-ui,sans-serif)}
.rw-foot nav{display:flex;gap:4px 18px;flex-wrap:wrap}
.rw-foot a{display:inline-block;padding:10px 0;text-decoration:none;color:inherit}
.rw-foot a:hover{color:var(--text,#fff)}
@media (max-width:640px){.rw-foot{padding:22px 16px 26px}}

/* langue : menu de l'en-tête (globe + code) et liste du pied de page, voir i18n.js */
.rw-lang{position:relative;flex:none}
.rw-lang summary{list-style:none;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 9px;border-radius:999px;color:var(--mute,#a1a1aa);font-size:12.5px;font-weight:700;letter-spacing:.03em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rw-lang summary::-webkit-details-marker{display:none}
.rw-lang summary:hover,.rw-lang[open] summary{color:var(--text,#fff);background:var(--surface,#141416)}
.rw-lang summary:focus-visible{outline:2px solid var(--clip,#ff2d7a);outline-offset:2px}
.rw-lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:168px;padding:6px;border:1px solid var(--line,#2a2a2e);border-radius:14px;background:#141416;box-shadow:0 18px 40px -16px #000;display:grid;gap:2px}
.rw-lang-list button{all:unset;box-sizing:border-box;display:block;padding:10px 12px;border-radius:9px;font:600 14px/1.2 var(--font,"Bricolage Grotesque",system-ui,sans-serif);color:var(--text,#fff);cursor:pointer}
.rw-lang-list button:hover,.rw-lang-list button:focus-visible{background:#232327}
.rw-lang-list button[aria-current]{color:var(--clip,#ff2d7a)}
@media (max-width:720px){.rw-lang summary{padding:0 6px;gap:4px}.rw-lang summary span{display:none}}
.rw-langsel{position:relative;display:inline-flex;align-items:center;gap:6px;color:inherit}
.rw-langsel svg{flex:none}
.rw-langsel select{appearance:none;-webkit-appearance:none;border:1px solid var(--line,#2a2a2e);border-radius:999px;background:transparent;color:inherit;font:inherit;padding:7px 14px;cursor:pointer}
.rw-langsel select:hover{color:var(--text,#fff)}
.rw-langsel option{background:#141416;color:#fff}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* téléphone étroit : en-tête plus serré pour les langues longues (« Anmelden », « 1,400 Credits ») */
@media (max-width:430px){
  .rw-nav{gap:8px}.rw-right{gap:6px}.rw-brand{gap:7px;font-size:17px}.rw-brand img{width:26px;height:26px}
  .rw-credits{padding:0 9px;gap:6px}.rw-nav .rw-in{padding:0 11px}.rw-lang summary{padding:0 4px}
}
@media (max-width:370px){.rw-brand span{display:none}}
/* pages légales traduites : rappel que l'anglais fait foi */
.doc .tnote{margin:0 0 18px;padding:12px 14px;border:1px solid var(--line,#2a2a2e);border-radius:12px;color:var(--mute,#a1a1aa);font-size:14px}