@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@400;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');

.dark body {
    background: #222!important;
}
.dark {
    --color-second: rgba(12, 12, 16, 0.5);
    --color-second-light:rgba(18, 18, 24, 0.7);
    --color-second-hover:#1a1a22;

    --color-border:      rgba(198,163,92,0.12);

    --dark-100: #1e1e26;
    --dark-200: #191922;
    --dark-300: #15151d;
    --dark-400: #111118;
    --dark-500: #1e1e26;
    --dark-600: #1e1e26;
    --dark-700: #1e1e26;
    --dark-800: #1e1e26;

    /* Gold palette */
    --gold-dim:    #6b5520;
    --gold-mid:    #b8901e;
    --gold-bright: #d4a832;
    --gold-light:  #f0c84a;
    --gold-glow:   rgba(212,168,50,0.18);

    /* Crimson accent (secondary) */
    --blood-dim:   #3d0a0a;
    --blood-mid:   #7a1010;
    --blood-bright:#c42020;

    /* Arcane accent */
    --arcane:      rgba(120,80,200,0.25);
}

/* ── Шрифты ── */
.dark * {
    letter-spacing: 0.03em;
}
.dark .menu-inner-text,
.dark .btn,
.dark .btn-style701,
.dark .btn-start,
.dark .box-title,
.dark h1, .dark h2, .dark h3, .dark h4,
.dark .divider {
    font-family: 'Cinzel', serif !important;
}

