/* =======================================================
   1. ШРИФТ САЙТА
   ======================================================= */
@font-face {
    font-family: 'Lineage2';
    src: url('../fonts/lineage2font.ttf');
}

:root {
    --font-main: 'Lineage2', sans-serif;
    --font-second: 'Lineage2', sans-serif;
}


/* =======================================================
   2. СКРЫТИЕ ЛИШНИХ БЛОКОВ
   ======================================================= */

.streams,
.content__streams,
.about,
.about__rates,
.rate,
.about__desc,
.events,
.event,
.content__events,
.sidebar__servers .heading,
.title {
    display: none;
}

/* --- УБИРАЕМ ТОЛЬКО ТЕКСТ, А НЕ СТРОКУ --- */
.sidebar__st .top__header .top__content {
    visibility: hidden;
}

/* =======================================================
   3. БЛОК СЕРВЕРА / ПОЛОСА / ШКАЛА
   ======================================================= */

/* внешний блок сервера */
.servers__server.server_whole {
    display: inline-block;
    height: auto;
    min-height: 0;
    padding: 0;
    background: transparent;
    border: 0;
    position:relative;
}

/* основной блок сервера */
.server_whole {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    min-height: 0;
    line-height: 0;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    box-shadow: none;
    text-align: center;
}

/* картинка шкалы */
.server_whole__img {
    display: block;
    width: 100%;
    max-width: 760px;
    height: auto;
    margin: 0 auto;
    pointer-events: none;
}

/* щит поверх шкалы */
.shield {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(calc(-83% + (89% * var(--shield-online, 0) / 100)), -50%);
    width: 60%;
    max-width: 500px;
    min-width: 180px;
    height: auto;
    z-index: 20;
    pointer-events: none;
}


/* =======================================================
   4. ПРОЗРАЧНОСТЬ БЛОКА ТОПА / РЕЙТИНГА
   ======================================================= */

/* прозрачный фон блока */
.top,
.top__body,
.top__rw,
.top__header {
    background: transparent;
    box-shadow: none;
}

/* убрать рамки */
.top__body,
.top__rw,
.top__header {
    border: 0;
}

/* оставить текст видимым */
.top__num,
.top__name,
.top__total,
.top__content,
.top__header .top__content {
    opacity: 1;
    color: inherit;
}

/* убрать затемнение при наведении */
.top__rw:not(.top__header):hover {
    background: transparent;
}


/* =======================================================
   5. КНОПКИ КЛАН / PVP / PK
   ======================================================= */
.rating__btn {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.25);
    color: #000000;
    box-shadow: none;
}

/* --- УБИРАЕМ ВСЕ РАМКИ У КНОПОК --- */
.rating__btn,
.rating__btn[data-rating-select="true"],
.rating__btn:hover {
    background: transparent;
    border: none;
    color: #000000;
    box-shadow: none;
}

/* hover */
.rating__btn:hover {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    color: #000000;
}

/* боковой блок рейтинга */
.sidebar .top__header {
    background: transparent;
    border: 0;
}

.sidebar .rating__btn {
    background: transparent;
}


/* =======================================================
   6. СЕЛЕКТ СЕРВЕРА (DILLISA x1)
   ======================================================= */
.st__select {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    color: #000000;
    pointer-events: none;
}


/* =======================================================
   7. ШРИФТЫ И ЦВЕТ ТЕКСТА
   ======================================================= */
.top__header .top__content {
    font-family: Lineage2;
}

.menu__item,
.lbtn,
.btn,
.top__name,
.top__content,
.rating__btn,
.st__select,
.fnav__link,
.fnav__header,
.footer,
.footer * {
    color: #000000;
}


/* =======================================================
   8. КОНТАКТЫ В ФУТЕРЕ  блок контактов с сервером и со мной телеграмм вк ютуб и так далее. 
   ======================================================= */
.footer__contacts {
    position: absolute;
    right: 850px;
    bottom: 30px;
}


/* =======================================================
   9. ЛОГОТИП САЙТА верхний блок
   ======================================================= */
