/* =========================================================
   Тема «Ночной лес»: тёмный лаунж в духе Timeless.
   Подключается последней и только перекрашивает сайт:
   почти чёрный фон, латунь и сливки, а зелень остаётся
   свечением — как подсветка колец и зеркала в зале.
   Убрать тему = убрать <link> на этот файл.
   ========================================================= */
:root {
  /* ближе к чёрному, как у Ichchi: зелень только в свечении */
  --forest: #060606;
  --forest-2: #0b0b0b;
  --forest-deep: #020202;
  --pine: #0d100e;
  --emerald: #2f7a57;
  --sage: #9cc3a4;
  /* золото — спокойное шампанское, без жёлтого */
  --gold: #c9ad78;
  --gold-hi: #e8d6ae;
  --gold-dark: #c9ad78;
  --gold-grad: linear-gradient(135deg, #b0925f, #ecdcb6 50%, #b0925f);
  --gold-soft: rgba(201, 173, 120, .38);
  --gold-line: rgba(201, 173, 120, .18);
  --linen: #0b0b0b;
  --linen-2: #0b0b0b;
  --card: #121211;
  --text: #ece5d8;
  --muted: rgba(236, 229, 216, .62);
  --cream: #ece5d8;
  --muted-l: rgba(236, 229, 216, .64);
  /* свечение подсветки из зала */
  --glow: rgba(46, 120, 86, .12);
  --glow-strong: rgba(46, 120, 86, .18);
  --warm: rgba(201, 173, 120, .05);
}

/* разделы отделены тонкой латунной линией, как панели на стенах */
main > section + section, .ticker + section { border-top: 1px solid rgba(201, 173, 120, .1); }

/* ---------- шапка, подвал, панели ---------- */
.top.is-solid { background: rgba(5, 5, 5, .9); }
/* фон нужен только полноэкранному мобильному меню, на компьютере пункты лежат прямо на фото */
@media (max-width: 960px) { .nav-open .top, .nav { background: var(--forest); } }
.footer { background: var(--forest-deep); }
.dock { background: rgba(5, 5, 5, .95) !important; }

/* ---------- первый экран: тёмная виньетка и зелёное свечение снизу ---------- */
.hero::before {
  background:
    radial-gradient(42% 48% at 50% 50%, rgba(5, 5, 5, .72), rgba(5, 5, 5, .3) 75%, transparent),
    linear-gradient(90deg, rgba(5, 5, 5, .7), transparent 35%, transparent 65%, rgba(5, 5, 5, .6)),
    linear-gradient(180deg, rgba(5, 5, 5, .75) 0%, rgba(5, 5, 5, .3) 25%, rgba(5, 5, 5, .35) 60%, var(--forest) 100%);
}
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 40%; z-index: -1; pointer-events: none; background: radial-gradient(55% 80% at 50% 100%, var(--glow), transparent 70%); }
.hero__bg img { filter: saturate(.85) brightness(.9); }
.hero__actions .btn--line, .hero__rating { background: rgba(5, 5, 5, .55); }
/* фото зала (увеличено нейросетью): на телефоне — вертикальная версия */
.hero__bg img { object-position: center 25%; }
@media (min-width: 1100px) { .hero__bg img { object-position: center 38%; } }

/* бегущая строка: латунь на чёрном вместо золотой ленты */
.ticker { background: var(--forest-deep); color: var(--gold-hi); border-block: 1px solid var(--gold-line); }
.ticker i { border-color: var(--gold); }

/* ---------- фоны разделов: чёрный + мягкое свечение ---------- */
.about { background: radial-gradient(45% 55% at 92% 30%, var(--glow), transparent 70%), radial-gradient(40% 50% at 5% 90%, var(--warm), transparent 70%), var(--forest); }
.ring--small { border-color: var(--forest); }
.about__note { color: var(--sage); }