/* ── Скроллбар ── */
* { scrollbar-width: thin; scrollbar-color: #6b5520 #04030a; }
*::-webkit-scrollbar { width: 5px; height: 5px; }
*::-webkit-scrollbar-track { background: #04030a; }
*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #6b5520, #b8901e);
    border-radius: 3px;
}
*::-webkit-scrollbar-thumb:hover { background: #d4a832; }

/* ── Фон ── */
.dark .layout-wrapper, .dark body,
.dark\:bg-gray-800:is(.dark *), .offcanvas:is(.dark *) {
    background: url("images/bg/bg.jpg") no-repeat center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    border-color: rgba(180,140,60,0.06) !important;
}

/* ── Layout page ── */
.dark .layout-page {
    background: rgba(4,3,10,0.88) !important;
    border-radius: var(--border-radius);
    border: 1px solid rgba(180,140,60,0.07);
}

/* ════════════════════════════════════════════════
   БОКОВОЕ МЕНЮ — Ancient Scroll Style
════════════════════════════════════════════════ */
.dark .layout-menu { padding-top: 0; }

.dark .layout-menu .menu-inner-link,
.dark .layout-menu .menu-inner-button {
    height: 46px !important;
    padding: 0 16px 0 20px !important;
    border-radius: 1px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(180, 150, 80, 0.85) !important;
    background: linear-gradient(90deg, rgba(8, 6, 16, 0.6), rgb(6 5 13 / 33%)) !important;
    border-top: 1px solid rgba(180,140,60,.04) !important;
    border-bottom: 1px solid rgba(0,0,0,.5) !important;
    border-left: 2px solid transparent !important;
    border-right: 1px solid rgba(180,140,60,.03) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all .3s cubic-bezier(0.4,0,0.2,1) !important;
}

/* Золотая руна-полоска слева */
.dark .layout-menu .menu-inner-link::before,
.dark .layout-menu .menu-inner-button::before {
    content: '' !important;
    position: absolute !important;
    left: -1px; top: 8px; bottom: 8px; width: 2px;
    background: linear-gradient(180deg,
    transparent 0%,
    var(--gold-dim) 30%,
    var(--gold-bright) 50%,
    var(--gold-dim) 70%,
    transparent 100%
    ) !important;
    opacity: 0.2;
    transition: all .3s ease;
    border-radius: 1px;
}

/* Мерцающий arcane overlay */
.dark .layout-menu .menu-inner-link::after,
.dark .layout-menu .menu-inner-button::after {
    content: '' !important;
    position: absolute !important;
    inset: 0;
    background: linear-gradient(90deg,
    transparent 0%,
    rgba(212,168,50,.06) 40%,
    rgba(212,168,50,.12) 50%,
    rgba(212,168,50,.06) 60%,
    transparent 100%
    );
    opacity: 0;
    transition: opacity .3s ease;
}

.dark .layout-menu .menu-inner-link .w-6,
.dark .layout-menu .menu-inner-button .w-6 {
    color: rgba(180,140,60,.25) !important;
    transition: all .3s ease !important;
}

/* Hover */
.dark .layout-menu .menu-inner-link:hover,
.dark .layout-menu .menu-inner-button:hover {
    color: rgba(240,210,130,.9) !important;
    border-left-color: rgba(212,168,50,.5) !important;
    background: linear-gradient(90deg,
    rgba(15,12,25,0.98),
    rgba(10,8,18,0.95)
    ) !important;
}
.dark .layout-menu .menu-inner-link:hover::before,
.dark .layout-menu .menu-inner-button:hover::before {
    opacity: 1;
    top: 4px; bottom: 4px;
}
.dark .layout-menu .menu-inner-link:hover::after,
.dark .layout-menu .menu-inner-button:hover::after { opacity: 1; }
.dark .layout-menu .menu-inner-link:hover .w-6,
.dark .layout-menu .menu-inner-button:hover .w-6 {
    color: var(--gold-bright) !important;
    filter: drop-shadow(0 0 4px rgba(212,168,50,.4));
    transform: scale(1.1);
}

/* Active */
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button {
    color: var(--gold-light) !important;
    background: linear-gradient(90deg,
    rgba(20,14,6,0.98),
    rgba(12,9,4,0.95)
    ) !important;
    border-left-color: var(--gold-bright) !important;
    border-top-color: rgba(180,140,60,.12) !important;
    box-shadow:
            inset 10px 0 20px rgba(212,168,50,.06),
            inset 0 0 40px rgba(212,168,50,.03) !important;
}
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link::before,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button::before {
    opacity: 1;
    background: linear-gradient(180deg,
    transparent 0%,
    var(--gold-mid) 25%,
    var(--gold-light) 50%,
    var(--gold-mid) 75%,
    transparent 100%
    ) !important;
    box-shadow: 0 0 8px rgba(212,168,50,.5), 0 0 20px rgba(212,168,50,.2) !important;
    width: 2px; left: -1px; top: 0; bottom: 0;
}
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link::after,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button::after {
    opacity: 1;
}
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link .w-6,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button .w-6 {
    color: var(--gold-bright) !important;
    filter: drop-shadow(0 0 6px rgba(212,168,50,.5));
}

/* ── Текст меню ── */
.dark .menu-inner-text {
    font-weight: 600 !important;
    font-size: 10px !important;
    letter-spacing: 3px !important;
    color: inherit;
}

/* ── Разделитель ── */
.dark .border-t.border-dark-200,
.dark li.border-t {
    border-color: rgba(180,140,60,0.08) !important;
    margin: 4px 0 !important;
}
.dark .divider {
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: rgba(180,140,60,0.3) !important;
    padding: 6px 14px 2px !important;
}

/* ── Кнопка свернуть ── */
.dark .menu-bottom .menu-inner-button {
    border-color: rgba(180,140,60,0.08) !important;
    color: rgba(180,140,60,0.3) !important;
    background: transparent !important;
}
.dark .menu-bottom .menu-inner-button:hover {
    color: var(--gold-bright) !important;
    border-color: rgba(212,168,50,0.3) !important;
}

.btn-close div { display: flex !important; }

.dark .layout-menu .menu-heading,
.dark .layout-page .layout-navigation {
    border-color: rgba(180,140,60,0.08) !important;
}
.dark .menu-heading-logo a img { box-shadow: none !important; width: 100%; height: 100%;}
.dark .menu-heading-logo { text-align: center }

@media (min-width: 1024px) {
    .dark .menu-heading { padding: 0; }
}

.dark .js-form-submit-button-loader { display: none !important; }

/* ── Progress bar ── */
.dark .progress {
    background: rgba(180,140,60,0.08) !important;
    border-radius: 1px !important;
    border: 1px solid rgba(180,140,60,0.1) !important;
}
.dark .progress-bar,
.dark .progress-bar--primary {
    background: linear-gradient(90deg, #5a4010, #b8901e, #d4a832, #f0c84a) !important;
    border-radius: 1px !important;
    position: relative;
    overflow: hidden;
}
.dark .progress-bar::after {
    content: '';
    position: absolute;
    top: 0; left: -80%; width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,220,120,0.3), transparent);
    animation: pb-shimmer 2.5s ease-in-out infinite;
}
@keyframes pb-shimmer { from { left: -80%; } to { left: 140%; } }

/* ── Server info ── */
#server-info .status-s,
#server-info [class*="status-s"] {
    background: var(--color-second) !important;
    border: 1px solid rgba(180,140,60,0.15) !important;
    border-radius: 2px !important;
    box-shadow:
            inset 0 0 30px rgba(212,168,50,.04),
            0 0 0 0 transparent !important;
    position: relative;
    overflow: hidden;
}
#server-info .status-s::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212,168,50,.6), transparent);
}

