/* ================================
   УНИВЕРСАЛЬНЫЕ СТИЛИ КАРТОЧЕК
   ================================ */

/* Убираем ВСЕ жестко прописанные белые фоны и добавляем рамки как в админке */
.product-main-card,
.quick-buy-card,
.guarantees-card,
.payment-methods-card,
.related-product-card,
.feature-card,
.transaction-item,
.transaction-detailed-item,
.currency-selection,
.currency-card,
.deposit-details,
.qr-container,
.filters-card,
.results-section,
.info-widget,
.warning-widget,
.support-widget,
.accordion-button,
.accordion-body,
.search-input,
.signup-card,
.login-card,
.info-card,
.category-card,
.quick-action-card,
.stat-widget,
.data-widget,
.user-item-admin,
.filter-card,
.stat-card,
.recent-transactions,
.stats-widget,
.quick-actions-widget,
.payment-info-widget {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* Заголовки карточек */
.card-header,
.widget-header,
.filter-card .card-header,
.stat-card .card-header {
    background: var(--bg-light) !important;
    border-bottom: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
}

/* Таблицы как в админке */
.admin-table th,
.table th {
    background: var(--bg-light) !important;
    border-bottom: 2px solid var(--border-light) !important;
    color: var(--text-primary) !important;
}

.admin-table td,
.table td {
    border-bottom: 1px solid var(--border-light) !important;
}

.admin-table tbody tr:hover,
.table tbody tr:hover {
    background-color: var(--bg-light) !important;
}

/* Переопределение ВСЕХ инлайн стилей с белым фоном */
[style*="background: white"],
[style*="background-color: white"],
[style*="background: #fff"],
[style*="background-color: #fff"],
[style*="background: #ffffff"],
[style*="background-color: #ffffff"] {
    background: var(--bg-card) !important;
}

/* Формы - убираем лишний border */
.form-control {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25) !important;
}

/* Аккордеоны */
.accordion-item {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-light) !important;
}

.accordion-button {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: none !important;
}

.accordion-body {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-top: 1px solid var(--border-light) !important;
}

/* Дропдауны */
.dropdown-menu {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: var(--shadow-lg) !important;
}

.dropdown-item {
    color: var(--text-primary) !important;
}

.dropdown-item:hover {
    background: var(--bg-light) !important;
}

/* Модальные окна */
.modal-content {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-light) !important;
}

.modal-header {
    background: var(--bg-light) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

.modal-footer {
    border-top: 1px solid var(--border-light) !important;
}

/* Хлебные крошки - убираем лишний border */
.breadcrumb {
    background: var(--bg-card) !important;
}

/* Пагинация - убираем лишний border */
.pagination .page-link {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

.pagination .page-link:hover {
    background: var(--bg-light) !important;
}

.pagination .page-item.active .page-link {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Алерты - убираем лишний border */
.alert {
    /* Оставляем стандартные стили алертов */
}

/* Кнопки группы - убираем лишний border */
.btn-group .btn {
    /* Оставляем стандартные стили кнопок */
}

/* Карточки на темном фоне получают больше контраста */
[data-bs-theme="dark"] .product-main-card,
[data-bs-theme="dark"] .quick-buy-card,
[data-bs-theme="dark"] .guarantees-card,
[data-bs-theme="dark"] .payment-methods-card,
[data-bs-theme="dark"] .related-product-card,
[data-bs-theme="dark"] .feature-card,
[data-bs-theme="dark"] .transaction-item,
[data-bs-theme="dark"] .transaction-detailed-item,
[data-bs-theme="dark"] .currency-selection,
[data-bs-theme="dark"] .currency-card,
[data-bs-theme="dark"] .deposit-details,
[data-bs-theme="dark"] .qr-container,
[data-bs-theme="dark"] .filters-card,
[data-bs-theme="dark"] .results-section,
[data-bs-theme="dark"] .info-widget,
[data-bs-theme="dark"] .warning-widget,
[data-bs-theme="dark"] .support-widget,
[data-bs-theme="dark"] .signup-card,
[data-bs-theme="dark"] .login-card,
[data-bs-theme="dark"] .info-card,
[data-bs-theme="dark"] .category-card,
[data-bs-theme="dark"] .quick-action-card,
[data-bs-theme="dark"] .stat-widget,
[data-bs-theme="dark"] .data-widget,
[data-bs-theme="dark"] .user-item-admin,
[data-bs-theme="dark"] .filter-card,
[data-bs-theme="dark"] .stat-card {
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-md) !important;
}

/* Анимации */
.product-main-card:hover,
.quick-buy-card:hover,
.guarantees-card:hover,
.payment-methods-card:hover,
.related-product-card:hover,
.feature-card:hover,
.currency-card:hover,
.info-widget:hover,
.warning-widget:hover,
.support-widget:hover,
.category-card:hover,
.quick-action-card:hover,
.stat-widget:hover,
.data-widget:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-lg) !important;
}

