/* VMV V7.1 — COLOR RESTORATION + POLISH
   Keeps the V7 structure, navigation hierarchy and motion intact.
   Restores the pre-V7 VMV palette: deep navy / old gold / warm ivory.
*/
:root{
  --rail:94px;
  --navy:#04101b;
  --navy2:#071a2a;
  --navy3:#0d2538;
  --ink:#f5f2ea;
  --ivory:#f4f1e8;
  --paper:#fbfaf6;
  --paper2:#f3f1eb;
  --text:#17212a;
  --muted:#8b98a4;
  --gold:#b98a39;
  --gold2:#d6b15b;
  --line:rgba(245,242,234,.13);
  --line-dark:rgba(23,33,42,.14);
}

html,body{background:var(--navy)}
body{color:var(--ink)}

/* LEFT RAIL — old VMV navy instead of white */
.side-rail{
  background:linear-gradient(180deg,#071927 0%,#04101b 62%,#020a11 100%);
  color:var(--ivory);
  box-shadow:1px 0 0 rgba(214,177,91,.18),10px 0 40px rgba(0,0,0,.14);
}
.rail-brand span{color:#d8c48d}
.rail-menu i{background:var(--ivory)}
.rail-search{color:#d5d9dc}
.rail-lang{color:#82909b}
.rail-lang strong{color:var(--gold2)}
.rail-lang i{color:#61717c}
.rail-brand img{filter:drop-shadow(0 7px 16px rgba(0,0,0,.35))}

/* menu-open rail — heritage gold, less bright than V7 */
body.menu-open .side-rail{
  background:linear-gradient(180deg,#c69b49 0%,#b98a39 52%,#8e6425 100%);
  color:#fffaf0;
  box-shadow:1px 0 0 rgba(255,255,255,.18),12px 0 42px rgba(0,0,0,.12);
}
body.menu-open .rail-brand img{filter:brightness(0) invert(1) drop-shadow(0 6px 13px rgba(0,0,0,.12))}
body.menu-open .rail-lang{color:rgba(255,250,240,.66)}
body.menu-open .rail-lang strong{color:#fffaf0}

/* FULLSCREEN STAGE — restore old blue-black character */
.stage{background:linear-gradient(135deg,#02080e 0%,#04101b 48%,#071a2a 100%)}
.scene-shade{
  background:
    linear-gradient(90deg,rgba(2,8,15,.66) 0%,rgba(4,16,27,.18) 44%,rgba(4,16,27,.25) 100%),
    linear-gradient(180deg,rgba(0,0,0,.18),transparent 49%,rgba(1,7,12,.58));
}
.scene-topline{color:rgba(245,242,234,.78)}
.scene-label{color:#ddc27a}
.scene-copy h1{color:var(--ink)}
.scene-copy h1 em{color:#fff}
.scene-copy-center h1 em{color:#ecd89d}
.scene-sub{color:rgba(245,242,234,.80)}
.scene-pagination button{border-color:rgba(245,242,234,.62)}
.scene-pagination button.active{background:var(--gold2);border-color:var(--gold2);box-shadow:0 0 0 5px rgba(214,177,91,.11)}
.scene-cue{color:#d7dde1}.scene-cue i{background:rgba(214,177,91,.55)}

/* MENU CANVAS — warm ivory from previous VMV palette, not pure white */
.mega-menu{background:var(--paper);color:var(--text)}
.mega-menu:before{
  background:
    radial-gradient(circle at 84% 64%,rgba(185,138,57,.055),transparent 29%),
    linear-gradient(90deg,rgba(251,250,246,.995),rgba(244,241,232,.985));
}
.mega-watermark{opacity:.048;filter:grayscale(1) sepia(.18);}
.mega-item{color:#9ca1a2}
.mega-item:hover,.mega-item.active,.mega-item.sub-active{color:var(--gold);}
.mega-secondary-links a{color:#9ca1a3}.mega-secondary-links a:hover{color:#27323a}
.submenu-rule{background:rgba(185,138,57,.28)}
.mega-submenu button{color:#37454f}.mega-submenu button:hover{color:var(--gold)}

/* DETAIL SPACE — same warm editorial system as V6 */
.detail-page{background:var(--paper);color:var(--text)}
.detail-topbar{background:rgba(251,250,246,.95);border-color:rgba(23,33,42,.10)}
.detail-progress{background:#ddd9cf}.detail-progress i{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.detail-nav{background:var(--paper);border-color:rgba(23,33,42,.10)}
.panel-index,.feature-grid article small,.people-grid article small,.cinema-card small,.timeline article small{color:var(--gold)}
.panel-loading{color:var(--gold)}
.panel-loading span:after{background:var(--gold)}

/* extra V7.1 polish without changing layout */
.rail-menu,.rail-search,.rail-lang,.mega-item,.mega-submenu button,.detail-close,.detail-nav button{
  -webkit-tap-highlight-color:transparent;
}
.rail-menu:hover i{width:38px}
.mega-item:focus-visible,.mega-submenu button:focus-visible,.rail-menu:focus-visible,.rail-search:focus-visible,.rail-lang:focus-visible{
  outline:1px solid var(--gold2);outline-offset:5px;
}

@media (max-width:780px){
  .side-rail{background:rgba(4,16,27,.97);backdrop-filter:blur(16px)}
  body.menu-open .side-rail{background:linear-gradient(180deg,#c69b49,#9b702c)}
}