.dark .radial-progress { color: var(--gold-bright) !important; }

/* ════════════════════════════════════════════════
   КАРТОЧКИ — Obsidian Tablet Style
════════════════════════════════════════════════ */
.box:is(.dark *) {
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid rgba(180,140,60,0.08);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: rgba(5,4,12,0.92) !important;
}

/* Верхняя золотая линия — тонкая */
.box:is(.dark *)::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg,
    transparent 0%,
    rgba(180,140,60,0.2) 20%,
    rgba(212,168,50,0.5) 50%,
    rgba(180,140,60,0.2) 80%,
    transparent 100%
    );
    pointer-events: none;
}

/* Угловые рунические акценты */
.box:is(.dark *)::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
            linear-gradient(to right,  rgba(212,168,50,0.3) 8px, transparent 8px) top left    / 8px 1px  no-repeat,
            linear-gradient(to bottom, rgba(212,168,50,0.3) 8px, transparent 8px) top left    / 1px 8px  no-repeat,
            linear-gradient(to left,   rgba(212,168,50,0.3) 8px, transparent 8px) top right   / 8px 1px  no-repeat,
            linear-gradient(to bottom, rgba(212,168,50,0.3) 8px, transparent 8px) top right   / 1px 8px  no-repeat,
            linear-gradient(to right,  rgba(212,168,50,0.2) 6px, transparent 6px) bottom left / 6px 1px  no-repeat,
            linear-gradient(to top,    rgba(212,168,50,0.2) 6px, transparent 6px) bottom left / 1px 6px  no-repeat,
            linear-gradient(to left,   rgba(212,168,50,0.2) 6px, transparent 6px) bottom right/ 6px 1px  no-repeat,
            linear-gradient(to top,    rgba(212,168,50,0.2) 6px, transparent 6px) bottom right/ 1px 6px  no-repeat;
    pointer-events: none;
    border-radius: 2px;
}

.dark .box, .dark .box-donate { background: var(--color-second) !important; }
:is(.dark .box-donate) { background: transparent !important; }
.dark .layout-page,
.dark .box-donate,
:is(.dark .bg-ava),
.dark .modal-content {
    background-color: var(--color-second) !important;
}
.dark .box-title {
    border-color: rgba(180,140,60,0.10) !important;
    letter-spacing: 2px;
}
.btn {
    font-size: 18px;
}
/* ════════════════════════════════════════════════
   КНОПКИ — Ornate Sigil Frame
════════════════════════════════════════════════ */

.dark .btn-style701,
.dark .btn-start,
.dark .btn {
    font-weight: 700 !important;
    font-size: 10px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(200,165,70,.65) !important;

    background:
            linear-gradient(180deg,
            rgba(14,11,6,0.98) 0%,
            rgba(8,6,3,0.98) 50%,
            rgba(14,11,6,0.98) 100%
            ) !important;

    border-top: 1px solid rgba(180,140,60,.25) !important;
    border-bottom: 1px solid rgba(180,140,60,.25) !important;
    border-left: 1px solid rgba(180,140,60,.12) !important;
    border-right: 1px solid rgba(180,140,60,.12) !important;

    border-radius: 1px !important;
    padding: 0 22px !important;
    height: 42px;

    position: relative;
    overflow: hidden;
    transition: all .35s cubic-bezier(0.4,0,0.2,1) !important;
    clip-path: polygon(
            0 6px, 6px 0,
            calc(100% - 6px) 0, 100% 6px,
            100% calc(100% - 6px), calc(100% - 6px) 100%,
            6px 100%, 0 calc(100% - 6px)
    ) !important;
}

