/* Liso TV 2.7 — shared customer app shell, single-tap playback, beautiful pagination */
:root{--liso-focus:#f3c87a}
body.is-subscriber-app .site-footer{display:none!important}
body.is-subscriber-app .subscriber-main{min-width:0}
body.is-subscriber-app .site-header .header-account{color:#f6e4c7}
body.is-subscriber-app .site-header .primary-nav a[aria-current=page]{color:#f9ca7b}
body.is-subscriber-app .site-header .primary-nav a[aria-current=page]::after{background:#f9ca7b}
.liso-search-heading{padding:15px 0 22px}
.liso-search-heading h1{font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.06;margin:10px 0}
.liso-search-heading h1 em{font-style:normal;color:#efbf76}
.liso-search-heading p{color:#b3b6c2;font-size:.91rem;line-height:1.5}
.liso-search-heading p strong{color:#f7f1e7;font-weight:750}
.liso-search-box{padding:10px;border-radius:17px;border:1px solid rgba(239,191,118,.18);background:linear-gradient(140deg,rgba(238,187,104,.09),rgba(255,255,255,.015));margin:0 0 24px}
.liso-search-box .site-search{min-height:54px;background:#151820;border:1px solid #393b46}
.liso-search-box .site-search input{font-size:1rem}
.liso-search-public{padding-top:75px;padding-bottom:90px}

/* Mobile page navigation appears on search just like Films, Series and My List. */
body.is-subscriber-app .v21-mobile-dock a{transition:background .15s,color .15s;outline-offset:2px}
body.is-subscriber-app .v21-mobile-dock a:focus-visible{outline:2px solid #f9c984}

/* Favorite stays in the actual detail heading, not in the hidden mobile sidebar. */
.liso-inline-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:17px;position:relative;z-index:2}
.liso-inline-actions .liso-fav-btn,.liso-inline-actions>a{min-height:45px;min-width:155px;padding:10px 16px;display:inline-flex;gap:9px;justify-content:center;align-items:center;background:rgba(20,22,30,.87);border:1px solid rgba(250,225,184,.29);color:#f1e4d1;border-radius:999px;font-weight:750;font-size:.84rem;white-space:normal;text-align:center;line-height:1.2}
.liso-inline-actions .liso-fav-btn:hover,.liso-inline-actions .liso-fav-btn:focus-visible{border-color:#f0bd6f;color:#fff;outline:none;box-shadow:0 0 0 3px rgba(240,189,111,.10)}
.liso-inline-actions .liso-fav-btn svg{width:19px;height:19px;flex:0 0 auto;color:#f5c880}
.liso-fav-btn.is-active svg{fill:#e96d80;stroke:#e96d80}
.liso-fav-btn.is-saving{opacity:.62;cursor:progress}

/* Single prominent play action. The movie/series/show title is already just above the video. */
.liso-theater-page .video-frame{isolation:isolate}
.liso-theater-page .video-overlay .liso-stage-label,
.liso-theater-page .video-overlay>.video-icon,
.liso-theater-page .video-overlay>h2,
.liso-theater-page .video-overlay>p,
.liso-theater-page .video-overlay>.liso-stage-trust{display:none!important}
.liso-theater-page .video-overlay:not(.is-hidden){z-index:7;display:flex;align-items:center;justify-content:center;padding:22px!important;background:linear-gradient(0deg,rgba(5,7,11,.77),rgba(5,7,11,.23) 72%),radial-gradient(ellipse at 50% 90%,rgba(0,0,0,.36),transparent 60%)}
.liso-theater-page .liso-start-button{border-radius:100px;min-height:62px;padding:13px 26px;gap:10px;background:linear-gradient(135deg,#ffdc9b,#f4ba62);border:1px solid rgba(255,255,255,.3);color:#17110c;box-shadow:0 15px 48px rgba(0,0,0,.46),0 0 0 7px rgba(255,211,138,.12);font-size:1rem;line-height:1.2;font-weight:900;letter-spacing:-.02em;transition:transform .18s,box-shadow .18s}
.liso-theater-page .liso-start-button:hover,.liso-theater-page .liso-start-button:focus-visible{background:#ffdc97;color:#18110a;box-shadow:0 15px 50px rgba(0,0,0,.5),0 0 0 10px rgba(255,211,138,.16);transform:translateY(-1px);outline:0}
.liso-theater-page .liso-start-button svg{width:22px;height:22px}
.liso-theater-page .liso-start-button:disabled{cursor:wait;opacity:.7;transform:none}
.liso-loading-panel{display:none;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#fff;text-shadow:0 2px 8px #000}
.liso-loading-panel strong{font-size:clamp(.9rem,2vw,1.14rem);font-weight:850;letter-spacing:-.02em}
.liso-loading-panel small{max-width:320px;font-size:.73rem;color:#c6c9ce;line-height:1.5}
.liso-loading-spinner{display:inline-block;width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#f4c37a;border-right-color:#f4c37a;animation:liso-spin .8s linear infinite}
@keyframes liso-spin{to{transform:rotate(360deg)}}
.liso-loading .video-overlay{z-index:8!important;background:rgba(5,7,10,.83)!important;backdrop-filter:blur(8px)!important}
.liso-loading .video-overlay>.liso-start-button{display:none!important}
.liso-loading .liso-loading-panel{display:flex}
.liso-loading .liso-player-ui{opacity:0;pointer-events:none}
.liso-inline-buffer{position:absolute;inset:0;z-index:6;pointer-events:none;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:rgba(4,6,10,.47);color:#fff;opacity:0;visibility:hidden;transition:opacity .16s}
.liso-inline-buffer strong{font-size:.9rem;text-shadow:0 2px 6px #000}
.liso-buffering:not(.liso-loading) .liso-inline-buffer{opacity:1;visibility:visible}
.liso-buffering .video-overlay.is-hidden{display:none}

/* Modern accessible, stable-width pagination for catalog + search. */
.liso-pagination{display:flex;align-items:center;justify-content:space-between;gap:22px 18px;flex-wrap:wrap;padding:22px 25px;margin:36px 0 20px;background:linear-gradient(125deg,rgba(244,194,121,.065),rgba(21,24,34,.95));border:1px solid rgba(245,198,128,.15);border-radius:20px}
.liso-pagination-info{display:flex;flex-direction:column;gap:5px}
.liso-pagination-info strong{font-size:.92rem;color:#fff;font-weight:850;letter-spacing:-.02em}
.liso-pagination-info span{color:#9fa4b2;font-size:.73rem}
.liso-pagination-actions{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:7px;min-width:0}
.liso-pagination-actions a,.liso-pagination-actions>span{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:800;font-size:.82rem;flex-shrink:0}
.liso-page-num{min-width:43px;min-height:43px;padding:5px 9px;border:1px solid #333847;background:#171b25;border-radius:12px;color:#e7e8ee;transition:background .18s,border-color .18s,transform .18s}
.liso-page-num:hover{border-color:#deb674;background:#242332;transform:translateY(-1px)}
.liso-page-num.is-active{background:#f4c37a;border-color:#f4c37a;color:#1b140e;box-shadow:0 5px 19px rgba(244,195,122,.18);pointer-events:none}
.liso-page-arrow{min-height:43px;padding:7px 15px;border-radius:12px;border:1px solid rgba(249,202,130,.26);color:#f3d9b0;background:rgba(39,34,31,.62)}
.liso-page-arrow:hover{background:rgba(244,195,122,.17);border-color:#f4c37a;color:#fff}
.liso-page-arrow svg{width:17px;height:17px;stroke-width:2.2}
.liso-page-back{transform:rotate(180deg)}
.liso-page-arrow.is-disabled{opacity:.33;pointer-events:none}
.liso-page-dots{font-size:1.1rem;color:#7c8391;padding-inline:3px}
.liso-pagination a:focus-visible{outline:3px solid #f4c37a;outline-offset:2px}
@media(max-width:900px){.liso-pagination{justify-content:center;text-align:center}.liso-pagination-info{width:100%;align-items:center}}
@media(max-width:660px){
 body.is-subscriber-app .v21-mobile-dock{padding-left:max(9px,env(safe-area-inset-left))!important;padding-right:max(9px,env(safe-area-inset-right))!important}
 .liso-search-heading{padding:3px 0 18px}.liso-search-heading h1{font-size:clamp(1.75rem,7.5vw,2.6rem)}.liso-search-heading p{font-size:.81rem}
 .liso-search-box{padding:7px;margin-bottom:23px;border-radius:12px}.liso-search-box .site-search{min-height:49px;border-radius:10px}
 .liso-inline-actions{margin-top:12px;margin-bottom:3px}.liso-inline-actions .liso-fav-btn,.liso-inline-actions>a{min-height:43px;max-width:100%;padding:9px 12px;font-size:.78rem;min-width:0}
 .liso-theater-page .liso-start-button{min-height:52px;padding:10px 17px;font-size:.78rem;max-width:calc(100% - 12px);box-shadow:0 10px 34px rgba(0,0,0,.4),0 0 0 5px rgba(255,211,138,.1)}
 .liso-theater-page .liso-start-button svg{width:19px;height:19px}
 .liso-loading-spinner{width:35px;height:35px;border-width:3px}
 .liso-loading-panel strong{font-size:.83rem}.liso-loading-panel small{font-size:.63rem}
 .liso-pagination{margin:25px 0 12px;padding:15px 9px 18px;border-radius:14px;gap:16px}
 .liso-pagination-info strong{font-size:.79rem}.liso-pagination-info span{font-size:.65rem}
 .liso-pagination-actions{width:100%;gap:5px}
 .liso-page-num{min-width:35px;min-height:40px;border-radius:10px;padding:5px 6px;font-size:.73rem}
 .liso-page-arrow{min-width:40px;min-height:40px;border-radius:10px;padding:7px 9px}
 .liso-page-arrow span{display:none}
 .liso-page-dots{display:none!important}
}
@media(max-width:355px){.liso-page-num{min-width:30px}.liso-pagination-actions{gap:4px}.liso-page-arrow{min-width:35px}}
@media(prefers-reduced-motion:reduce){.liso-loading-spinner{animation-duration:2s}}
