/* custom-uikit.css - Синяя профессиональная тема для UIkit */
:root {
  /* Основные цвета темы */
  --default-color: var(--page-card);				/* Цвет по умолчанию */
  --primary-color: var(--page-primary-color);       /* Первичный цвет */
  --primary-light: var(--page-primary-light);       /* Первичный светлый */
  --secondary-color: var(--page-secondary-color);   /* Вторичный цвет */  
  --accent-color: var(--page-accent-color);    		/* Цвет аксента */
  --light-bg: var(--page-light-bg);            		/* Светлый фон */
  --text-dark: var(--page-text-dark);          		/* Темный текст */
  --text-light: var(--page-text-light);       		/* Светлый текст */
  --border-color: var(--page-border-color);   		/* Цвет границ */
}

/* ========== ПЕРЕОПРЕДЕЛЕНИЕ ЦВЕТОВ UIkit ========== */

/* Основные цвета текста и фона */
.uk-link,
.uk-link a,
a {
  color: var(--primary-light);
}

.uk-link:hover,
.uk-link a:hover,
a:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

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

.uk-text-secondary {
  color: var(--accent-color) !important;
}

/* Кнопки */
.uk-button-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--text-light);
}

.uk-button-primary:hover {
  background-color: var(--secondary-color); /* Более темный оттенок */
  color: var(--text-light);
}

.uk-button-secondary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--text-light);
}

.uk-button-secondary:hover {
  background-color: #16a085; /* Более темный бирюзовый */
  color: var(--text-light);
}

.uk-button-default {
  border-color: var(--border-color);
  color: var(--text-dark);
}

.uk-button-default:hover {
  border-color: var(--primary-light);
  color: var(--primary-color);
}

/* Карточки */
.uk-card-default {
  background-color: var(--default-color);
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.1);
}

.uk-card-default .uk-card-title {
  color: var(--primary-color);
}

.uk-card-primary {
  background-color: var(--primary-color);
  color: var(--text-light);
}

.uk-card-primary .uk-card-title {
  color: var(--text-light);
}

.uk-card-secondary {
  background-color: var(--accent-color);
  color: var(--text-light);
}

.uk-card-secondary .uk-card-title {
  color: var(--text-light);
}

/* Навигация */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background-color: var(--primary-color);
}

.uk-navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.8);
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded="true"] {
  color: var(--text-light);
}

.uk-navbar-nav > li.uk-active > a {
  color: var(--text-light);
}

/* Формы */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  border-color: var(--primary-light);
}

.uk-checkbox:focus,
.uk-radio:focus {
  border-color: var(--primary-light);
}

.uk-checkbox:checked,
.uk-radio:checked {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}

/* Таблицы */
.uk-table th {
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-light);
}

.uk-table tbody tr:hover {
  background-color: rgba(52, 152, 219, 0.05);
}

/* Аккордеоны */
.uk-accordion-title {
  color: var(--primary-color);
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
}

.uk-accordion-title:hover {
  color: var(--primary-light);
}

/* Бейджи и лейблы */
.uk-badge {
  background-color: var(--primary-light);
}

.uk-label,.uk-subnav-pill > .uk-active > a {
  background-color: var(--primary-color);
}

/* Прогресс-бар */
.uk-progress::-webkit-progress-value {
  background-color: var(--primary-light);
}

.uk-progress::-moz-progress-bar {
  background-color: var(--primary-light);
}

/* Уведомления */
.uk-notification-message {
  background-color: var(--primary-color);
  color: var(--text-light);
}

.uk-notification-message-primary {
  background-color: var(--primary-light);
}

.uk-notification-message-success {
  background-color: var(--accent-color);
}

/* Вкладки (Tabs) */
.uk-tab::before {
  border-bottom-color: var(--border-color);
}

.uk-tab > .uk-active > a {
  color: var(--primary-color);
  border-color: var(--primary-light);
}

/* Пагинация */
.uk-pagination > .uk-active > * {
  color: var(--primary-color);
}

/* Фон и секции */
.uk-section-muted {
  background-color: var(--light-bg);
}

.uk-section-primary {
  background-color: var(--primary-color);
  color: var(--text-light);
}

.uk-section-secondary {
  background-color: var(--accent-color);
  color: var(--text-light);
}

/* Тайлы (Tiles) */
.uk-tile-muted {
  background-color: var(--light-bg);
}

.uk-tile-primary {
  background-color: var(--primary-color);
  color: var(--text-light);
}

.uk-tile-secondary {
  background-color: var(--accent-color);
  color: var(--text-light);
}

/* Модальные окна */
.uk-modal-dialog {
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(44, 62, 80, 0.2);
}

/* Выпадающие меню */
.uk-dropdown {
  border: 1px solid var(--border-color);
  box-shadow: 0 5px 12px rgba(44, 62, 80, 0.15);
}

/* Индикаторы и иконки */
.uk-icon-button {
  background-color: var(--light-bg);
  color: var(--primary-color);
}

.uk-icon-button:hover {
  background-color: var(--primary-light);
  color: var(--text-light);
}

.uk-slidenav {
  color: var(--primary-color);
}

.uk-slidenav:hover {
  color: var(--primary-light);
}

/* Специальные утилиты */
.uk-box-shadow-small {
  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.1);
}

.uk-box-shadow-medium {
  box-shadow: 0 5px 15px rgba(44, 62, 80, 0.1);
}

.uk-box-shadow-large {
  box-shadow: 0 14px 25px rgba(44, 62, 80, 0.16);
}

/* Ховер-эффекты для карточек */
.uk-card-hover:not(.uk-card-default, .uk-card-primary, .uk-card-secondary):hover {
  box-shadow: 0 14px 25px rgba(44, 62, 80, 0.16);
}

/* Для темных областей (инверсные цвета) */
.uk-light,
.uk-offcanvas-bar,
.uk-section-primary,
.uk-section-secondary,
.uk-tile-primary,
.uk-tile-secondary {
  --uk-inverse: light;
}

.uk-light .uk-link,
.uk-light a,
.uk-offcanvas-bar .uk-link,
.uk-offcanvas-bar a {
  color: var(--text-light);
}

.uk-light .uk-link:hover,
.uk-light a:hover,
.uk-offcanvas-bar .uk-link:hover,
.uk-offcanvas-bar a:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* Адаптивные улучшения */
@media (max-width: 959px) {
  .uk-navbar-nav > li > a {
    color: var(--text-dark);
  }
  
  .uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: var(--default-color);
    border-bottom: 1px solid var(--border-color);
  }
}