.logo {
    width: 350px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.logo img {
    max-width: 150%;
    max-height: 150%;
    object-fit: contain;
}

/* ======================================================
   НАСТРОЙКА ВЕРХНЕГО БЛОКА САЙТА
   logo / меню / кабинет / язык
   Меняй только значения ниже
   ====================================================== */

:root {
    /* ---------- LOGO ---------- */
    --top-logo-width: 350px;
    --top-logo-height: 100px;

    /* ---------- ОСНОВНОЕ МЕНЮ ----------
       Чертог / Хроники / Призыв / Файлы / Форум / Жертва */
    --top-menu-font-size: 14px;              /* размер букв */
    --top-menu-letter-spacing: 1px;          /* расстояние между буквами */
    --top-menu-line-height: 1.2;             /* высота строки */
    --top-menu-font-weight: 700;             /* 400 / 500 / 600 / 700 / 800 */
    --top-menu-text-color: #f2c46d;          /* основной цвет текста */
    --top-menu-text-shadow:
        0 0 2px #000,
        0 0 6px rgba(255,180,80,0.45);       /* четкость + легкое свечение */

    /* ---------- HOVER ДЛЯ МЕНЮ ---------- */
    --top-menu-hover-text-color: #ffd27a;    /* цвет при наведении */
    --top-menu-hover-text-shadow:
        0 0 3px #000,
        0 0 10px rgba(255,180,80,0.70);      /* усиленное свечение */

    /* ---------- ИКОНКИ МЕНЮ ---------- */
    --top-menu-icon-size: 48px;              /* размер иконки */
    --top-menu-icon-gap: -2px;                /* отступ между иконкой и текстом */

    /* ---------- КАБИНЕТ ---------- */
    --top-account-font-size: 20px;
    --top-account-letter-spacing: 1px;
    --top-account-line-height: 1.2;
    --top-account-font-weight: 700;
    --top-account-text-color: #f2c46d;
    --top-account-text-shadow:
        0 0 2px #000,
        0 0 6px rgba(255,180,80,0.35);
    /* ---------- ИКОНКА КАБИНЕТА ---------- */
    --top-account-icon-size: 48px;   /* размер иконки */
    --top-account-icon-gap: -15px;     /* расстояние до текста */

    /* ---------- HOVER ДЛЯ КАБИНЕТА ---------- */
    --top-account-hover-text-color: #ffd27a;
    --top-account-hover-text-shadow:
        0 0 3px #000,
        0 0 10px rgba(255,180,80,0.65);

    /* ---------- ЯЗЫК ----------
       ru. / English */
    --top-lang-font-size: 16px;
    --top-lang-letter-spacing: 0.5px;
    --top-lang-line-height: 1.2;
    --top-lang-font-weight: 500;
    --top-lang-text-color: #e6dcc5;
    --top-lang-text-shadow:
        0 0 2px rgba(0,0,0,0.65);

    /* ---------- HOVER ДЛЯ ЯЗЫКА ---------- */
    --top-lang-hover-text-color: #ffffff;
    --top-lang-hover-text-shadow:
        0 0 3px rgba(0,0,0,0.85),
        0 0 8px rgba(255,255,255,0.30);
}


/* ======================================================
   LOGO
   ====================================================== */
.logo {
    width: var(--top-logo-width);
    height: var(--top-logo-height);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.logo img {
    max-width: 150%;
    max-height: 150%;
    object-fit: contain;
}


/* ======================================================
   МЕНЮ
   ====================================================== */
.menu__item {
    display: flex;
    align-items: center;
    color: var(--top-menu-text-color);
}

.menu__content {
    font-size: var(--top-menu-font-size);
    letter-spacing: var(--top-menu-letter-spacing);
    line-height: var(--top-menu-line-height);
    font-weight: var(--top-menu-font-weight);
    color: var(--top-menu-text-color);
    text-shadow: var(--top-menu-text-shadow);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}


/* ======================================================
   ИКОНКИ МЕНЮ
   ====================================================== */
.menu-icon {
    flex: none;
    margin-right: var(--top-menu-icon-gap);
}

.menu-icon img {
    width: var(--top-menu-icon-size);
    height: var(--top-menu-icon-size);
    display: block;
}


/* ======================================================
   КНОПКА КАБИНЕТА
   ====================================================== */
.navigation__lbtn {
    display: flex;
    align-items: center;
    color: var(--top-account-text-color);
}

.lbtn__content {
    font-size: var(--top-account-font-size);
    letter-spacing: var(--top-account-letter-spacing);
    font-weight: var(--top-account-font-weight);
    color: var(--top-account-text-color);
    text-shadow: var(--top-account-text-shadow);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}


/* ======================================================
   ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКА
   ====================================================== */
.navigation__language,
.navigation__language a,
.navigation__language span,
.navigation__language div {
    font-size: var(--top-lang-font-size);
    letter-spacing: var(--top-lang-letter-spacing);
    font-weight: var(--top-lang-font-weight);
    color: var(--top-lang-text-color);
    text-shadow: var(--top-lang-text-shadow);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}
/* =======================================================
   10. МЕНЮ + ИКОНКИ ПЕРЕД ПУНКТАМИ
   ======================================================= */

/* выравнивание пункта меню и кнопки кабинета */
.menu__item,
.navigation__lbtn {
    display: flex;
    align-items: center;
}

/* контейнер иконки */
.menu-icon {
    flex: none;
}

/* сама иконка */
.menu-icon img {
    width: 48px;
    height: 48px;
    display: block;
}
/* =======================================================
HOVER эффект меню 
======================================================= */
.menu__item:hover .menu__content {
    color: #ffd27a;
    text-shadow: 
        0 0 3px #000,
        0 0 8px rgba(255,180,80,0.7);
}

/* ======================================================
   КАБИНЕТ — ИКОНКА (размер + расстояние до текста)
   ====================================================== */

.navigation__lbtn .menu-icon {
    margin-right: var(--top-account-icon-gap);
}

.navigation__lbtn img {
    width: var(--top-account-icon-size);
    height: var(--top-account-icon-size);
}

/* ЛЁГКАЯ АНИМАЦИЯ ОГНЯ под текстом */
.navigation__lbtn .lbtn__content {
    text-shadow:
        0 0 3px #000,
        0 0 6px rgba(255,140,0,0.7),
        0 0 12px rgba(255,80,0,0.5);

    animation: fireGlow 1.5s infinite alternate;
}

@keyframes fireGlow {
    0% {
        text-shadow:
            0 0 3px #000,
            0 0 6px rgba(255,140,0,0.6),
            0 0 10px rgba(255,80,0,0.4);
    }
    100% {
        text-shadow:
            0 0 4px #000,
            0 0 10px rgba(255,160,0,0.9),
            0 0 16px rgba(255,100,0,0.7);
    }
}

/* --- КАРТА КАК ЛИСТ (О СЕРВЕРЕ) --- */
.map__paper {
    background: url('/template/KnightDesert/images/about/map.png') no-repeat center top !important;
    background-size: 100% 100% !important;

    width: 800px;
    max-width: none !important;

    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);

    height: 920px;

    padding: 200px 90px 90px 90px;

    border: none !important;
    box-shadow: none !important;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: flex-start; /* ВОТ КЛЮЧ */
}

.map__text {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;

    color: #22150b;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 700;

    text-shadow:
        0 1px 0 rgba(255,255,255,0.38),
        0 0 1px rgba(0,0,0,0.55),
        0 0 3px rgba(255,255,255,0.12);

    text-align: left;
}

.map__text h4 {
    color: #130b05;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.4px;
    margin: 0 0 12px 0;
    text-align: center;

    text-shadow:
        0 1px 0 rgba(255,255,255,0.42),
        0 0 2px rgba(0,0,0,0.65);
}

.map__text p {
    margin: 0 0 12px 0;
}

.map__text ul {
    margin: 6px 0 14px 18px;
    padding: 0;
}

.map__text li {
    margin-bottom: 4px;
}

.map__text h4.map__big {
    font-size: 30px !important;
    line-height: 1.25;
}

.map__list {
    text-align: center;
    line-height: 1.7;
    font-weight: 700;
    text-shadow:
        0 1px 0 rgba(255,255,255,0.34),
        0 0 1px rgba(0,0,0,0.5);
}

/* ===== ФОН СТАТИСТИКИ ВНУТРИ КОНТЕЙНЕРА ===== */
.sidebar__st.st {
    position: relative;
}

/* сам фон */
.sidebar__st.st::before {
    content: "";
    position: absolute;

    /* ДВИЖЕНИЕ ФОНА */
    top: 40px;     /* вниз / вверх */
    left: -60px;    /* вправо / влево */

    /* РАЗМЕР ФОНА */
    width: 570px;
    height: 470px;

    background: url('/template/KnightDesert/images/bg/bg__statistics.png') no-repeat center top;

    /* КЛЮЧ — теперь можно масштабировать */
    background-size: 100% 100%;

    pointer-events: none;
    z-index: 0;
}

/* --- БЛОК ВЫБОРА СЕРВЕРА (DILLISA x1) --- */
.sidebar__st .st__select {
    position: absolute; /* позиционирование внутри контейнера статистики */
    top: 82px; /* смещение по вертикали (двигает вверх/вниз) */
    left: 100px;/* смещение по горизонтали (двигает влево/вправо) */
    width: 120px;/* ширина блока (насколько он растянут) */
    height: 38px;/* высота блока */
    font-size: 16px;/* размер текста внутри */
    line-height: 22px;/* вертикальное выравнивание текста внутри блока */
    text-align: center;/* выравнивание текста по горизонтали */
    font-weight: 700;   /* ← жирный текст */
}

/* --- КНОПКА CLAN --- */
.sidebar__st .rating__btn:nth-child(1) {
    position: absolute;
    top: -49px;
    left: -60px;
    width: 80px;
    height: 38px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
}

/* --- КНОПКА PvP --- */
.sidebar__st .rating__btn:nth-child(2) {
    position: absolute;
    top: -47px;
    left: -5px;
    width: 80px;
    height: 38px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
}

/* --- КНОПКА PK --- */
.sidebar__st .rating__btn:nth-child(3) {
    position: absolute;
    top: -47px;
    left: 53px;
    width: 80px;
    height: 38px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
}

/* --- КОНТЕЙНЕР КНОПОК Clan / PvP / PK --- */
.sidebar__st .rating__btns {
    position: absolute; /* теперь ставим весь блок кнопок вручную */
    top: 80px;          /* вверх / вниз */
    left: 250px;        /* влево / вправо */
    width: 260px;       /* рабочая ширина под 3 кнопки */
    height: 38px;       /* высота зоны */
    display: block;
}

/* --- СТРОКА ТАБЛИЦЫ --- */
.sidebar__st .top__rw {
    display: flex;
    align-items: center;
}

/* 1. НОМЕР */
.sidebar__st .top__num {
    flex: 0 0 170px;        /* ширина */
    text-align: center;
}

/* 2. ИМЯ */
.sidebar__st .top__name {
    flex: 1;
    margin-left: -95px;     /* двигает вправо от номера */
}

.sidebar__st .top__total {
    flex: 0 0 93px;   /* ВЕРНУЛИ ширину */
    text-align: right;
    margin-left: 10px;
}

/* --- ТЕКСТ СТАТИСТИКИ: ЧИЩЕ И АККУРАТНЕЕ --- */
.sidebar__st .top__content {
    font-family: 'Lineage2', sans-serif;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.2px;

    color: #e0ba72;

    text-shadow:
        0 1px 0 rgba(0,0,0,0.85),
        0 0 1px rgba(255,170,60,0.12);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

/* --- ОПУСКАЕМ ВНУТРЕННИЙ БЛОК ТАБЛИЦЫ ЦЕЛИКОМ --- */
.sidebar__st .rating__box {
    position: relative;
    top: 60px;   /* увеличиваешь = блок ниже */
}

/* --- ДВИГАЕМ ТОЛЬКО СПИСОК ВНУТРИ ТАБЛИЦЫ, НЕ ЛОМАЯ ПОТОК --- */
.sidebar__st .top__body {
    position: relative;
    top: -26px;   /* сильнее вверх = -14px, -16px */
}



/* --- УПЛОТНЯЕМ СТРОКИ ЧЕРЕЗ ОТСТУП, А НЕ ЧЕРЕЗ ОБРЕЗКУ --- */
.sidebar__st .top__rw {
    margin-bottom: -6px;   /* -1px / -2px / -3px подбирай */
}

/* =======================================================
   11. ОКНО "ФАЙЛЫ" — ТЕКСТ, ЦВЕТ, КНОПКИ
   ======================================================= */

#files .ww__body {
    background: rgba(10, 8, 7, 0.88);
    border: 1px solid rgba(242, 196, 109, 0.18);
    box-shadow:
        0 0 30px rgba(0,0,0,0.65),
        0 0 12px rgba(255,170,60,0.10);
}

/* заголовок окна */
#files .title {
    display: block !important;
    font-family: 'Lineage2', sans-serif;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 400;
    letter-spacing: 0.4px;
    color: #f2c46d;
    text-align: left;
    text-shadow:
        0 0 2px #000,
        0 0 6px rgba(255,180,80,0.45);
}