/* Угловые золотые засечки — четыре угла */
.dark .btn-style701::before,
.dark .btn-start::before,
.dark .btn::before {
    content: '' !important;
    position: absolute !important;
    inset: 0;
    background:
        /* TL */ linear-gradient(to right,  rgba(212,168,50,.45) 10px, transparent 10px) 0 0    / 10px 1px no-repeat,
    linear-gradient(to bottom, rgba(212,168,50,.45) 10px, transparent 10px) 0 0    / 1px 10px no-repeat,
        /* TR */ linear-gradient(to left,   rgba(212,168,50,.45) 10px, transparent 10px) 100% 0 / 10px 1px no-repeat,
    linear-gradient(to bottom, rgba(212,168,50,.45) 10px, transparent 10px) 100% 0 / 1px 10px no-repeat,
        /* BL */ linear-gradient(to right,  rgba(212,168,50,.45) 10px, transparent 10px) 0 100% / 10px 1px no-repeat,
    linear-gradient(to top,    rgba(212,168,50,.45) 10px, transparent 10px) 0 100% / 1px 10px no-repeat,
        /* BR */ linear-gradient(to left,   rgba(212,168,50,.45) 10px, transparent 10px) 100% 100% / 10px 1px no-repeat,
    linear-gradient(to top,    rgba(212,168,50,.45) 10px, transparent 10px) 100% 100% / 1px 10px no-repeat;
    pointer-events: none;
    transition: opacity .35s ease;
    opacity: .6;
}

/* Центральный свет-shimmer */
.dark .btn-style701::after,
.dark .btn-start::after,
.dark .btn::after {
    content: '' !important;
    position: absolute !important;
    top: 0; left: -100%; right: -100%; bottom: 0;
    background: linear-gradient(
            90deg,
            transparent 35%,
            rgba(212,168,50,.08) 50%,
            transparent 65%
    );
    opacity: 0;
    transition: opacity .35s ease, transform 0s;
}

/* HOVER */
.dark .btn-style701:hover,
.dark .btn-start:hover,
.dark .btn:hover {
    color: var(--gold-light) !important;
    background:
            linear-gradient(180deg,
            rgba(20,15,5,0.99) 0%,
            rgba(14,10,3,0.99) 50%,
            rgba(20,15,5,0.99) 100%
            ) !important;
    border-top-color: rgba(212,168,50,.55) !important;
    border-bottom-color: rgba(212,168,50,.55) !important;
    border-left-color: rgba(212,168,50,.25) !important;
    border-right-color: rgba(212,168,50,.25) !important;
    box-shadow:
            0 0 14px rgba(212,168,50,.12),
            inset 0 0 20px rgba(212,168,50,.05) !important;
    text-shadow: 0 0 10px rgba(240,200,80,.3);
}
.dark .btn-style701:hover::before,
.dark .btn-start:hover::before,
.dark .btn:hover::before { opacity: 1; }
.dark .btn-style701:hover::after,
.dark .btn-start:hover::after,
.dark .btn:hover::after {
    opacity: 1;
    animation: btn-sweep .6s ease forwards;
}
@keyframes btn-sweep {
    from { transform: translateX(-60%); }
    to   { transform: translateX(60%); }
}

/* ACTIVE */
.dark .btn-style701:active,
.dark .btn-start:active,
.dark .btn:active {
    transform: translateY(1px) scale(0.99);
    box-shadow:
            0 0 8px rgba(212,168,50,.08),
            inset 0 0 16px rgba(212,168,50,.08) !important;
}

/* ── Вторичные кнопки ── */
.dark .btn-close,
.dark .accordion-btn,
.dark .btn-donate,
.dark .floating-button {
    background: linear-gradient(180deg, rgba(10,8,16,0.5), rgba(6,5,10,0.5)) !important;
    border: 1px solid rgba(180,140,60,.1) !important;
    border-radius: 1px !important;
    transition: all .3s ease !important;
}
.dark .btn-close:hover,
.dark .btn-donate:hover,
.dark .floating-button:hover {
    background: linear-gradient(180deg, rgba(14,11,5,0.5), rgba(9,7,3,0.5)) !important;
    border-color: rgba(212,168,50,.3) !important;
    box-shadow: 0 0 10px rgba(212,168,50,.1) !important;
}

