﻿/* =============================================================
   MARKET NOTIFY — DUNE override (dune.rusff.me)
   Надстройка ПОВЕРХ notify.css + mono-glass.css:

     <link rel="stylesheet" href=".../css/notify.css?v=2">
     <link rel="stylesheet" href=".../css/mono-glass.css?v=2">
     <link rel="stylesheet" href=".../css/dune-theme.css?v=2">

   ⚠️ База сменилась с beige.css (светлое стекло) на mono-glass.css
   (тёмное) 25.08.2026: заказчик попросил модалку и пуши в том же
   стекле, что попап смены аккаунтов форума — rgba(18,16,14,.85) +
   blur(30px) + бордер #644d2d. На светлой базе это было бы борьбой
   с каждым правилом beige, на тёмной — родная гамма.

   Что делает файл:
   1) перекрашивает переменные mono-glass (--mg-*) в палитру форума;
   2) выставляет поверхностям (модалка, тосты, панели) точный стеклянный
      рецепт попапа аккаунтов;
   3) Montserrat + радиус 10px, как везде на форуме;
   4) чинит FontAwesome (форум на FA6 Free с cdnjs, см. §7 доки);
   5) возвращает триггеру в улинксах родной стиль ссылок форума (§33.1);
   6) прячет нативный пункт «Уведомления» форума (§33.2).
   ============================================================= */

:root {
    /* база — фон попапа аккаунтов #12100e и чуть светлее для градиентов */
    --mg-bg:  18, 16, 14;
    --mg-bg2: 30, 26, 21;

    /* акцент №1 — золото форума (--accent #a37f40) */
    --mg-lilac:      163, 127,  64;
    --mg-lilac-deep: 201, 166, 116;   /* светлее, для текста на тёмном */

    /* акцент №2 — охра ссылок (--links #997652) */
    --mg-teal:      153, 118,  82;
    --mg-teal-deep: 185, 152, 110;

    --mg-text:       185, 174, 149;   /* --text4 #b9ae95 — основной текст */
    --mg-text-dim:   150, 139, 120;
    --mg-text-faint: 117, 106,  94;   /* --text3 #756a5e */

    --mg-danger:  190,  90,  70;      /* терракота вместо розового */
    --mg-success: 150, 160,  90;      /* приглушённая олива */

    /* бордер стекла форума */
    --dune-glass-border: #644d2d;
}

/* ---------- поверхности: точный рецепт попапа аккаунтов ---------- */
#mn-modal,
.mn-notice,
#mn-settings-panel,
#mn-admin-panel,
#mn-mention-suggest {
    background: rgba(18, 16, 14, 0.85) !important;
    background-image: none !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    border: 1px solid var(--dune-glass-border) !important;
    border-radius: 10px !important;
    color: var(--text4, #b9ae95) !important;
    font-family: Montserrat, sans-serif !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55) !important;
}

/* панели настроек/админки лежат внутри модалки — своё стекло им не нужно,
   иначе blur поверх blur мылит текст */
#mn-settings-panel,
#mn-admin-panel {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(18, 16, 14, 0.55) !important;
    box-shadow: none !important;
}

/* оверлей — просто затемнение, без цветного налёта */
#mn-modal-overlay {
    background: rgba(8, 8, 7, 0.6) !important;
}

/* декоративные звёздочки mono-glass — на Дюне лишние */
.mn-notice::before,
.mn-notice::after {
    content: none !important;
}

/* внутренние границы — тем же бордером стекла, а не белым оверлеем */
.mn-modal-header,
#mn-modal-tabs,
#mn-modal-tg-footer,
.nt-settings-divider,
.nt-settings-header {
    border-color: rgba(100, 77, 45, 0.55) !important;
}

.nt-list-item + .nt-list-item {
    border-top-color: rgba(100, 77, 45, 0.35) !important;
}

/* время увéда в notify.css захардкожено #bbb — приводим к гамме форума */
.nt-list-item-time {
    color: rgba(117, 106, 94, 1) !important;
}

/* ---------- типографика форума ----------
   notify.css прописывает font-family: sans-serif почти каждому внутреннему
   элементу отдельно (.nt-list-item-text, .mn-notice-text, .mn-tab-btn и
   ещё ~30 селекторов), поэтому Montserrat приходится задавать «ковром».
   Иконки FA не задеваются: правила ниже специфичнее (id + класс).
   ------------------------------------------ */
#mn-modal, #mn-modal *,
#mn-notice-stream, #mn-notice-stream *,
.mn-notice, .mn-notice *,
#mn-mention-suggest, #mn-mention-suggest * {
    font-family: Montserrat, sans-serif !important;
}

/* код привязки TG остаётся моноширинным — его удобно сверять посимвольно */
#mn-modal .tg-code {
    font-family: ui-monospace, Consolas, monospace !important;
}

/* ---------- геометрия: у форума везде 10px ---------- */
.nt-list-item,
.mn-notice-link,
.mn-tab-btn,
.nt-admin-btn,
.nt-forumsub-btn {
    border-radius: 10px !important;
}

/* ---------- FontAwesome 6 Free (cdnjs 6.4.0), отмена фикса themurmur ----------
   notify.css принудительно ставит font-family:"FontAwesome" + weight:normal
   ради legacy-кита themurmur; на Дюне подключён полный FA6 Free, где
   семейство "Font Awesome 6 Free", а solid = вес 900. Без отмены — тофу.
   ---------------------------------------------------------------------- */