/* оранжевая часть заголовка */
#files .color-orange {
    color: #ffd27a;
    text-shadow:
        0 0 3px #000,
        0 0 10px rgba(255,180,80,0.70);
}

/* описание под заголовком */
#files .desc {
    font-family: 'Lineage2', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;

    color: #ffe3b0;

    text-shadow:
        0 1px 1px rgba(0,0,0,0.95),
        0 0 3px rgba(0,0,0,0.85),
        0 0 6px rgba(255,170,60,0.15);
}

/* подписи "1. Скачайте..." и "2. Создайте аккаунт" */
#files .m-heading__title {
    font-family: 'Lineage2', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #e7bc6a;
    text-shadow:
        0 1px 0 rgba(0,0,0,0.9),
        0 0 6px rgba(255,170,60,0.16);
}

/* строки файлов */
#files .files__item {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(242, 196, 109, 0.08);
    padding: 10px 14px;
    transition: 0.2s ease;
}

#files .files__item:hover {
    background: rgba(255,255,255,0.035);
    border-color: rgba(242, 196, 109, 0.18);
}

/* название файла */
#files .files__title {
    font-family: 'Lineage2', sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #f0bf5d;
    text-shadow:
        0 1px 1px rgba(0,0,0,0.82);
}

/* описание файла */
#files .files__desc {
    font-family: 'Lineage2', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #bba27b;
    text-shadow:
        0 1px 0 rgba(0,0,0,0.75);
}

