/*
 * Global Catalog Skin
 * -------------------
 * Применяет дизайн-язык каталога (page-catalog-2 / manga-catalog-2.css)
 * ко всем страницам сайта: квадратные кнопки и контролы, шрифты,
 * тонкие 1px-обводки, акцентные градиенты для primary-кнопок.
 * Подключается последним (priority 99), чтобы перекрывать стили страниц.
 */

/* === 1. Токены: убираем скругления на уровне переменных === */
:root {
    --radius-xl: 0;
    --radius-lg: 0;
    --radius-md: 0;
    --radius-sm: 0;
}

/* === 2. Квадратный свип: убираем border-radius везде === */
*,
*::before,
*::after {
    border-radius: 0 !important;
}

/* === 2.1. Возвращаем круги/пилюли там, где они обязаны остаться:
       аватары, спиннеры, точки слайдеров, тумблеры, радио-кнопки === */
input[type="radio"],
[class*="avatar"],
[class*="avatar"] img,
[class*="avatar"]::before,
[class*="avatar"]::after,
.header-user-icon__circle,
.header-user-icon__img,
.member-info img,
.team-member__avatar,
.team-member__avatar img,
.manga-translators-rem__avatar,
.manga-translators-rem__avatar img,
.manga-comment-item__avatar,
.manga-comment-item__avatar img,
.manga-review-item__avatar,
.manga-review-item__avatar img,
[class*="spinner"],
[class*="spinner"]::before,
[class*="spinner"]::after,
[class*="is-loading"]::after,
[class*="is-loading"] *::after,
.manga-catalog2__eyebrow::before,
.manga-catalog2__results-spinner,
.hero-dot,
.heroTimeline__point::before,
[class*="__dot"],
.hero-energy-orb,
.scifi-glow-spot,
[class*="toggle-ui"],
[class*="toggle-ui"]::before,
[class*="toggle-ui"]::after,
[class*="switch"],
[class*="switch"]::before,
[class*="switch"]::after {
    border-radius: 999px !important;
}

/* === 3. Шрифты контролов как в каталоге === */
button,
input,
select,
textarea,
.btn,
[class*="__btn"],
[class*="__submit"],
[class*="-btn"] {
    font-family: var(--font-ui, "Exo 2", "Segoe UI", system-ui, sans-serif);
}

/* Заголовки: плотный трекинг как у каталога (results-title: -0.04em) */
h1, h2, h3,
[class*="__title"] {
    letter-spacing: -0.03em;
}

/* === 4. Базовый вид полей ввода (каталожный): 38px, тонкая обводка,
       полупрозрачная заливка === */
.site-main input[type="text"],
.site-main input[type="search"],
.site-main input[type="email"],
.site-main input[type="url"],
.site-main input[type="number"],
.site-main input[type="password"],
.site-main select,
.site-main textarea {
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-main, #fff);
    font-size: 12px;
    font-weight: 600;
}

.site-main textarea {
    padding: 9px 11px;
    min-height: 90px;
}

/* Фокус как в каталоге */
.site-main input:focus,
.site-main select:focus,
.site-main textarea:focus,
button:focus-visible,
.btn:focus-visible {
    border-color: rgba(var(--accent-rgb), 0.56);
    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.18);
    outline: none;
}

/* === 5. Primary-кнопки: акцентный градиент каталога === */
body .site-main button[type="submit"],
body .site-main input[type="submit"],
body .btn-primary,
body [class*="__submit"] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(var(--accent-rgb), 0.4);
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.24), rgba(var(--accent-rgb), 0.12));
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease;
}

body .site-main button[type="submit"]:hover,
body .site-main input[type="submit"]:hover,
body .btn-primary:hover,
body [class*="__submit"]:hover {
    border-color: rgba(var(--accent-rgb), 0.6);
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.32), rgba(var(--accent-rgb), 0.16));
}

/* === 6. Вторичные кнопки: тихая каталожная обводка ===
   (только дефолтные/нестилизованные — классовые стили страниц выше по специфичности) */
.site-main button:not([type="submit"]):not([class]),
.site-main button[type="button"]:not([class]) {
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-main, #fff);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

/* === 7. Карточки/панели: тонкая 1px-обводка вместо мягких теней ===
   радиус уже снят свипом, здесь — только унификация рамок там,
   где есть прямые карточные классы === */
.manga-card-rem {
    border: 1px solid rgba(255, 255, 255, 0.07);
}

/* === 8. Читалка главы: квадратные контролы топбара (радиус снят свипом),
       минимальная высота не навязывается — иконки-кнопки остаются компактными === */

/* === 9. Мобильная вёрстка === */
@media (max-width: 768px) {
    .site-main input[type="text"],
    .site-main input[type="search"],
    .site-main input[type="email"],
    .site-main input[type="url"],
    .site-main input[type="number"],
    .site-main input[type="password"],
    .site-main select {
        min-height: 40px; /* тап-таргет */
        font-size: 13px;
    }

    body .site-main button[type="submit"],
    body .site-main input[type="submit"],
    body .btn-primary,
    body [class*="__submit"] {
        min-height: 40px;
        font-size: 13px;
    }
}