/* EYEROOM WATCH-FIRST V1 — streaming is the primary experience.
   Additive styles; does not restyle Cine[Files] pages or film players. */
:root { --erwf-line: rgba(219,236,223,.13); --erwf-gold: #edc367; }
body:not(.cine-social-active) #main > .hero[data-eyeroom-primary-feature="streaming"] {
  position: relative;
  isolation: isolate;
  border-bottom: 1px solid var(--erwf-line);
}
body:not(.cine-social-active) #main > .hero[data-eyeroom-primary-feature="streaming"] .actions .gold {
  min-height: 44px;
  border-radius: 12px;
  font-weight: 700;
}
/* Films, series and latest releases should read as a cohesive theater catalog. */
body:not(.cine-social-active) #main > .section .section-head h2 {
  letter-spacing: -.018em;
  text-wrap: balance;
}
body:not(.cine-social-active) #main > .section .section-head button {
  font-weight: 650;
}
body:not(.cine-social-active) #main > .section .rail > .card {
  border-radius: 13px;
  outline-offset: 3px;
}
/* Deliberately restrained Cine[Files] invitation, AFTER the streaming rails. */
body:not(.cine-social-active) #main > .feature-banner[data-eyeroom-supporting-feature="cinefiles"] {
  width: min(1120px, calc(100% - 32px));
  box-sizing: border-box;
  margin: clamp(18px, 3vw, 36px) auto 24px !important;
  padding: clamp(18px, 3vw, 28px) !important;
  border: 1px solid rgba(237,195,103,.22) !important;
  border-radius: 18px !important;
  background: linear-gradient(105deg,rgba(20,32,28,.92),rgba(13,22,19,.96)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
body:not(.cine-social-active) #main > .feature-banner[data-eyeroom-supporting-feature="cinefiles"] > div:first-child { max-width: 680px; }
body:not(.cine-social-active) #main > .feature-banner[data-eyeroom-supporting-feature="cinefiles"] h2 {
  font-size: clamp(1.18rem,2.5vw,1.55rem) !important;
  line-height: 1.24 !important;
  margin: .35em 0 !important;
}
body:not(.cine-social-active) #main > .feature-banner[data-eyeroom-supporting-feature="cinefiles"] p {
  font-size: .94rem !important;
  line-height: 1.55;
  color: #c4d0c7 !important;
  margin: 0 0 14px !important;
}
body:not(.cine-social-active) #main > .feature-banner[data-eyeroom-supporting-feature="cinefiles"] .feature-brand {
  display: none !important; /* The large Eyeroom mark belongs to the streaming brand, not this support panel. */
}
body:not(.cine-social-active) #main > .feature-banner[data-eyeroom-supporting-feature="cinefiles"] button.gold {
  background: transparent !important;
  border: 1px solid rgba(237,195,103,.65) !important;
  color: #f3d894 !important;
  border-radius: 11px !important;
  padding: 11px 16px !important;
  box-shadow: none !important;
  min-height: 44px;
}
body:not(.cine-social-active) #main > .feature-banner[data-eyeroom-supporting-feature="cinefiles"] button.gold:hover {
  background: rgba(237,195,103,.11) !important;
}
/* Preserve Cine[Files] as a full destination, but not a giant fourth dock logo. */
@media (max-width:650px) {
  html body:not(.cine-social-active) > .app-bottom-nav button[data-nav="Film Club"] > .cine-bottom-logo {
    width: 80px !important;
    max-width: 80px !important;
    height: 29px !important;
    object-fit: contain !important;
  }
  html body:not(.cine-social-active) > .app-bottom-nav button[data-nav="Film Club"] {
    min-height: 48px !important;
    padding-inline: 3px !important;
  }
  body:not(.cine-social-active) #main > .feature-banner[data-eyeroom-supporting-feature="cinefiles"] {
    width: calc(100% - 28px) !important;
    margin-inline: 14px !important;
    padding: 20px !important;
  }
}
/* Usability: keyboard focus and reduced-motion preferences. */
body:not(.cine-social-active) #main > .feature-banner button:focus-visible,
body:not(.cine-social-active) #main > .hero .actions button:focus-visible {
  outline: 3px solid var(--erwf-gold) !important;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body:not(.cine-social-active) #main > .feature-banner * { transition: none !important; }
}