/**
 * DropX - Главный CSS файл
 * Импортирует все стили проекта
 */

/* Базовые стили */
@import url("./base/reset.ba465a4db33b.css");
@import url("./base/variables.e04a4b84855f.css");
@import url("./base/typography.100af7726a8d.css");
@import url("./base/layout.b29f775b293e.css");
@import url("./base/animations.345bba49818f.css");
@import url("./base/glass.bc98f2ebbaab.css");

/* Утилиты */
@import url("./base/utilities.a14a24690d62.css");

/* Миксины */
@import url("./mixins/glass-elements.e1f4a67a24d7.css");
@import url("./mixins/form-elements.38a12311f31e.css");
@import url("./mixins/transition-effects.79cae0617364.css");

/* Компоненты */
@import url("./components/buttons.12f38ce3ba40.css");
@import url("./components/forms.81f28cc0e2bd.css");
@import url("./components/cards.155f318bb8a2.css");
@import url("./components/navigation.0eeb5864a7e0.css");
@import url("./components/modal.03b10d4b1bf5.css");
@import url("./components/modal-system.9e535887b013.css");
@import url("./components/quickview_modal.f17d54dd6275.css");
@import url("./components/tooltip.c6d6072e82f6.css");
@import url("./components/pagination.954f9f7625cf.css");
@import url("./components/tables.1a3decf3e0c9.css");
@import url("./components/icon.1130e9e9d583.css");
@import url("./components/effects.3e0a63c5d465.css");
@import url("./components/toast.b7f42b8b2ad4.css");
@import url("./components/footer.478234063b68.css");
@import url("./components/overlay.48eb980a6123.css");
@import url("./components/theme-toggle.c978bb75f8e8.css");
@import url("./components/theme-notification.881f65c4d63d.css");
@import url("./components/theme-schedule.a359748c1e1d.css");
@import url("./components/theme-light-enhancements.270866d94a84.css");
@import url("./components/page-transitions.904e9b0dcdba.css");
@import url("./components/dropdown.c8986d0466d0.css");
@import url("./components/accordion.381ceeccc2c3.css");
@import url("./components/tabs.3955c7120238.css");
@import url("./components/avatar.6861df274f4e.css");
@import url("./components/badge.17d39aa73fa3.css");
@import url("./components/progress.ddfc9f23bc83.css");
@import url("./components/breadcrumb.f838c0953a73.css");
@import url("./components/glassmorphism.9cbc17ad807d.css");
@import url("./components/loader.ef691aa9c5f2.css");
@import url("./components/language-switcher.37692aa76082.css");
@import url("./components/scroll-to-top.528af064afff.css");
@import url("./components/supplier-card.65f99850e8cf.css");
@import url("./components/supplier-card-light.e8de30a548e2.css");
@import url("./components/button-load-more.aa1dac0af759.css");
@import url("./components/catalog-filters.0733ed3605f8.css");
@import url("./components/product-card.469e2d54baa0.css");
@import url("./components/product-card-light.6ac72192670d.css");
@import url("./components/dropzone.47e540d41953.css");
@import url("./components/suppliers-auth-modal.00a7dab6b6ee.css");
@import url("./components/profile.b005fb475684.css");
@import url("./components/export-detail.121a83e1c9b0.css");
@import url("./components/export-card.0b082230a9eb.css");

/* Главная страница */
@import url("./home/home.625d4c62dbbe.css");

/* Публичная часть (каталог, поставщики и т.д.) */
@import url("./public/catalog/product.5226d98db745.css");
@import url("./public/catalog/product-light.57e318617aa5.css");
@import url("./public/suppliers/suppliers.353fd43aa727.css");
@import url("./public/suppliers/suppliers-page.70fe5fe2206c.css");
@import url("./public/auth/auth.71e5a6cff4ed.css");
@import url("./public/pages/about.dd78d5c3acc4.css");
@import url("./public/pages/contacts.218bcfbbc310.css");
@import url("./public/pages/faq.52ebe3ab4f2c.css");
@import url("./public/pages/price.07a439e7d768.css");