.dark .btn-dashboard { padding: 0 24px !important; }
.dark .accordion-header button,
.dark .btn-pay { background-size: cover !important; }

/* Reset конфликты */
.dark .btn,
.dark tr,
.dark .table-list thead > tr > td,
.dark .table-list tbody > tr > td,
.btn:is(.dark *),
.form-input:is(.dark *),
.form-textarea:is(.dark *),
.form-select:is(.dark *),
.form-multiselect:is(.dark *),
.form-file-upload:is(.dark *),
.choices[data-type*=select-one] .choices__input,
.alert:is(.dark *),
fieldset:is(.dark *),
.dark .choices {
    box-shadow: none !important;
}

/* ════════════════════════════════════════════════
   ТАБЛИЦЫ
════════════════════════════════════════════════ */
.dark .table-list, :is(.dark .bgs-ava:hover), .dark .modal {
    background: rgba(0,0,0,0.5) !important;
}
.dark tr, .dark .table-list thead > tr > td,
.dark .table-list tbody > tr > td,
.btn:is(.dark *), .form-input:is(.dark *), .form-textarea:is(.dark *),
.form-select:is(.dark *), .form-multiselect:is(.dark *), .form-file-upload:is(.dark *),
.choices[data-type*=select-one] .choices__input, .alert:is(.dark *),
fieldset:is(.dark *), .dark .choices {
    border: 1px solid rgba(180,140,60,0.07) !important;
}
.dark .table-list thead > tr > td {
    background: rgba(12,9,3,0.9) !important;
    color: rgba(200,165,70,.6) !important;
    font-size: 9px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(212,168,50,.15) !important;
}
.dark .table-list tbody > tr:hover > td {
    background: rgba(212,168,50,.035) !important;
}

/* ════════════════════════════════════════════════
   ФОРМЫ
════════════════════════════════════════════════ */
input::placeholder { color: rgba(180,140,60,.2) !important; }
.dark input, .dark textarea, .dark select {
    background: var(--color-second) !important;
    border: 1px solid rgba(180,140,60,.12) !important;
    color: rgba(220,185,100,.8) !important;
    border-radius: 1px !important;
    transition: border-color .25s ease, box-shadow .25s ease;
}
.dark input:focus, .dark textarea:focus, .dark select:focus {
    border-color: rgba(212,168,50,.35) !important;
    box-shadow: 0 0 0 2px rgba(212,168,50,.07), inset 0 0 10px rgba(212,168,50,.03) !important;
    outline: none;
}
.form-group.form-group-expansion .expansion-wrapper:is(.dark *),
.dark .form-switcher-toggler, .dark .accordion-content,
.choices .choices__list--dropdown:is(.dark *),
.choices .choices__list[aria-expanded]:is(.dark *) {
    border-color: rgba(180,140,60,.1) !important;
    background-color: var(--color-second) !important;
}
.form-switcher .peer:checked + .form-switcher-toggler:is(.dark *) {
    background: rgba(30,20,5,0.9) !important;
    border-color: rgba(212,168,50,0.4) !important;
}

/* ── Модалки ── */
.dark .modal-content {
    border: 1px solid rgba(180,140,60,.12) !important;
    border-radius: 2px !important;
}
.modal-header:is(.dark *) {
    border-bottom: 1px solid rgba(180,140,60,0.1) !important;
}

/* ── Dropdown ── */
.dark .dropdown-content {
    background: rgba(5,4,10,0.98) !important;
    border: 1px solid rgba(180,140,60,.12) !important;
    border-radius: 2px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.9), 0 0 20px rgba(212,168,50,.04) !important;
}

/* ── Range slider ── */
.dark .irs--round .irs-bar    { background: rgba(180,140,60,.45) !important; }
.dark .irs--round .irs-handle { border: 3px solid rgba(212,168,50,.6) !important; }

