/* FSOnline Netflix Modern • 100% isolated from classic header. */
.site-header.header-netflix{background:color-mix(in srgb,var(--n3-bg) 94%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--n3-accent) 22%,#ffffff14)!important;backdrop-filter:blur(16px)!important;transition:background .2s}
.site-header.header-netflix[data-n3-sticky="0"]{position:relative!important}
.site-header.header-netflix .header-inner{max-width:var(--n3-width)!important;width:min(calc(100% - 36px),var(--n3-width))!important;min-height:var(--n3-height)!important;gap:clamp(14px,1.7vw,28px)!important;padding:0!important;margin-inline:auto!important}
.header-netflix .fsonline-brand{flex-shrink:0;gap:9px!important;min-width:0}
.header-netflix .fsonline-brand img{width:37px!important;height:37px!important;object-fit:contain}
.header-netflix .fsonline-brand b{font-size:20px!important;letter-spacing:-.8px!important;line-height:1.1}
.header-netflix .fsonline-brand span{min-width:0}
.header-netflix .fsonline-brand small{font-size:9px!important;letter-spacing:.12em;opacity:.72}
.header-netflix .n3-primary-nav{display:flex!important;align-items:center;flex-wrap:nowrap;min-width:0;gap:2px!important;margin-left:0!important;white-space:nowrap}
.header-netflix .n3-primary-nav>a,.header-netflix .n3-primary-nav>.nav-drop>button{color:#dbe5e8!important;background:transparent!important;border:0!important;padding:13px clamp(6px,.7vw,12px)!important;border-radius:var(--n3-radius)!important;font-size:13px!important;font-weight:650!important;letter-spacing:0;transition:color .15s,background .15s}
.header-netflix .n3-primary-nav>a:hover,.header-netflix .n3-primary-nav>a.active,.header-netflix .n3-primary-nav>.nav-drop>button:hover{color:white!important;background:color-mix(in srgb,var(--n3-accent) 15%,transparent)!important}
.header-netflix .n3-primary-nav>a.active{box-shadow:inset 0 -2px var(--n3-accent)}
.header-netflix .n3-primary-nav>a::after,.header-netflix .n3-primary-nav>.nav-drop>button::after{display:none!important}
.header-netflix .header-actions{margin-left:auto;flex-shrink:0;gap:2px!important}
.header-netflix .search-toggle,.header-netflix .user-link,.header-netflix .mobile-menu,.header-netflix .pwa-install-link{color:#e9f4f7!important;border-radius:var(--n3-radius)!important}
.header-netflix .search-toggle:hover,.header-netflix .user-link:hover,.header-netflix .mobile-menu:hover,.header-netflix .pwa-install-link:hover{background:color-mix(in srgb,var(--n3-accent) 14%,transparent)!important}
.header-netflix .n3-explore>button>span{color:var(--n3-accent)}
.header-netflix .n3-explore>.n3-explore-panel{position:absolute!important;top:calc(100% + 7px)!important;left:auto!important;right:0!important;display:none!important;grid-template-columns:minmax(0,1fr);align-content:start;gap:2px;min-width:280px;max-width:min(90vw,365px);max-height:min(70vh,630px);overflow-y:auto;overscroll-behavior:contain;width:340px!important;background:color-mix(in srgb,var(--n3-bg) 90%,#23343e)!important;border:1px solid #ffffff22!important;border-radius:15px!important;padding:10px!important;box-shadow:0 18px 55px #000c!important;white-space:normal}
.header-netflix .n3-explore:hover>.n3-explore-panel,.header-netflix .n3-explore:focus-within>.n3-explore-panel,.header-netflix .n3-explore.is-open>.n3-explore-panel{display:grid!important}
.header-netflix .n3-explore-panel>a,.header-netflix .n3-explore-panel>.n3-nested>button,.header-netflix .n3-submenu summary{display:flex!important;align-items:center;justify-content:space-between;gap:7px;min-height:39px;padding:10px 12px!important;font-size:13px!important;font-weight:650;color:#e0ebef!important;background:transparent!important;border:0!important;border-radius:9px!important;cursor:pointer;list-style:none;line-height:1.25}
.header-netflix .n3-submenu summary::-webkit-details-marker{display:none}
.header-netflix .n3-explore-panel>a:hover,.header-netflix .n3-explore-panel>.n3-nested>button:hover,.header-netflix .n3-submenu summary:hover{background:#ffffff10!important;color:#fff!important}
.header-netflix .n3-explore-panel>.n3-nested{display:block;position:relative}
.header-netflix .n3-explore-panel>.n3-nested>button{width:100%;text-align:left}
.header-netflix .n3-explore-panel>.n3-nested>button:after{display:none!important}
.header-netflix .n3-explore-panel>.n3-nested>div{display:none!important;position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-height:250px;overflow-y:auto;box-shadow:none!important;padding:5px 5px 7px!important;background:#071921!important;border:0!important}
.header-netflix .n3-explore-panel>.n3-nested.is-open>div{display:grid!important}
.header-netflix .n3-explore-panel>.n3-nested>div a{font-size:12px!important;padding:9px!important}
.header-netflix .n3-submenu{border-top:1px solid #ffffff13;margin-top:3px}
.header-netflix .n3-submenu>div{display:grid;gap:3px;padding:3px 6px 8px;max-height:240px;overflow:auto}
.header-netflix .n3-submenu>div a{font-size:12px;padding:10px 11px!important;color:#c6dce0;border-radius:8px}
.header-netflix .n3-submenu>div a:hover{background:#ffffff0d;color:#fff}
.header-netflix .n3-announcement{background:linear-gradient(90deg,color-mix(in srgb,var(--n3-accent) 12%,var(--n3-bg)),color-mix(in srgb,var(--n3-accent) 5%,var(--n3-bg)));border-top:1px solid color-mix(in srgb,var(--n3-accent) 15%,transparent);font-size:12px;color:#deeff0}
.header-netflix .n3-announcement-inner{width:min(calc(100% - 36px),var(--n3-width));margin:0 auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;text-align:center;flex-wrap:wrap;padding:5px 0}
.header-netflix .n3-announcement-icon{color:var(--n3-accent);font-size:13px}
.header-netflix .n3-announcement a{color:var(--n3-accent);font-size:12px;font-weight:750;text-decoration:none}
.header-netflix .n3-announcement a:hover{text-decoration:underline}
.header-netflix[data-n3-lang="0"] .language-switcher,.header-netflix[data-n3-favorites="0"] .watchlist-header-link,.header-netflix[data-n3-pwa="0"] .header-actions .pwa-install-link,.header-netflix[data-n3-search="0"] .search-toggle,.header-netflix[data-n3-admin="0"] .header-actions .user-link:not(.watchlist-header-link){display:none!important}
.header-netflix[data-n3-compact="1"].n3-scrolled .header-inner{min-height:56px!important;transition:min-height .18s}
.header-netflix[data-n3-compact="1"].n3-scrolled .fsonline-brand img{width:30px!important;height:30px!important}
@media(max-width:1230px){.header-netflix .n3-primary-nav{display:none!important}.header-netflix .mobile-menu{display:grid!important}.header-netflix .header-actions{margin-left:auto}}
@media(max-width:720px){.site-header.header-netflix .header-inner{width:min(calc(100% - 24px),var(--n3-width))!important;min-height:60px!important;gap:8px!important}.header-netflix .fsonline-brand img{width:33px!important;height:33px!important}.header-netflix .fsonline-brand b{font-size:17px!important}.header-netflix .fsonline-brand small{display:none!important}.header-netflix .header-actions{gap:1px!important}.header-netflix .header-actions .search-toggle,.header-netflix .header-actions .user-link,.header-netflix .header-actions .mobile-menu{width:35px!important;height:38px!important}.header-netflix .n3-announcement-inner{width:min(calc(100% - 24px),var(--n3-width));min-height:34px;gap:6px;line-height:1.4;font-size:11px}.header-netflix .n3-announcement a{font-size:11px}}
@media(max-width:385px){.header-netflix .header-actions .watchlist-header-link{display:none!important} /* Favorite remains in mobile drawer */.header-netflix .fsonline-brand b{font-size:15px!important}.header-netflix .language-switcher .language-current{padding-inline:5px!important}}

@media(min-width:721px) and (max-width:1230px){.site-header.header-netflix + .mobile-drawer:not([hidden]){display:block!important}}
/* Dropdown Asia / TV pus manual în bara principală */
.header-netflix .n3-primary-nav>.n3-nested.is-open>div{display:grid!important;max-height:min(70vh,500px);overflow-y:auto}
.header-netflix .n3-primary-nav>.n3-nested>div a{white-space:normal}

/* V2: ergonomic desktop, reliable dropdown bridge, readable mobile drawer. */
.site-header.header-netflix{isolation:isolate}
.site-header.header-netflix .header-inner{gap:clamp(12px,1.35vw,24px)!important;min-width:0}
.header-netflix .fsonline-brand img{width:40px!important;height:40px!important}
.header-netflix .fsonline-brand b{font-size:20px!important;letter-spacing:-.55px!important}
.header-netflix .n3-primary-nav{gap:var(--n3-gap,6px)!important;flex-shrink:0;overflow:visible}
.header-netflix .n3-primary-nav>a,.header-netflix .n3-primary-nav>.nav-drop>button{font-size:var(--n3-font,14px)!important;font-weight:650!important;padding:12px clamp(9px,.75vw,14px)!important;line-height:1.25;min-height:42px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.header-netflix .n3-primary-nav>a.active{background:color-mix(in srgb,var(--n3-accent) 12%,transparent)!important}
.header-netflix .n3-explore>button[aria-expanded="true"]{color:#fff!important;background:color-mix(in srgb,var(--n3-accent) 14%,transparent)!important}
.header-netflix .n3-explore{position:relative;isolation:isolate}
/* Override global nav-drop:hover display rules. Only JS sets is-open now. */
.header-netflix .n3-primary-nav .n3-explore:not(.is-open)>.n3-explore-panel,
.header-netflix .n3-primary-nav .n3-explore:not(.is-open):hover>.n3-explore-panel,
.header-netflix .n3-primary-nav .n3-explore:not(.is-open):focus-within>.n3-explore-panel{display:none!important}
.header-netflix .n3-primary-nav .n3-explore.is-open>.n3-explore-panel{display:grid!important}
.header-netflix .n3-explore>.n3-explore-panel{
  top:calc(100% - 1px)!important;right:0!important;left:auto!important;
  width:var(--n3-panel-width,370px)!important;min-width:290px!important;max-width:calc(100vw - 28px)!important;
  box-sizing:border-box;background:var(--n3-panel-bg,#0d2029)!important;
  max-height:min(76vh,620px);overflow:auto!important;padding:12px!important;
  border:1px solid color-mix(in srgb,var(--n3-accent) 22%,#ffffff22)!important;
  border-radius:0 0 14px 14px!important;box-shadow:0 24px 58px #000d!important;
  z-index:999!important;align-content:start;gap:5px!important;
}
.header-netflix .n3-explore-panel[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.header-netflix .n3-explore-panel[data-columns="2"] .n3-submenu{grid-column:1/-1}
.header-netflix .n3-explore-panel>a,.header-netflix .n3-explore-panel>.n3-nested>button,.header-netflix .n3-submenu summary{min-height:43px!important;font-size:13.5px!important;font-weight:600!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:11px 12px!important}
.header-netflix .n3-explore-panel>a.active{color:var(--n3-accent)!important;background:color-mix(in srgb,var(--n3-accent) 10%,transparent)!important}
.header-netflix .n3-explore-panel .n3-submenu>div{padding:5px 7px!important}
.header-netflix .n3-explore-panel .n3-submenu[open] summary{background:#ffffff0b!important;color:#fff!important}
.header-netflix .n3-primary-nav .n3-nested:not(.is-open)>div,
.header-netflix .n3-primary-nav .n3-nested:not(.is-open):hover>div{display:none!important}
.header-netflix .n3-primary-nav .n3-nested.is-open>div{display:grid!important}
.header-netflix .n3-primary-nav>.n3-nested>div{top:100%!important;left:0!important;right:auto!important;min-width:260px!important;width:min(310px,80vw)!important;max-height:min(70vh,550px)!important;overflow-y:auto!important;background:var(--n3-panel-bg,#0d2029)!important;white-space:normal!important;padding:9px!important;box-shadow:0 20px 45px #000a!important;z-index:999!important}
.header-netflix .n3-primary-nav .n3-explore-panel>.n3-nested>div{top:auto!important;left:auto!important;right:auto!important;width:100%!important;min-width:0!important;position:static!important;max-height:250px!important;overflow:auto}
.header-netflix .n3-primary-nav .n3-explore-panel>.n3-nested.is-open>div{display:grid!important}
.header-netflix .n3-announcement{background:var(--n3-ann-bg,#09262c)!important;border-top:1px solid color-mix(in srgb,var(--n3-accent) 15%,transparent)!important}
.header-netflix .n3-announcement-inner{min-height:35px;gap:12px;font-size:12.5px!important;line-height:1.5;max-width:var(--n3-width);padding:6px 0}
.header-netflix .n3-announcement a{font-size:12.5px!important;white-space:nowrap}
.header-netflix .header-actions{gap:4px!important;white-space:nowrap}
.header-netflix .header-actions .search-toggle,.header-netflix .header-actions .user-link,.header-netflix .header-actions .mobile-menu,.header-netflix .header-actions .pwa-install-link{display:grid;place-items:center;width:40px!important;height:40px!important;flex:none;line-height:1}
.header-netflix .header-actions .pwa-install-link[hidden]{display:none!important}
.header-netflix.n3-use-drawer .n3-primary-nav{display:none!important}
.header-netflix.n3-use-drawer .mobile-menu{display:grid!important}
/* Existing app.css hides the drawer above 720px; open it for responsive Netflix. */
.site-header.header-netflix+.mobile-drawer:not([hidden]){display:block!important;visibility:visible!important}
.header-netflix+.mobile-drawer .mobile-drawer-panel{height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.header-netflix+.mobile-drawer .mobile-nav-primary{display:block!important}
.header-netflix+.mobile-drawer .n3-mobile-explore{border:1px solid #36a4aa66;border-radius:12px;background:#0a252b;margin-top:12px}
.header-netflix+.mobile-drawer .n3-mobile-explore>summary{color:#eaffff;padding:15px;min-height:52px}
.header-netflix+.mobile-drawer .n3-mobile-explore>.n3-mobile-explore-links{display:grid;gap:4px;padding:3px 8px 12px!important}
.header-netflix+.mobile-drawer .n3-mobile-explore .mobile-nav-section{border:1px solid #ffffff14;border-radius:10px;margin:3px 0}
.header-netflix+.mobile-drawer .n3-mobile-explore .mobile-primary-link{margin:2px 0!important;font-size:14px!important;min-height:43px}
.header-netflix+.mobile-drawer .mobile-nav-section>summary{cursor:pointer}
.header-netflix+.mobile-drawer .mobile-nav-primary a:focus-visible,.header-netflix .n3-primary-nav button:focus-visible,.header-netflix .n3-primary-nav a:focus-visible{outline:2px solid var(--n3-accent)!important;outline-offset:2px}
@media(max-width:1350px){.site-header.header-netflix .n3-primary-nav{display:none!important}.site-header.header-netflix .header-actions .mobile-menu{display:grid!important}}
@media(max-width:720px){
  .site-header.header-netflix .header-inner{width:calc(100% - 28px)!important;min-height:64px!important;gap:8px!important}
  .header-netflix .fsonline-brand img{width:37px!important;height:37px!important}
  .header-netflix .fsonline-brand b{font-size:18px!important;letter-spacing:-.4px!important}
  .header-netflix .header-actions{gap:1px!important;margin-left:auto!important}
  .header-netflix .header-actions .search-toggle,.header-netflix .header-actions .user-link,.header-netflix .header-actions .mobile-menu{width:36px!important;height:40px!important;font-size:20px}
  .header-netflix .n3-announcement-inner{width:calc(100% - 28px);font-size:12px!important;gap:4px 8px!important;min-height:36px;flex-wrap:wrap;padding:8px 0!important}
  .header-netflix .n3-announcement a{font-size:12px!important}
  .site-header.header-netflix+.mobile-drawer:not([hidden]){display:block!important}
}
@media(max-width:520px){
  /* All secondary actions remain inside the mobile drawer; no feature is removed. */
  .header-netflix .header-actions .watchlist-header-link,.header-netflix .header-actions .pwa-install-link,.header-netflix .header-actions>.user-link:not(.watchlist-header-link){display:none!important}
}
@media(max-width:430px){
  .header-netflix .header-actions .language-switcher{display:none!important}
  .header-netflix .fsonline-brand b{font-size:16.5px!important}
  .header-netflix .n3-announcement-inner{text-align:center}
}
@media(prefers-reduced-motion:reduce){.header-netflix .header-inner,.header-netflix .n3-primary-nav a{transition:none!important}}
/* Nested mobile sections intentionally do not use .mobile-nav-section: the site JS closes sibling sections automatically. */
.header-netflix+.mobile-drawer .n3-mobile-subsection{border:1px solid #ffffff1b;border-radius:11px;overflow:hidden;margin:3px 0;background:#07151c}
.header-netflix+.mobile-drawer .n3-mobile-subsection>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 14px;cursor:pointer;list-style:none}
.header-netflix+.mobile-drawer .n3-mobile-subsection>summary::-webkit-details-marker{display:none}
.header-netflix+.mobile-drawer .n3-mobile-subsection>summary span{display:grid;gap:2px}
.header-netflix+.mobile-drawer .n3-mobile-subsection>summary b{font-size:13px;color:#ebffff}
.header-netflix+.mobile-drawer .n3-mobile-subsection>summary small{font-size:10px;color:#9cb7bc}
.header-netflix+.mobile-drawer .n3-mobile-subsection>summary i{font-style:normal;color:var(--n3-accent)}
.header-netflix+.mobile-drawer .n3-mobile-subsection>div{display:grid;gap:5px;padding:4px 10px 10px}
.header-netflix+.mobile-drawer .n3-mobile-subsection>div a{display:flex!important;align-items:center;min-height:42px;margin:0!important;padding:9px 11px!important;font-size:12px;border:1px solid #ffffff12;border-radius:9px;background:#0a242c;color:#d9edf0}
.header-netflix+.mobile-drawer .n3-mobile-subsection[open]{border-color:color-mix(in srgb,var(--n3-accent) 40%,transparent)}

/* Netflix Modern V4: search button with icon + editable pill label.
   Keeps existing .search-toggle event and search-v2 suggestions unchanged. */
.site-header.header-netflix .header-actions>.search-toggle.n3-search-pill{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  order:-1!important;gap:9px!important;width:var(--n3-search-width,156px)!important;min-width:0!important;
  height:40px!important;padding:0 14px!important;box-sizing:border-box!important;
  flex:0 1 auto!important;border-radius:999px!important;
  background:var(--n3-search-bg,#0d2930)!important;
  border:1px solid color-mix(in srgb,var(--n3-accent) 12%,transparent)!important;
  color:#d9eef2!important;font-size:12px!important;font-weight:500!important;line-height:1.15!important;
  transition:background .2s,border-color .2s,box-shadow .2s!important;
}
.header-netflix .n3-search-pill .n3-search-icon{flex:none;opacity:.8;display:block}
.header-netflix .n3-search-pill .n3-search-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;letter-spacing:0}
.site-header.header-netflix .header-actions>.n3-search-pill:hover,
.site-header.header-netflix .header-actions>.n3-search-pill[aria-expanded="true"]{
  background:color-mix(in srgb,var(--n3-search-bg,#0d2930) 85%,var(--n3-accent) 15%)!important;
  border-color:color-mix(in srgb,var(--n3-accent) 50%,transparent)!important;
}
.site-header.header-netflix .header-actions>.n3-search-pill:focus-visible{outline:2px solid var(--n3-accent)!important;outline-offset:3px!important}
/* Preserve manual 'show_search' toggle. */
.site-header.header-netflix[data-n3-search="0"] .header-actions>.n3-search-pill{display:none!important}
@media(max-width:720px){
  .site-header.header-netflix .header-actions>.search-toggle.n3-search-pill{
    width:clamp(118px,32vw,145px)!important;height:37px!important;
    padding:0 11px!important;gap:7px!important;font-size:11px!important;
  }
  .header-netflix .n3-search-pill .n3-search-icon{width:15px;height:15px}
}
@media(max-width:350px){
  .site-header.header-netflix .header-actions>.search-toggle.n3-search-pill{width:101px!important;padding:0 9px!important;gap:5px!important;font-size:10.5px!important}
}