/* Админ панель */
@import url("./admin_panel/admin.47101f0f2fb0.css");
@import url("./admin_panel/products.01ca7d88908e.css");
@import url("./admin_panel/product-preview.8d9f510bd149.css");
@import url("./admin_panel/product-detail.9b9ae0b16789.css");
@import url("./admin_panel/product-form.d75a73ab7eae.css");
@import url("./admin_panel/enhanced-filters.c31f4b6e8274.css");
@import url("./admin_panel/notifications.bb8b5668f849.css");
@import url("./admin_panel/variables.eb1d14091297.css");
@import url("./admin_panel/suppliers.87dea57bc8e2.css");
@import url("./admin_panel/supplier-form.e9e32b46018f.css");
@import url("./admin_panel/supplier-detail.a4a631e4fe23.css");

/* Переопределение стилей */
@import url("./shared/products-grid-override.d77d06c1ca51.css");

/* Стили для body */
body {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: 
    "header"
    "main"
    "footer";
  background-color: var(--bg-primary);
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: 1.5;
  margin: 0;
  /* Отступ для фиксированной навигации */
  padding-top: 60px;
  /* Плавное переключение темы */
  transition: background-color 0.3s ease, color 0.3s ease;
  overflow-x: hidden;
}

/* Стили для основного контейнера */
.main-wrapper {
  display: contents;
}

/* Учет изменения высоты навигации при скролле */
@media (max-width: 992px) {
  body {
    padding-top: 56px;
  }
}

@media (max-width: 576px) {
  body {
    padding-top: 50px;
  }
}

/* Стили для главного содержимого */
.main-content {
  grid-area: main;
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  position: relative;
  z-index: 1;
}

/* Стили для фоновых элементов, создающих эффект глубины */
.background-elements {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

.background-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 50% 10%, 
                              rgba(var(--accent-rgb), 0.15) 0%, 
                              transparent 50%);
  z-index: -2;
}

.background-shape {
  position: absolute;
  background-color: rgba(var(--accent-rgb), 0.05);
  border-radius: 50%;
  z-index: -1;
}

.shape-1 {
  width: 400px;
  height: 400px;
  top: 10%;
  left: -100px;
  opacity: 0.5;
}

.shape-2 {
  width: 300px;
  height: 300px;
  bottom: 5%;
  right: -50px;
  opacity: 0.3;
}

.shape-3 {
  width: 200px;
  height: 200px;
  top: 40%;
  right: 10%;
  opacity: 0.4;
}

/* Медиа-запросы для адаптивности */
@media (max-width: 768px) {
  .container {
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
  }
  
  .main-content {
    padding-top: var(--spacing-6);
    padding-bottom: var(--spacing-6);
  }
}

/* Специальные правила для навигации - приоритетные */
.nav-link, .nav-link:hover, .nav-link.active, 
.nav-link::after, .nav-link:hover::after {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Базовые стили для ссылок */
a {
  color: var(--link-color);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}

button {
  cursor: pointer;
  font-family: var(--font-family-base);
  border: none;
  background: none;
  outline: none;
}

/* Кастомизация скроллбара */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(var(--bg-secondary-rgb), 0.5);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(var(--accent-rgb), 0.5);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--accent-rgb), 0.7);
}

/* Стили выделения текста */
::selection {
  background-color: rgba(var(--accent-rgb), 0.3);
  color: var(--text-color);
  text-shadow: none;
}

/* Стили для печати */
@media print {
  body {
    background: white;
    color: black;
    padding: 0;
  }
  
  .no-print {
    display: none !important;
  }
  
  a {
    color: black;
    text-decoration: underline;
  }
  
  .container {
    width: 100%;
    max-width: none;
  }
}

/* Центрирование навигационного меню */
.nav-links {
    justify-content: center;
    text-align: center;
}

/* Стилизация меню для аутентифицированных пользователей */
@media (min-width: 993px) {
    .glass-nav .nav-links {
        position: absolute;
        left: 0;
        right: 0;
        width: fit-content;
        margin: 0 auto;
    }
}