/* ── HR ── */
.dark hr, hr.divider {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(180,140,60,.2), transparent) !important;
}
.dark .report-card-body hr { background: rgba(180,140,60,.08) !important; }
.dark body, .dark\:bg-gray-800:is(.dark *), .offcanvas:is(.dark *) {
    border-color: rgba(180,140,60,.05) !important;
}
@media (min-width: 1024px) {
    .dark .menu-heading {
        margin-top: 20px!important;
        padding-bottom: 10px!important;
    }
}
@media (max-width: 1024px) {
    .menu._is-opened {
        padding: 10px;
    }
}
/* ── Breadcrumbs ── */
.dark .p-breadcrumbs > li:last-child a::after,
.dark .p-breadcrumbs > li:last-child a::before { background: var(--dark-400) !important; }
.dark .p-breadcrumbs > li a::after,
.dark .p-breadcrumbs > li a::before            { background: var(--dark-600) !important; }

/* ── Misc ── */
.dark .d34 { background: rgba(8,6,16,0.95) !important; }
.dark .block-container:not(.block-container--noStripRadius) { background: var(--dark-600); }

/* ── TinyMCE ── */
.dark .tinymce .tox-tinymce:is(.dark *),
.tinymce .tox:not(.tox-tinymce-inline) .tox-editor-header:is(.dark *),
.tinymce .tox .tox-statusbar:is(.dark *) {
    background: var(--dark-600);
    border: 1px solid rgba(180,140,60,0.08);
}

/* ── Tippy tooltips ── */
.tippy-box {
    background: linear-gradient(145deg, #0c0a1a, #070512) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    color: rgba(200,165,70,.85) !important;
    border: 1px solid rgba(180,140,60,.2) !important;
    border-radius: 1px !important;
    box-shadow: 0 0 18px rgba(212,168,50,.1) !important;
    padding: 6px 14px !important;
}
.tippy-arrow { width: 12px; height: 12px; }
.tippy-arrow::before {
    background: #0c0a1a !important;
    border: 1px solid rgba(180,140,60,.15);
}

/* ── Layout gap ── */
.dark .layout-wrapper .layout-menu > *:is(.dark *),
.layout-wrapper .layout-menu-horizontal > *:is(.dark *),
.layout-wrapper .layout-menu-mobile > *:is(.dark *) {
    gap: 2px !important;
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .dark .menu-heading { background: var(--dark-400) !important; }
    .dark ._is-opened   { background: var(--dark-500) !important; }
}
@media (max-width: 1023px) {
    .dark .layout-wrapper .layout-menu > *:is(.dark *),
    .layout-wrapper .layout-menu-horizontal > *:is(.dark *),
    .layout-wrapper .layout-menu-mobile > *:is(.dark *) {
        margin-top: 0;
        box-sizing: border-box;
        border-radius: 2px;
        border: 1px solid rgba(180,140,60,.07);
    }
    ._is-opened { margin-top: 30px !important; }
}

.dark .menu-inner-link::before,
.dark .menu-inner-button::before {
    height: 45px;
}

/* ════════════════════════════════════════════════
   ДЕКОРАТИВНЫЕ ЭЛЕМЕНТЫ — Arcane Runes
════════════════════════════════════════════════ */

/* Золотое свечение на активных/hover элементах */
@keyframes gold-pulse {
    0%, 100% { opacity: .6; }
    50%       { opacity: 1; }
}

/* Shimmer sweep по карточкам при hover */
.box:is(.dark *):hover::before {
    background: linear-gradient(90deg,
    transparent 0%,
    rgba(212,168,50,.15) 30%,
    rgba(240,200,80,.35) 50%,
    rgba(212,168,50,.15) 70%,
    transparent 100%
    );
}

/* Заголовки */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5 {
    color: rgba(220,185,100,.85) !important;
    letter-spacing: 2px;
}

/* Ссылки */
.dark a {
    color: rgba(200,165,70,.7) !important;
    transition: color .2s ease, text-shadow .2s ease;
}
.dark a:hover {
    color: var(--gold-light) !important;
    text-shadow: 0 0 8px rgba(240,200,80,.3);
}

/* Badges / теги */
.dark .badge {
    font-size: 8px !important;
    letter-spacing: 2px !important;
    border-radius: 1px !important;
    background: rgba(14,10,3,.95) !important;
    border: 1px solid rgba(180,140,60,.2) !important;
    color: rgba(200,165,70,.8) !important;
}