/* Липкий хедер */
.w3-top-bar, .sticky-menu {position: sticky;top: 0;z-index: 1000}
/* Категорії як сітка */
.category-grid {display: flex;flex-wrap: wrap;gap: 16px}
/* Кожен елемент сітки */
.category-item {flex: 1 1 calc(33.333% - 16px);display: flex}
/* Картка категорії */
.category-card {width: 100%;min-height: 220px;padding: 24px;text-align: center;border-radius: 10px;background: #e2f1f4;border: 2px solid #e0e0e0;box-shadow: 1px 4px 5px #91939c;transition: 0.25s ease;display: flex;flex-direction: column;justify-content: space-between}
.category-card:hover {transform: translateY(-6px);background: #c4eff6;border-color: #4da3ff;box-shadow: 0 6px 18px rgb(160, 165, 188);}
/* Іконка */
.category-icon {font-size: 48px;margin-bottom: 6px}
/* Кнопка теми з фконкою */
.theme-toggle-btn {display: flex;align-items: center;gap: 6px;font-size: 20px}
/* RSS‑віджет */
.rss-widget {border-left: 4px solid #ff9800}
/* Підсвічування знайдених слів */
.highlight {background-color: #ffeb3b;color: #000;padding: 0 2px;border-radius: 2px}
/* Адаптивність для мобільних гаджетів */
@media (max-width: 900px) {.category-item {flex: 1 1 calc(50% - 16px)}}
@media (max-width: 600px) {.category-item {flex: 1 1 100%}}

/* Адаптивна таблиця для мобільних */
.table-container {overflow-x: auto;width: 100%}
/* Таблиця займає всю ширину */
.w3-table-all {width: 100%;border-collapse: collapse}
/* Комірки не злипаються */
.w3-table-all td, .w3-table-all th {padding: 8px;word-break: break-word}
/* Sticky-заголовок таблиці */
.w3-table-all thead th {position: sticky;top: 0;z-index: 2}

#sourcesTable thead th {position: sticky; top: 0; z-index: 2}
#globalSearchTable thead th {position: sticky; top: 0; z-index: 2}

/* Стиль генерованого меню */
#references-menu {margin-bottom: 16px}
.references-menu-list {list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px}
.references-menu-item a {display: inline-block;padding: 4px 8px;text-decoration: none;border-radius: 4px}
.references-menu-item.active a {font-weight: bold;text-decoration: underline}

/* dropdown menu */
.dropdown-menu {display: none;position: absolute;min-width: 240px;border-radius: 6px;overflow: hidden;opacity: 0;transform: translateY(-8px);transition: opacity 0.15s ease, transform 0.15s ease;z-index: 9999}
.dropdown-menu.show {display: block;opacity: 1;transform: translateY(0)}
.dropdown-menu.light {background: #fff;color: #000}
.dropdown-menu a {display: block;padding: 10px 16px;text-decoration: none}
.dropdown-menu a:hover {background: rgba(0,0,0,0.08)}
.dropdown-menu a.active {font-weight: bold;background: rgba(0,0,0,0.15)}

/* Темна тема */
body.dark-mode {background-color: #121212; color: #f1f1f1}
body.dark-mode .w3-card {background-color: #1e1e1e}
body.dark-mode a {color: #1c95ec}
body.dark-mode .category-card {background: #1e1e1e;border-color: #333;color: #f1f1f1}
body.dark-mode .category-card:hover {background: #2a2a2a;border-color: #66b3ff;box-shadow: 0 6px 18px rgba(255,255,255,0.15)}
body.dark-mode .dropdown-menu {background: #1e1e1e;color: #fff}
body.dark-mode .dropdown-menu a:hover {background: rgba(255,255,255,0.1)}
body.dark-mode .dropdown-menu a.active {background: rgba(255,255,255,0.2)}
body.dark-mode .highlight {background-color: #ffc107;color: #000}

/* Темна тема для таблиць */
body.dark-mode .w3-table-all {background-color: #1e1e1e;color: #f0f0f0}
body.dark-mode .w3-table-all th {background-color: #333;color: #f0f0f0}
body.dark-mode .w3-table-all td {background-color: #1e1e1e;color: #f0f0f0}
body.dark-mode .w3-table-all tr:hover td {background-color: #2a2a2a}