/*
Theme Name: Taleovia Cinema
Description: Modern streaming cinema theme for Taleovia with portrait 9:16 video cards and recent posts.
Version: 5.4.0
License: GPL-2.0-or-later
Text Domain: taleovia-cinema
*/
:root{--red:#e50914;--black:#080808;--dark:#141414;--white:#fff;--gray:#aaa}
*{box-sizing:border-box}html,body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.tc-header{position:fixed;top:0;left:0;right:0;z-index:99;height:70px;padding:0 4%;display:flex;align-items:center;gap:32px;background:linear-gradient(#000,transparent);transition:.2s}
.tc-header.scrolled{background:#080808}.logo{font-size:28px;font-weight:900}.logo b{color:var(--red)}.nav{display:flex;gap:22px;font-size:14px}.nav a:hover{color:#bbb}.actions{margin-left:auto}
.btn{display:inline-block;border:0;border-radius:4px;padding:11px 18px;font-weight:700}.red{background:var(--red);color:#fff}.dark{background:#333;color:#fff}
.hero{min-height:78vh;padding:170px 5% 80px;display:flex;align-items:end;background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.82) 35%,rgba(8,8,8,.18) 80%),linear-gradient(0deg,#080808,transparent 55%),radial-gradient(circle at 75% 35%,#66151a,#171717 48%,#080808 78%)}
.hero-inner{max-width:720px}.tag{font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#ddd}.hero h1{font-size:clamp(46px,7vw,88px);line-height:.92;margin:16px 0}.hero p{color:#ddd;line-height:1.55;font-size:18px}.buttons{display:flex;gap:10px;margin-top:25px}
main{max-width:1500px;margin:auto;padding:0 4% 70px}.section{margin:32px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section h2{font-size:23px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,230px);gap:14px;overflow-x:auto;padding-bottom:12px}.card{background:#151515;border-radius:5px;overflow:hidden;transition:.2s}.card:hover{transform:scale(1.03);box-shadow:0 12px 35px #000}.poster{aspect-ratio:9/16;background:#222;display:flex;align-items:center;justify-content:center;color:#777}.poster img{width:100%;height:100%;object-fit:cover}.poster video{width:100%;height:100%;object-fit:cover;display:block}.body{padding:12px}.title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:12px;color:var(--gray);margin-top:6px}.empty{background:#151515;padding:25px;color:#999;border-radius:5px}
.page{padding-top:115px;min-height:75vh}.page h1{font-size:40px}.player{background:#000;border-radius:6px;overflow:hidden}.player video{display:block;width:100%;max-height:75vh}.content{color:#bbb;line-height:1.7;padding:20px 0}.footer{border-top:1px solid #222;padding:40px;text-align:center;color:#777}
@media(max-width:800px){.nav{display:none}.hero{min-height:70vh;padding-left:5%;padding-right:5%}.hero p{font-size:15px}.rail{grid-auto-columns:minmax(175px,46vw)}}

/* Taleovia uploaded logo */
.logo{
    display:flex;
    align-items:center;
    width:150px;
    height:54px;
    flex:0 0 150px;
    overflow:hidden;
}
.logo img{
    display:block;
    width:150px;
    height:auto;
    max-height:54px;
    object-fit:contain;
    object-position:left center;
}
@media(max-width:800px){
    .logo{width:125px;height:48px;flex-basis:125px}
    .logo img{width:125px;max-height:48px}
}

/* Editable six-slide hero */
.hero-slider{position:relative;min-height:78vh;overflow:hidden;background:#080808}
.hero-slide{position:absolute;inset:0;display:flex;align-items:end;padding:170px 5% 80px;opacity:0;visibility:hidden;transition:opacity .55s ease;z-index:1}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:2}
.hero-slide-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.82) 35%,rgba(8,8,8,.15) 82%),linear-gradient(0deg,#080808,transparent 58%),var(--hero-image,radial-gradient(circle at 75% 35%,#66151a,#171717 48%,#080808 78%));background-size:cover;background-position:center}
.hero-slide-content{position:relative;z-index:3;max-width:720px}
.hero-slide h1{font-size:clamp(46px,7vw,88px);line-height:.92;margin:16px 0}.hero-slide p{color:#ddd;line-height:1.55;font-size:18px}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:72px;border:0;border-radius:4px;background:rgba(0,0,0,.45);color:#fff;font-size:46px;line-height:1;cursor:pointer}.hero-arrow:hover{background:rgba(0,0,0,.75)}.hero-prev{left:18px}.hero-next{right:18px}
.hero-dots{position:absolute;z-index:6;left:5%;bottom:28px;display:flex;gap:8px}.hero-dot{width:28px;height:4px;border:0;border-radius:3px;background:rgba(255,255,255,.4);padding:0;cursor:pointer}.hero-dot.is-active{background:#fff;width:44px}
@media(max-width:800px){.hero-slider{min-height:70vh}.hero-slide{min-height:70vh;padding:130px 5% 72px}.hero-slide p{font-size:15px}.hero-arrow{width:38px;height:54px;font-size:34px}.hero-prev{left:8px}.hero-next{right:8px}.hero-dots{left:5%;bottom:18px}}