.pizza { background: radial-gradient(45% 55% at 72% 50%, rgba(201, 173, 120, .07), transparent 70%), radial-gradient(40% 50% at 8% 10%, var(--glow), transparent 70%), linear-gradient(180deg, var(--forest-2), #070707); }
.pizza__now { background: linear-gradient(135deg, rgba(201, 173, 120, .1), rgba(5, 5, 5, .5)); }
.pizza__list button { background: rgba(5, 5, 5, .5); }
.pizza__timer { box-shadow: 0 0 0 6px rgba(10, 12, 11, .8), 0 10px 30px rgba(0, 0, 0, .5); }
.pizza__size { background: rgba(5, 5, 5, .85); }

.drinks { background: radial-gradient(50% 60% at 85% 40%, var(--warm), transparent 70%), radial-gradient(40% 50% at 0% 0%, var(--glow), transparent 70%), var(--forest-2); }
.dessert { background: var(--card); }

.fmenu { background: #050505; }
.fmenu__bg { opacity: .2; filter: saturate(.9); }
.fmenu::after {
  background: radial-gradient(60% 40% at 50% 0%, rgba(201, 173, 120, .07), transparent 70%),
              radial-gradient(70% 60% at 50% 55%, rgba(8, 9, 8, .6), rgba(5, 5, 5, .96) 85%),
              linear-gradient(180deg, rgba(5, 5, 5, .7), transparent 20%, transparent 80%, rgba(5, 5, 5, .92));
}
.fgroup { background: rgba(17, 17, 16, .9); }
.frow i { border-bottom-color: rgba(201, 173, 120, .25); }
.fgroup small { color: rgba(236, 229, 216, .5); }
.fphoto figcaption { background: linear-gradient(0deg, rgba(5, 5, 5, .92), transparent); }

.promo { background: var(--forest); }
.party { background: var(--card); }

.leisure { background: radial-gradient(50% 50% at 15% 30%, var(--warm), transparent 70%), radial-gradient(40% 50% at 100% 100%, var(--glow), transparent 70%), var(--forest-2); }
.games li { background: rgba(5, 5, 5, .6); color: var(--gold-hi); }
.h-card { background: var(--card); }

.walk { background: radial-gradient(60% 50% at 80% 0%, var(--glow-strong), transparent 70%), var(--forest); }

.contacts { background: var(--forest); }
.map__stub { background: radial-gradient(60% 60% at 50% 40%, var(--glow), transparent 70%), var(--forest-2); }

/* ---------- бывшие светлые разделы: правила и отзывы ---------- */
.is-light { background: var(--forest-2); color: var(--cream); }
.is-light .lead { color: var(--muted-l); }
.more { color: var(--gold-hi); }

.rule { background: var(--card); border-color: var(--gold-line); }
.rule h3 { color: var(--gold-hi); }
.rule p { color: var(--muted-l); }
.rule--gold { background: linear-gradient(160deg, rgba(46, 120, 86, .08), transparent 60%), #0a0a0a; border-color: var(--gold-soft); }
.people th, .people td { border-top-color: rgba(236, 229, 216, .08); }
.people th { color: var(--cream); }
.hourglass, .hourglass::before, .hourglass::after { border-color: var(--gold); }

.reviews { background: radial-gradient(50% 60% at 100% 0%, var(--glow), transparent 70%), var(--forest-2); }
.score b { color: var(--gold-hi); }
.score .stars { color: var(--gold); }
.aspects { background: var(--card); border-color: var(--gold-line); }
.aspect span { color: var(--cream); }
.aspect i { background: rgba(236, 229, 216, .08); }
.aspect i::after { background: linear-gradient(90deg, var(--emerald), var(--gold)); }
.q { background: var(--card); border: 1px solid rgba(201, 173, 120, .1); }

/* ---------- диалоги ---------- */
.js:not(.age-ok) .age { background: radial-gradient(50% 50% at 50% 40%, var(--glow), transparent 70%), rgba(5, 5, 5, .97); }
.age__box, .contact__box, .policy__box { background: var(--forest-2); }
.contact__backdrop, .policy__backdrop { background: rgba(5, 5, 5, .85); }
.cookie { background: rgba(12, 14, 13, .97); }

/* ---------- без жёлтого: логотип, меню и цены в тон шампанского ---------- */
.lockup__name { background-image: linear-gradient(180deg, #f6ecd2 0%, #dcc596 42%, #a58a58 76%, #e3cfa2 100%); }
.lockup__sub { color: var(--gold-hi); }
.btn--gold { box-shadow: 0 8px 26px -12px rgba(201, 173, 120, .6); }
.fmenu { color: #e9dcc0; }
.ftab { color: rgba(233, 220, 192, .55); }
.ftab.is-active, .fgroup li:hover .frow span, .fphoto span { color: #f4ead2; }
.fgroup__note { color: var(--gold); }
.frow span { color: #ece2cb; }
.frow b, .fphoto b, .pizza__price { color: var(--gold-hi); }
.fgroup li:hover .frow b { color: #f4ead2; }
.fmenu__foot { color: rgba(233, 220, 192, .5); }
.pizza__list button { color: rgba(233, 220, 192, .75); }
.about, .drinks, .leisure { --warm: rgba(201, 173, 120, .04); }