/* PhimHayOK CoBe v1.6 — Dark Warm Cinema */
:root{
  --bg:#15171b;
  --bg-soft:#1b1e23;
  --panel:#202329;
  --panel-2:#262a31;
  --text:#e9e1d7;
  --muted:#aaa296;
  --muted-2:#c9c0b5;
  --gold:#f28a2d;
  --gold-2:#ffb15f;
  --hover:#f28a2d;
  --line:rgba(244,169,96,.12);
  --warm-edge:rgba(242,138,45,.45);
  --warm-glow:rgba(242,138,45,.16);
}

html,body{background:#15171b}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 8% 0%,rgba(242,138,45,.07),transparent 26%),
    radial-gradient(circle at 94% 18%,rgba(160,91,42,.05),transparent 30%),
    linear-gradient(180deg,#17191e 0%,#1a1d22 44%,#17191d 100%);
}
.vivu-main{background:transparent}

/* Warm charcoal header — keeps navigation clear without pure black. */
.vivu-header{background:rgba(25,27,32,.91);border-bottom-color:rgba(242,138,45,.07)}
.vivu-header.is-scrolled{background:rgba(27,29,34,.97);border-bottom-color:rgba(242,138,45,.14);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.vivu-search{background:rgba(255,248,238,.055);border-color:rgba(255,190,128,.08)}
.vivu-search:focus-within{background:#25272c;border-color:rgba(242,138,45,.38);box-shadow:0 0 0 3px rgba(242,138,45,.08)}
.vivu-search input[type=search]{color:#ece5dc}.vivu-search input::placeholder{color:#948e86}
.vivu-search-results,.vivu-mega-menu{background:#24272d;border-color:rgba(242,138,45,.12);box-shadow:0 20px 48px rgba(0,0,0,.34)}
.vivu-mega-menu a{color:#d6cec4}.vivu-mega-menu a:hover,.vivu-search-item:hover{background:rgba(242,138,45,.08)}
.vivu-app-link>span{background:#292c32}.vivu-member{background:#f0e8de;color:#292117}.vivu-member:hover{background:#ffd5a8}

/* Typography: warm off-white body, Chakra Petch reserved for visual titles. */
h1,h2,h3,h4,.vivu-section-head h2,.vivu-card h3,.vivu-rank-copy h3,.vivu-hero h2,.vivu-detail-sidebar h1,.vivu-watch-heading h1,.vivu-watch-movie h2,.vivu-archive-head h1,.vivu-article h1{
  font-family:"Chakra Petch",Inter,"Segoe UI",sans-serif;
}
.vivu-section-head h2,.vivu-card h3 a,.vivu-rank-copy h3 a{color:#eee4d8}
.vivu-card p,.vivu-rank-copy p{color:#9f988f}
.vivu-card small,.vivu-rank-copy small{color:#b0a79c}

/* Movie thumbnails: subtle orange edge, stronger only on interaction. */
.vivu-card-media{
  background:#25282e;
  border:1px solid rgba(242,138,45,.12);
  box-shadow:0 7px 20px rgba(0,0,0,.16);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.vivu-card:hover .vivu-card-media{
  border-color:var(--warm-edge);
  box-shadow:0 10px 26px rgba(0,0,0,.22),0 0 0 1px rgba(242,138,45,.16),0 0 22px var(--warm-glow);
  transform:translateY(-2px);
}
.vivu-card h3 a:hover,.vivu-shelf-rank .vivu-rank-copy h3 a:hover{color:#ffad5b}
.vivu-card-media:after{background:linear-gradient(0deg,rgba(20,17,15,.78),transparent 46%)}
.vivu-card:hover .vivu-card-media img{filter:brightness(.78) saturate(1.04)}

/* Section accents are restrained to short warm details. */
.vivu-section-head h2:before,.vivu-country-row>header h2:before{
  content:"";display:inline-block;width:4px;height:20px;margin-right:9px;border-radius:4px;background:linear-gradient(180deg,#ffb15f,#e86d16);vertical-align:-3px;
}
.vivu-heading-more{border-color:rgba(242,138,45,.55)!important;color:#f3a258!important}
.vivu-heading-more:hover,.vivu-heading-more:focus-visible{background:rgba(242,138,45,.1)!important}

/* Panels and utility surfaces: layered charcoal rather than black. */
.vivu-community,.vivu-comments-area,.vivu-comment-form,.vivu-rating-summary,.vivu-server-block,.vivu-episode-grid,.vivu-watch-sources,.vivu-watch-episodes{
  background:linear-gradient(180deg,#202329 0%,#1d2025 100%);
  border-color:rgba(242,138,45,.10);
}
.vivu-comments-area{box-shadow:0 16px 40px rgba(0,0,0,.12)}
.vivu-comment-form input[type=text],.vivu-comment-form textarea{background:#181b20;color:#e9e1d7;border-color:rgba(255,255,255,.04)}
.vivu-comments-empty{background:#191c21;color:#989188}
.vivu-comment-text{color:#cfc6bb}

/* Topic / category blocks inherit a warm neutral atmosphere. */
.vivu-country-collections{background:linear-gradient(180deg,rgba(45,38,33,.72) 0%,rgba(27,30,35,.2) 60%,transparent 100%),transparent!important}
.vivu-community{border-color:rgba(242,138,45,.12)}

/* Hero remains cinematic, but its black overlays become warm charcoal. */
.vivu-hero{background:#17191d}
.vivu-hero-shade{
  background:
    linear-gradient(90deg,rgba(22,20,19,.94) 0%,rgba(27,25,23,.72) 31%,rgba(23,22,21,.27) 63%,rgba(21,20,19,.18) 100%),
    linear-gradient(0deg,#17191d 0%,rgba(24,24,24,.34) 26%,transparent 54%),
    linear-gradient(180deg,rgba(20,19,18,.28),transparent 22%);
}
.vivu-hero h2{color:#f1e7dc;text-shadow:0 4px 22px rgba(0,0,0,.38)}
.vivu-hero-original,.vivu-hero-eyebrow{color:#ffad5b}
.vivu-hero-summary{color:#d1c8bd}
.vivu-hero-genres a,.vivu-detail-genres a{background:rgba(40,36,32,.55);border-color:rgba(255,184,111,.14)}
.vivu-hero-genres a:hover,.vivu-detail-genres a:hover{background:#f28a2d;color:#21160e}

/* Detail pages: keep movie art immersive while lifting text and borders. */
.vivu-detail-sidebar h1,.vivu-watch-movie h2,.vivu-watch-heading h1{color:#f0e6db}
.vivu-detail-poster{border:1px solid rgba(242,138,45,.18);box-shadow:0 16px 38px rgba(0,0,0,.24)}
.vivu-detail-poster:hover{border-color:rgba(242,138,45,.48);box-shadow:0 16px 38px rgba(0,0,0,.25),0 0 24px rgba(242,138,45,.10)}

/* Keep the actual video player genuinely dark for comfortable viewing. */
.vivu-player-shell,.vivu-player-stage,.vivu-player-shell .jwplayer{background:#08090b!important}
.vivu-watch-page{background:linear-gradient(180deg,#14161a 0%,#191c21 100%)}

/* Links and interactive states use orange, never full orange surfaces everywhere. */
a:hover{color:#f6a34e}
.vivu-nav a:hover,.vivu-nav button:hover{color:#ffac58}
.vivu-comment-submit,.vivu-comments-head nav button.is-active{background:linear-gradient(135deg,#f28a2d,#ffad5b);color:#21160e}
.vivu-rating-picker button:hover,.vivu-rating-picker button.is-active{color:#ffad5b}

/* Archive / article surfaces. */
.vivu-archive,.vivu-content-page{background:transparent}
.vivu-entry-content{color:#d7cec3}
.vivu-entry-content h2,.vivu-entry-content h3,.vivu-entry-content h4{color:#f0e6db}
.vivu-entry-content a{color:#f3a258}

/* Scrollbar — soft and consistent. */
*{scrollbar-color:#5d4a3b #1c1f24}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#1c1f24}
::-webkit-scrollbar-thumb{background:#5d4a3b;border:2px solid #1c1f24;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#8a5b37}

@media(max-width:560px){
  .vivu-section-head h2:before,.vivu-country-row>header h2:before{height:17px;width:3px;margin-right:7px}
  .vivu-card:hover .vivu-card-media{transform:none;box-shadow:0 7px 20px rgba(0,0,0,.18),0 0 0 1px rgba(242,138,45,.14)}
}
@media(prefers-reduced-motion:reduce){.vivu-card-media{transition:none}.vivu-card:hover .vivu-card-media{transform:none}}

/* ===== v1.7 — Ember Cinema refinement ===== */
:root{
  --bg:#211915;
  --bg-soft:#291f1a;
  --panel:#2d241f;
  --panel-2:#342923;
  --text:#eee3d7;
  --muted:#b9aa9c;
  --muted-2:#d3c6b8;
  --gold:#f28a2d;
  --gold-2:#ffb463;
  --line:rgba(255,151,59,.18);
}
html,body{background:#211915}
body{
  background:
    radial-gradient(circle at 10% 2%,rgba(255,130,34,.16),transparent 29%),
    radial-gradient(circle at 92% 20%,rgba(196,82,24,.12),transparent 32%),
    radial-gradient(circle at 55% 75%,rgba(119,61,32,.14),transparent 38%),
    linear-gradient(180deg,#211915 0%,#261c18 34%,#2b211c 68%,#201916 100%);
  background-attachment:fixed;
}

/* Header: clearer hierarchy, compact search and a restrained orange identity. */
.vivu-header{background:rgba(31,25,22,.94);border-bottom:1px solid rgba(255,145,47,.18)}
.vivu-header.is-scrolled{background:rgba(34,26,22,.98);border-bottom-color:rgba(255,145,47,.26);box-shadow:0 8px 26px rgba(20,9,2,.22)}
.vivu-header-inner{gap:13px;max-width:1580px}
.vivu-search-shell{flex:0 1 250px;max-width:250px}
.vivu-search{height:39px;border-radius:10px;background:rgba(255,241,224,.07);border-color:rgba(255,154,68,.18)}
.vivu-search:focus-within{background:rgba(59,43,34,.96);border-color:rgba(255,153,59,.55);box-shadow:0 0 0 3px rgba(242,138,45,.10)}
.vivu-search input[type=search]{font-size:13px;color:#f2e7dc}
.vivu-search input::placeholder{color:#a99c90}
.vivu-nav>ul{gap:4px}
.vivu-nav a,.vivu-nav button{height:70px;padding:0 9px;color:#e9ddd1;font-weight:750;position:relative}
.vivu-nav>ul>li>a:after,.vivu-nav>ul>li>button:after{content:"";position:absolute;left:10px;right:10px;bottom:13px;height:2px;border-radius:3px;background:linear-gradient(90deg,#f28a2d,#ffb463);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.vivu-nav>ul>li>a:hover:after,.vivu-nav>ul>li>button:hover:after,.vivu-nav>ul>li.current-menu-item>a:after,.vivu-nav>ul>li.current-menu-ancestor>a:after{transform:scaleX(1)}
.vivu-nav>ul>li.current-menu-item>a,.vivu-nav>ul>li.current-menu-ancestor>a{color:#ffb463}
.vivu-mega-menu{background:#332820;border-color:rgba(255,149,55,.24)}
.vivu-mega-menu a{color:#e5d8cc}.vivu-mega-menu a:hover{background:rgba(242,138,45,.13);color:#ffb463}
.vivu-app-link>span{background:rgba(242,138,45,.12);border:1px solid rgba(242,138,45,.18);color:#ffb463}
.vivu-member{background:linear-gradient(135deg,#f4e8dc,#ffd8b5);color:#3a2315}

/* Homepage banner replacing the former multicolor topic strip. */
.vivu-home-banner{padding-top:28px;padding-bottom:14px}
.vivu-home-banner-link{display:block;overflow:hidden;border-radius:16px;border:1px solid rgba(255,145,47,.26);background:#2d211b;box-shadow:0 14px 34px rgba(17,7,2,.22),0 0 0 1px rgba(255,177,95,.04)}
.vivu-home-banner img{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:cover;object-position:center}
.vivu-home-banner-link:hover{border-color:rgba(255,162,74,.58);box-shadow:0 16px 38px rgba(17,7,2,.28),0 0 24px rgba(242,138,45,.12)}
.vivu-topics{display:none!important}

/* Site surfaces: less black, more warm charcoal / burnt umber. */
.vivu-community,.vivu-comments-area,.vivu-comment-form,.vivu-rating-summary,.vivu-server-block,.vivu-episode-grid,.vivu-watch-sources,.vivu-watch-episodes{
  background:linear-gradient(180deg,rgba(49,38,31,.96) 0%,rgba(39,31,27,.96) 100%);
  border-color:rgba(255,146,50,.16);
}
.vivu-country-collections{background:linear-gradient(180deg,rgba(68,45,31,.45),rgba(39,30,26,.28) 62%,transparent 100%)!important}
.vivu-card-media{background:#322720;border-color:rgba(255,147,52,.19)}
.vivu-card h3 a,.vivu-rank-copy h3 a,.vivu-section-head h2{color:#f0e2d5}
.vivu-card p,.vivu-rank-copy p{color:#b8a99b}

/* Hero blends into the warmer site instead of ending in black. */
.vivu-hero{background:#211914}
.vivu-hero-shade{background:linear-gradient(90deg,rgba(28,20,16,.94) 0%,rgba(38,27,21,.70) 31%,rgba(35,25,20,.26) 63%,rgba(28,21,17,.16) 100%),linear-gradient(0deg,#211915 0%,rgba(39,28,22,.34) 28%,transparent 56%),linear-gradient(180deg,rgba(25,18,15,.27),transparent 22%)}

/* Footer HTML block: dark warm continuity with the body instead of a bright cream slab. */
.vivu-custom-footer .pcr-footer-wrap{
  background:linear-gradient(180deg,#30231d 0%,#291e19 52%,#211915 100%)!important;
  border-top:1px solid rgba(255,145,47,.22)!important;
  box-shadow:0 -12px 32px rgba(12,5,2,.18)!important;
  color:#dfd0c2!important;
}
.vivu-custom-footer .pcr-footer-content p{color:#cdbdaf!important}
.vivu-custom-footer .pcr-footer-content strong,.vivu-custom-footer .pcr-footer-content a{color:#ff9b45!important}
.vivu-custom-footer .pcr-footer-tags a{background:rgba(255,244,232,.055)!important;border-color:rgba(255,151,59,.22)!important;color:#f3b274!important}
.vivu-custom-footer .pcr-footer-tags a:hover{background:rgba(242,138,45,.13)!important;color:#ffd0a5!important}
.vivu-custom-footer .pcr-footer-line{background:linear-gradient(90deg,transparent,rgba(255,151,59,.28),transparent)!important}
.vivu-custom-footer .pcr-footer-copy{color:#ad9c8e!important}.vivu-custom-footer .pcr-footer-copy strong{color:#f3a15b!important}
.vivu-custom-footer .pcr-footer-logo img{background:#2f221c!important;border-color:rgba(255,151,59,.22)!important;box-shadow:0 8px 22px rgba(10,4,1,.22)!important}

/* scrollbar */
*{scrollbar-color:#8d5b35 #2a211c}
::-webkit-scrollbar-track{background:#2a211c}
::-webkit-scrollbar-thumb{background:#8d5b35;border-color:#2a211c}
::-webkit-scrollbar-thumb:hover{background:#b66d36}

@media(max-width:1180px){.vivu-search-shell{flex-basis:205px;max-width:205px}.vivu-nav a,.vivu-nav button{padding-inline:7px;font-size:13px}}
@media(max-width:980px){.vivu-search-shell{max-width:none}.vivu-home-banner{padding-top:18px}.vivu-home-banner-link{border-radius:12px}}
@media(max-width:560px){.vivu-home-banner{width:calc(100% - 24px);padding-top:14px;padding-bottom:8px}.vivu-home-banner img{aspect-ratio:16/6}.vivu-home-banner-link{border-radius:10px}}