/* кнопка скачать */
#files .files__btn.lbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 34px;
    padding: 0 14px;
    background: linear-gradient(to bottom, #7b5a2b 0%, #5b3d1b 100%);
    border: 1px solid rgba(255, 196, 92, 0.35);
    color: #f7d48d;
    font-family: 'Lineage2', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-shadow:
        0 1px 0 rgba(0,0,0,0.85);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 0 10px rgba(0,0,0,0.25);
}

#files .files__btn.lbtn:hover {
    background: linear-gradient(to bottom, #8d6831 0%, #694720 100%);
    color: #ffd27a;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 0 12px rgba(255,170,60,0.18);
}

/* предупреждение */
#files .ww__alert {
    background: rgba(120, 20, 10, 0.10);
    border: 1px solid rgba(255, 90, 60, 0.18);
    padding: 12px 14px;
}

#files .alert__content {
    font-family: 'Lineage2', sans-serif;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
    color: #ff6f57;
    text-shadow:
        0 1px 0 rgba(0,0,0,0.85);
}

/* кнопка регистрации */
#files .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 54px;
    background: linear-gradient(to bottom, #d46b2c 0%, #b24b1c 100%);
    border: 1px solid rgba(255,190,120,0.32);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 0 14px rgba(0,0,0,0.28);
}

