/* ============================================================
   KinoMix24 — цветовые темы нового дизайна.
   Тема «Кинозал» задана в site.css (:root); здесь — остальные.
   Тема хранится в localStorage («kmTheme») и ставится на <html data-theme>.
   ============================================================ */

/* Полночь — тёмно-синий ночной сеанс, синяя кнопка, лунное золото рейтингов */
html[data-theme="midnight"]{
  --hall-rgb:10,14,22; --screen-rgb:233,238,247; --seat-rgb:76,125,255; --brass-rgb:230,201,143;
  --spill-rgb:170,195,255; --fav-rgb:255,134,160; --fav:#FF86A0;
  --on-seat:#FFFFFF; --on-brass:#141006; --bg-bright:.5; --vignette:rgba(0,0,0,.5);
  --hall:#0A0E16; --velvet:#121926; --velvet-2:#1A2333; --velvet-3:#243046;
  --seat:#4C7DFF; --seat-hi:#6690FF;
  --brass:#E6C98F; --brass-hi:#F2DDB1; --brass-dim:#9C8556;
  --screen:#E9EEF7; --screen-2:#A9B3C6; --screen-3:#717E97;
}

/* Изумруд — зелёный бархат старого театра и позолота */
html[data-theme="emerald"]{
  --hall-rgb:8,17,15; --screen-rgb:236,243,239; --seat-rgb:217,164,65; --brass-rgb:127,209,174;
  --spill-rgb:200,240,220; --fav-rgb:255,140,150; --fav:#FF8C96;
  --on-seat:#161003; --on-brass:#06140F; --bg-bright:.48; --vignette:rgba(0,0,0,.5);
  --hall:#08110F; --velvet:#0F1C19; --velvet-2:#172925; --velvet-3:#213731;
  --seat:#D9A441; --seat-hi:#E8B85A;
  --brass:#7FD1AE; --brass-hi:#A6E2C8; --brass-dim:#4E8A71;
  --screen:#ECF3EF; --screen-2:#A7B9B1; --screen-3:#6F857C;
}

/* Нуар — чёрно-белое кино: только оттенки серого, белая кнопка */
html[data-theme="noir"]{
  --hall-rgb:13,13,13; --screen-rgb:242,242,242; --seat-rgb:242,242,242; --brass-rgb:242,242,242;
  --spill-rgb:255,255,255; --fav-rgb:255,120,120; --fav:#FF7878;
  --on-seat:#0D0D0D; --on-brass:#0D0D0D; --bg-bright:.45; --vignette:rgba(0,0,0,.55);
  --hall:#0D0D0D; --velvet:#171717; --velvet-2:#222222; --velvet-3:#2E2E2E;
  --seat:#F2F2F2; --seat-hi:#FFFFFF;
  --brass:#E6E6E6; --brass-hi:#FFFFFF; --brass-dim:#8C8C8C;
  --screen:#F2F2F2; --screen-2:#ADADAD; --screen-3:#7A7A7A;
}
html[data-theme="noir"] .x-hero-bg img,html[data-theme="noir"] .x-film-bg img{filter:blur(42px) grayscale(1) brightness(.45)}

/* Утренний сеанс — светлая тема для дня */
html[data-theme="matinee"]{
  --hall-rgb:236,238,242; --screen-rgb:23,24,28; --seat-rgb:198,48,63; --brass-rgb:154,107,31;
  --spill-rgb:120,110,140; --fav-rgb:214,69,90; --fav:#D6455A;
  --on-seat:#FFFFFF; --on-brass:#FFFFFF; --bg-bright:1.15; --vignette:transparent;
  --hall:#ECEEF2; --velvet:#FFFFFF; --velvet-2:#F4F5F8; --velvet-3:#E2E5EB;
  --seat:#C6303F; --seat-hi:#B02636;
  --brass:#9A6B1F; --brass-hi:#7E5617; --brass-dim:#C29A55;
  --screen:#17181C; --screen-2:#4A4E57; --screen-3:#767B85;
  --danger-dim:#FBE3E0; --shadow:0 18px 50px rgba(20,22,30,.14); --shadow-2:0 30px 80px rgba(20,22,30,.18);
  color-scheme:light;
}
html[data-theme="matinee"] body.v2::after{opacity:0}
html[data-theme="matinee"] .x-hero-bg img,html[data-theme="matinee"] .x-film-bg img{filter:blur(46px) saturate(1.1) brightness(1.15) opacity(.55)}
html[data-theme="matinee"] .x-hero-poster,html[data-theme="matinee"] .x-film-poster .poster-wrap{box-shadow:0 24px 50px rgba(20,22,30,.25)}
html[data-theme="matinee"] .v2 .movie-poster-wrap{box-shadow:0 10px 24px -12px rgba(20,22,30,.35)}
html[data-theme="matinee"] .x-screen-wrap::after{display:none}
html[data-theme="matinee"] .x-screen{box-shadow:0 30px 70px -30px rgba(20,22,30,.45)}
html[data-theme="matinee"] .v2 .genre-backdrop,html[data-theme="matinee"] .v2 .mnav-backdrop{background:rgba(20,22,30,.35)}
html[data-theme="matinee"] .v2 .search-suggestions,html[data-theme="matinee"] .v2 .user-dropdown,
html[data-theme="matinee"] .v2 .genre-panel,html[data-theme="matinee"] .x-theme-menu{box-shadow:0 24px 60px rgba(20,22,30,.2)}
html[data-theme="matinee"] .v2 .to-top-btn{box-shadow:0 10px 24px rgba(20,22,30,.18)}
html[data-theme="matinee"] .v2 .google-btn{background:#FFFFFF;border:1px solid var(--hair-2)}

/* ---------- переключатель тем ---------- */
.x-theme{position:relative;flex:none}
.x-theme-menu{
  position:absolute;right:0;top:calc(100% + 10px);z-index:400;width:270px;padding:8px;
  background:var(--velvet);border:1px solid var(--hair-2);border-radius:var(--r-m);
  box-shadow:0 24px 60px rgba(0,0,0,.55);display:none;
}
.x-theme.open .x-theme-menu{display:block}
.x-theme-title{margin:6px 10px 8px;font-size:13px;color:var(--screen-3)}
.x-theme-opt{
  width:100%;display:flex;align-items:center;gap:12px;padding:9px 10px;border:none;border-radius:9px;
  background:none;color:var(--screen);font:500 14.5px/1.2 var(--f-ui);text-align:left;cursor:pointer;
}
.x-theme-opt:hover{background:var(--velvet-2)}
.x-theme-opt[aria-checked="true"]{background:var(--velvet-2)}
.x-theme-opt[aria-checked="true"]::after{
  content:"";margin-left:auto;width:7px;height:12px;border-right:2px solid var(--brass);border-bottom:2px solid var(--brass);
  transform:rotate(45deg) translate(-2px,-2px);
}
.x-theme-sw{flex:none;display:flex;width:44px;height:26px;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(127,127,127,.35)}
.x-theme-sw i{flex:1}
.x-theme-sw i:first-child{flex:2}
.x-theme-name{display:flex;flex-direction:column;gap:2px}
.x-theme-name small{font-size:12px;font-weight:400;color:var(--screen-3)}
@media (max-width:768px){
  .x-theme-menu{position:fixed;left:12px;right:12px;top:calc(var(--hdr-h) + 8px);width:auto}
}
.x-theme[hidden]{display:none!important}