/**
 * Reelsy: шрифт PT Sans, чёрная концепция (без синего акцента).
 * Подключать после Bootstrap / styles.css.
 */

:root {
    --reelsy-ink: #000000;
    --reelsy-blue: #000000;
    --reelsy-blue-rgb: 0, 0, 0;
    --bs-primary: #000000;
    --bs-primary-rgb: 0, 0, 0;
    --bs-link-color: #111827;
    --bs-link-hover-color: #000000;
    --bs-link-color-rgb: 17, 24, 39;
    --bs-link-hover-color-rgb: 0, 0, 0;
    --bs-font-sans-serif: "PT Sans", system-ui, -apple-system, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-btn-bg: #000000;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-active-bg: #000000;
    --bs-btn-active-border-color: #000000;
    --bs-btn-disabled-bg: #000000;
    --bs-btn-disabled-border-color: #000000;
    /* Подложки/текст эмфазы для Bootstrap */
    --bs-primary-text-emphasis: #000000;
    --bs-primary-bg-subtle: rgba(0, 0, 0, 0.08);
    --bs-primary-border-subtle: rgba(0, 0, 0, 0.2);
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-focus-ring-color: rgba(0, 0, 0, 0.25);
    /* Почти квадратные кнопки (единый радиус по проекту) */
    --reelsy-btn-radius: 4px;
}

/* Шаблон задаёт Poppins на body с !important */
body.reelsy-landing,
body.site-dark,
body:has(#main-wrapper) {
    font-family: "PT Sans", system-ui, -apple-system, sans-serif !important;
}

body .daterangepicker {
    font-family: "PT Sans", system-ui, sans-serif;
}

/* Главная: опираемся на чёрный текст и синий акцент вместо «радуги» в блоке возможностей */
.reelsy-landing .bg-danger-subtle,
.reelsy-landing .bg-warning-subtle,
.reelsy-landing .bg-info-subtle {
    background-color: rgba(var(--reelsy-blue-rgb), 0.12) !important;
}

.reelsy-landing .text-danger,
.reelsy-landing .text-warning,
.reelsy-landing .text-info {
    color: var(--reelsy-blue) !important;
}

/* Тёмный серый ближе к чёрному */
.reelsy-landing .text-muted,
.reelsy-landing .text-secondary,
.reelsy-landing .text-body-secondary {
    color: #1f2937 !important;
}

/* Кнопки: лёгкое скругление, шире по горизонтали (перебивает pill 30px из MaterialPro) */
.btn {
    font-family: inherit;
    font-weight: 500;
    letter-spacing: 0.02em;
    --bs-btn-border-radius: var(--reelsy-btn-radius);
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.5rem;
}

.btn-sm {
    font-weight: 500;
    --bs-btn-border-radius: 3px;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.35rem;
}

.btn-lg {
    --bs-btn-border-radius: 5px;
    --bs-btn-padding-x: 1.85rem;
    --bs-btn-padding-y: 0.65rem;
}

.btn.rounded-circle {
    --bs-btn-border-radius: 50%;
    border-radius: 50% !important;
}

.btn.rounded-pill {
    --bs-btn-border-radius: var(--reelsy-btn-radius);
    border-radius: var(--reelsy-btn-radius) !important;
}

.btn.rounded-3 {
    border-radius: var(--reelsy-btn-radius) !important;
}

.btn-primary {
    color: #fff;
    border-color: rgba(0, 0, 0, 0.12);
}

.btn-primary:hover,
.btn-primary:focus-visible {
    color: #fff;
    border-color: rgba(0, 0, 0, 0.18);
    box-shadow: none;
}

.btn-primary:active {
    box-shadow: none;
}

.btn-outline-primary {
    border-width: 2px;
    color: var(--reelsy-ink);
    border-color: var(--reelsy-blue);
    background-color: #fff;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
    color: #fff;
    background-color: var(--reelsy-blue);
    border-color: var(--reelsy-blue);
    box-shadow: none;
}

/* Кабинет и формы: заметнее основные действия */
#main-wrapper .btn-primary {
    min-height: 2.5rem;
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.55rem;
}

#main-wrapper .btn-outline-primary,
#main-wrapper .btn-outline-secondary {
    border-width: 2px;
    font-weight: 500;
}

#main-wrapper .card {
    border-width: 1px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}

#main-wrapper .form-control,
#main-wrapper .form-select {
    border-width: 2px;
    font-weight: 400;
}

/* Меньше «жирности» и меньше серого текста в кабинете */
#main-wrapper .fw-semibold,
#main-wrapper .fw-bold {
    font-weight: 500 !important;
}

#main-wrapper .text-muted,
#main-wrapper .text-secondary,
#main-wrapper .text-body-secondary,
#main-wrapper .text-secondary-color {
    color: #1f2937 !important;
}

#main-wrapper .form-control:focus,
#main-wrapper .form-select:focus {
    border-color: var(--reelsy-blue);
    box-shadow: none;
}

/* Публичные страницы (тёмная тема): чёрный фон, серые акценты */
body.site-dark .btn-outline-primary {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.65);
    box-shadow: none;
}

body.site-dark .btn-outline-primary:hover,
body.site-dark .btn-outline-primary:focus-visible {
    color: #fff;
    background-color: var(--reelsy-blue);
    border-color: var(--reelsy-blue);
    box-shadow: none;
}

body.site-dark .btn-primary {
    box-shadow: none;
}

/* Вход / регистрация: крупные кнопки OAuth */
.reelsy-oauth-btn {
    min-height: 3.25rem;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    font-size: 1.05rem;
    border-radius: var(--reelsy-btn-radius);
    border-width: 1px;
}

.reelsy-oauth-btn .reelsy-oauth-icon {
    flex-shrink: 0;
}

.reelsy-oauth-btn--google {
    background: #fff;
    border-color: #dadce0;
    color: #3c4043;
}

.reelsy-oauth-btn--google:hover,
.reelsy-oauth-btn--google:focus-visible {
    background: #f8f9fa;
    border-color: #dadce0;
    color: #202124;
}

.reelsy-oauth-btn--yandex {
    background: #fff;
    border-color: #e0e0e0;
    color: #000;
}

.reelsy-oauth-btn--yandex:hover,
.reelsy-oauth-btn--yandex:focus-visible {
    background: #fafafa;
    border-color: #d0d0d0;
    color: #000;
}

/*
 * Убираем тени по всему проекту (в т.ч. при наведении).
 * Это приоритетнее точечных box-shadow из MaterialPro.
 */
*:hover {
    box-shadow: none !important;
}
* {
    box-shadow: none !important;
    text-shadow: none !important;
}