#files .btn__content {
    font-family: 'Lineage2', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #ffe1a2;
    text-shadow:
        0 1px 0 rgba(0,0,0,0.9),
        0 0 8px rgba(255,160,70,0.18);
}

#files .btn:hover {
    background: linear-gradient(to bottom, #e07a36 0%, #c25521 100%);
}

/* ссылки в выпадающем списке скачивания */
#files .download-list {
    background: rgba(15, 12, 10, 0.97);
    border: 1px solid rgba(242,196,109,0.15);
    box-shadow:
        0 0 16px rgba(0,0,0,0.45);
}

#files .dlink__tx {
    font-family: 'Lineage2', sans-serif;
    font-size: 14px;
    color: #dfbf82;
    text-shadow: 0 1px 0 rgba(0,0,0,0.85);
}


/* сам фон */
#files .ww__body {
    position: relative;
    overflow: hidden;
    background: url('/template/KnightDesert/images/bg/antharas.png') no-repeat center center !important;
    background-size: cover !important;
    border: 1px solid rgba(242, 196, 109, 0.14);
    box-shadow:
        0 0 22px rgba(0,0,0,0.50),
        0 0 8px rgba(255,170,60,0.08);
}

/* мягкая локальная тень только под левую часть, где текст */
#files .ww__body::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 12px;
    width: 300px;
    height: calc(100% - 24px);
    background: linear-gradient(
        to right,
        rgba(12, 8, 6, 0.64) 0%,
        rgba(12, 8, 6, 0.46) 70%,
        rgba(12, 8, 6, 0.00) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* весь контент выше подложки */
#files .ww__body > * {
    position: relative;
    z-index: 2;
}