/* ================================
   ИСПРАВЛЕНИЕ ИКОНОК STAT-ICON И CARD-ICON
   ================================ */

/* Переопределяем базовый белый цвет для stat-icon в светлой теме */
[data-bs-theme="light"] .stat-icon {
    color: #374151 !important;
}

/* В темной теме оставляем белый */
[data-bs-theme="dark"] .stat-icon {
    color: white !important;
}

/* ВРЕМЕННЫЕ ФОНЫ ДЛЯ СВЕТЛОЙ ТЕМЫ */
[data-bs-theme="light"] .users-stat .stat-icon,
[data-bs-theme="light"] .products-stat .stat-icon,
[data-bs-theme="light"] .transactions-stat .stat-icon,
[data-bs-theme="light"] .revenue-stat .stat-icon {
    background: #e5e7eb !important; /* Светло-серый фон */
}

/* УПРОЩЕННЫЕ СЕЛЕКТОРЫ (без атрибута темы) */
/* По умолчанию темные иконки (для светлой темы) */
.stat-icon .fas {
    color: #374151 !important;
}

.card-icon .fas {
    color: white !important; /* В card-icon оставляем белые */
}

/* В темной теме иконки в блоках делаем светлыми */
[data-bs-theme="dark"] .stat-icon .fas,
[data-bs-theme="dark"] .card-icon .fas {
    color: #f3f4f6 !important;
}

/* ================================
   ИСКЛЮЧЕНИЯ ДЛЯ СПЕЦИАЛЬНЫХ ЭЛЕМЕНТОВ
   ================================ */

/* Balance-widget должен быть просто контейнером без фона */
.balance-widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Balance-card сохраняет свой градиент */
.balance-card {
    /* Сохраняет оригинальные стили с градиентом */
}

/* ================================
   ДОПОЛНИТЕЛЬНЫЕ ПРАВИЛА ДЛЯ БАЛАНСА
   ================================ */

/* Классы страницы баланса в темной теме */
[data-bs-theme="dark"] .recent-transactions,
[data-bs-theme="dark"] .stats-widget,
[data-bs-theme="dark"] .quick-actions-widget,
[data-bs-theme="dark"] .payment-info-widget {
    border-color: var(--border-color) !important;
    box-shadow: var(--shadow-md) !important;
}

/* Дополнительные hover эффекты */
.recent-transactions:hover,
.stats-widget:hover,
.quick-actions-widget:hover,
.payment-info-widget:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-lg) !important;
}

/* Пагинация */
.pagination {
    margin: 2rem 0;
    gap: 5px;
    display: flex;
    align-items: center;
}

.pagination .page-item {
    margin: 0;
}

.pagination .page-item .page-link {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-light);
    padding: 0.5rem;
    min-width: 40px;
    min-height: 40px;
    text-align: center;
    border-radius: var(--radius-md) !important;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.pagination .page-item .page-link i {
    font-size: 12px;
}

.pagination .page-item .page-link:hover {
    background: var(--bg-light) !important;
    border-color: var(--primary-color);
    color: var(--primary-color) !important;
    transform: translateY(-1px);
}

.pagination .page-item.active .page-link {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
    font-weight: 600;
}

.pagination .page-item.disabled .page-link {
    background: var(--bg-light) !important;
    color: var(--text-light) !important;
    border-color: var(--border-light);
    pointer-events: none;
    opacity: 0.7;
}

/* Контейнер пагинации */
.pagination-wrapper {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
} 

/* Поле поиска */
.search-input {
    background: var(--bg-card) !important;
    border: 2px solid #E2E8F0 !important;  /* Более заметная обводка для светлой темы */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;  /* Легкая тень для объема */
}

.search-input:focus {
    border-color: #4F46E5 !important;  /* Индиго при фокусе */
    box-shadow: 0 4px 20px rgba(79, 70, 229, 0.15) !important;  /* Тень с цветом индиго */
}

/* Темная тема */
[data-bs-theme="dark"] .search-input {
    border-color: var(--border-light) !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .search-input:focus {
    border-color: #6366F1 !important;  /* Яркий индиго для темной темы */
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.2) !important;
}