#mn-modal .fa-solid,
#mn-modal .fa-regular,
#mn-modal .fa-brands,
.mn-notice .fa-solid,
.mn-notice .fa-regular,
.mn-notice .fa-brands,
#mn-noti-trigger .fa-solid,
#mn-noti-trigger .fa-regular {
    font-style: normal;
}

#mn-modal .fa-solid,
.mn-notice .fa-solid,
#mn-noti-trigger .fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

#mn-modal .fa-regular,
.mn-notice .fa-regular,
#mn-noti-trigger .fa-regular {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

#mn-modal .fa-brands,
.mn-notice .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* ---------- триггер в улинксах: полностью наследует стиль ссылок форума ----------
   Любая тема пака красит #mn-noti-trigger градиентом через
   background-clip:text + -webkit-text-fill-color:transparent — на панели
   улинксов Дюны ссылка из-за этого выглядела пустым местом (правило форума
   #pun-ulinks a{color:... !important} тут не помощник: это разные свойства).
   Снимаем декор — и триггер рисуется теми же правилами, что «новые/активные».
   -------------------------------------------------------------------------- */
#pun-ulinks #mn-noti-trigger,
#pun-ulinks #mn-noti-trigger.has-unread,
#pun-ulinks #mn-noti-trigger:hover {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
    filter: none !important;
    animation: none !important;
    text-shadow: inherit;
    opacity: 1;
}

/* непрочитанные — не свечением, а акцентным цветом форума */
#pun-ulinks #mn-noti-trigger.has-unread {
    color: var(--accent, #a37f40) !important;
    font-weight: 600 !important;
}

/* счётчик (1) над уведами */
#pun-ulinks #mn-noti-trigger .bubble {
    background: var(--accent, #a37f40) !important;
    color: #12100e !important;
    -webkit-text-fill-color: #12100e !important;
    font: 600 9px/1 Montserrat, sans-serif !important;
    border-radius: 8px;
    box-shadow: none;
    border: none;
    /* правее и выше, чтобы не наезжать на последние буквы «уведомления»
       (в улинксах Дюны ссылка — flex, бабл позиционируется от неё) */
    top: -7px;
    right: -19px;
}

/* ---------- нативный пункт «Уведомления» форума ----------
   У Дюны есть свой пункт улинксов (li.nav-item-notifications →
   profile.php?section=fields&p=notifications). Рядом с нашим триггером
   выходили две одинаковые ссылки — родной прячем. Разметку форума не
   трогаем: понадобится вернуть — убрать это правило.
   --------------------------------------------------------- */
#pun-ulinks li.nav-item-notifications {
    display: none !important;
}

/* ---------- кнопка подписки на раздел в строке .linkst ----------
   dune-tweaks.js переносит #mn-forumsub-btn из-под заголовка раздела в
   .linkst .postlink.long, к «Новая тема / Новый опрос». Здесь кнопка
   повторяет вид тамошних ссылок форума (#pun .linkst a): тёмно-коричневый
   чип --links3, текст --text4, скруглённые низом углы, тот же
   отрицательный вертикальный margin, uppercase.
   Базовые стили .nt-forumsub-btn из notify.css (белый фон, серый бордер,
   зелёное «подписан») перебиваются полностью — они рассчитаны на
   светлый форум.
   ---------------------------------------------------------------- */
.linkst .mn-forumsub-slot,
.linksb .mn-forumsub-slot {
    display: flex;
    /* flex-start: соседние ссылки .linkst висят от верхней кромки строки
       (их поднимает отрицательный margin-top), stretch растянул бы кнопку
       на всю высоту, center — опустил бы её на 4px ниже соседей */
    align-items: flex-start;
    order: 0;
}

#pun .linkst .nt-forumsub-btn,
#pun .linksb .nt-forumsub-btn {
    margin: -15px 0 -16px 0 !important;
    padding: 2px 10px 4px !important;
    border: none !important;
    border-radius: 0 0 10px 10px !important;
    background: var(--links3, #4c3d24) !important;
    color: var(--text4, #b9ae95) !important;
    /* line-height 160% — ровно как у ссылок .linkst, иначе чип на 5px ниже
       соседних и не совпадает с ними по верхней кромке */
    font: 600 11px/160% Montserrat, sans-serif !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    /* подпись длинная: без nowrap чип переносится в две строки и становится
       вдвое выше соседних «НОВАЯ ТЕМА / НОВЫЙ ОПРОС» */
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s linear 0s !important;
}

#pun .linkst .nt-forumsub-btn:hover,
#pun .linksb .nt-forumsub-btn:hover {
    background: var(--beg600, #a39d97) !important;
    color: var(--text2, #67605b) !important;
}

/* «подписан» — золото форума вместо зелёного из notify.css */
#pun .linkst .nt-forumsub-btn.subscribed,
#pun .linksb .nt-forumsub-btn.subscribed {
    background: var(--accent, #a37f40) !important;
    color: #12100e !important;
}

#pun .linkst .nt-forumsub-btn.subscribed:hover,
#pun .linksb .nt-forumsub-btn.subscribed:hover {
    background: var(--links, #997652) !important;
    color: #12100e !important;
}

/* в нижней строке ссылок скругление зеркальное (как у #pun .linksb a) */
#pun .linksb .nt-forumsub-btn {
    border-radius: 10px 10px 0 0 !important;
}
