/* ═══════════════════════════════════════════════════════════════
   wenrexa-desktop.css
   
   Добавь этот файл в wwwroot/css/ и подключи в _Layout.cshtml:
   <link rel="stylesheet" href="~/css/wenrexa-desktop.css" />
   
   Класс .wenrexa-desktop добавляется автоматически JS-мостом
   когда сайт открыт в десктоп-клиенте.
   В обычном браузере этот класс отсутствует → стили не работают.
   ═══════════════════════════════════════════════════════════════ */


/* ─── 1. Скрываем то, что уже есть в Shell ─── */

/* Header сайта — навигация уже в title bar десктопа */
.wenrexa-desktop .wenrexa-site-header,
.wenrexa-desktop .wenrexa-site-navbar,
.wenrexa-desktop header,
.wenrexa-desktop nav.navbar {
    display: none !important;
}

/* Footer — не нужен в десктоп-режиме */
.wenrexa-desktop .wenrexa-site-footer,
.wenrexa-desktop footer {
    display: none !important;
}

/* Cookie-баннер, уведомления браузера */
.wenrexa-desktop .wenrexa-cookie-banner,
.wenrexa-desktop .wenrexa-browser-notice {
    display: none !important;
}


/* ─── 2. Контент занимает всё пространство ─── */

.wenrexa-desktop body {
    padding-top: 0 !important;
    margin-top: 0 !important;
    overflow-x: hidden;
}

.wenrexa-desktop .wenrexa-main-content,
.wenrexa-desktop main {
    padding-top: 0 !important;
    min-height: 100vh !important;
}


/* ─── 3. Скроллбар в стиле приложения ─── */

.wenrexa-desktop ::-webkit-scrollbar {
    width: 8px;
}

.wenrexa-desktop ::-webkit-scrollbar-track {
    background: #1a1a2e;
}

.wenrexa-desktop ::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

    .wenrexa-desktop ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


/* ─── 4. Элементы видимые ТОЛЬКО в десктопе ─── */

/* По умолчанию скрыты на сайте */
.wenrexa-desktop-only {
    display: none !important;
}

/* Показываются только в десктоп-клиенте */
.wenrexa-desktop .wenrexa-desktop-only {
    display: block !important;
}

/* Наоборот: скрыть в десктопе, показать в браузере */
.wenrexa-desktop .wenrexa-browser-only {
    display: none !important;
}