@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

/* ==========================================================================
   BotLab.su Clean Light Theme Custom CSS for Joomla 5 / 6
   ========================================================================== */

:root {
  --botlab-brand: #FF5722;
  --botlab-brand-hover: #F4511E;
  --botlab-navy: #0A1F44;
  --botlab-border: #E2E8F0;
  --botlab-light-bg: #F8FAFD;
}

/* ФИРМЕННЫЙ ШРИФТ ЛОГОТИПА BOTLAB.SU 1:1 С ТЕСТОВЫМ СЕРВЕРОМ */
.botlab-logo-font {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
}

/* СТИЛИЗАЦИЯ КАРТОЧЕК ОТЗЫВОВ (ВНЕШНЯЯ НЕОМОРФНАЯ ТЕНЬ И ОБРАМЛЕНИЕ 1:1) */
.review-card-item {
  box-shadow: 14px 14px 35px rgba(10, 31, 68, 0.06), -14px -14px 35px rgba(255, 255, 255, 1) !important;
  border-radius: 32px !important;
}

/* ПОДАВЛЕНИЕ СТОРОННИХ ЗАГОЛОВКОВ JOOMLA HOME (ПРИ ЭТОМ ХЛЕБНЫЕ КРОШКИ MOD_BREADCRUMBS ОТОБРАЖАЮТСЯ НА ВСЕХ ВНУТРЕННИХ СТРАНИЦАХ) */
.page-header, 
.page-title, 
h1.page-header, 
.com-content-category-blog__title, 
.com-content-featured__title {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ГОЛУБАЯ ПОДСВЕТКА ВЫБРАННОГО ПУНКТА МЕНЮ (#F0F7FF) КАК НА ТЕСТОВОМ СЕРВЕРЕ (БЕЗ СЕРОГО ФОКУСА) */
.mobile-nav-item:focus,
.mobile-nav-item:active,
.desktop-nav-item:focus,
.desktop-nav-item:active {
  outline: none !important;
}

/* ГАРАНТИЯ БЕЛОГО ТЕКСТА НА АКТИВНЫХ КНОПКАХ ФИЛЬТРОВ И КАТЕГОРИЙ ПРИ ФОКУСЕ И НАЖАТИИ (ANTI-BLACK-TEXT MOBILE & DESKTOP) */
.case-btn.active,
.case-btn.active *,
.case-btn.active:focus,
.case-btn.active:focus *,
.case-btn.active:focus-visible,
.case-btn.active:focus-visible *,
.case-btn.active:active,
.case-btn.active:active *,
.case-btn.active:hover,
.case-btn.active:hover *,
.store-cat-btn.active,
.store-cat-btn.active *,
.store-cat-btn.active:focus,
.store-cat-btn.active:focus *,
.store-cat-btn.active:focus-visible,
.store-cat-btn.active:focus-visible *,
.store-cat-btn.active:active,
.store-cat-btn.active:active *,
.store-cat-btn.active:hover,
.store-cat-btn.active:hover *,
.tech-tab-btn.active,
.tech-tab-btn.active *,
.tech-tab-btn.active:focus,
.tech-tab-btn.active:focus *,
.tech-tab-btn.active:focus-visible,
.tech-tab-btn.active:focus-visible *,
.tech-tab-btn.active:active,
.tech-tab-btn.active:active *,
.tech-tab-btn.active:hover,
.tech-tab-btn.active:hover *,
.cat-btn.active,
.cat-btn.active *,
.cat-btn.active:focus,
.cat-btn.active:focus *,
.cat-btn.active:focus-visible,
.cat-btn.active:focus-visible *,
.cat-btn.active:active,
.cat-btn.active:active *,
.cat-btn.active:hover,
.cat-btn.active:hover *,
button.active,
button.active *,
button.active:focus,
button.active:focus *,
button.active:focus-visible,
button.active:focus-visible *,
button.active:active,
button.active:active *,
[data-active="true"],
[data-active="true"] *,
[data-active="true"]:focus,
[data-active="true"]:focus *,
[data-active="true"]:active,
[data-active="true"]:active *,
button[class*="bg-[#0A1F44]"]:focus,
button[class*="bg-[#0A1F44]"]:focus *,
button[class*="bg-[#0A1F44]"]:focus-visible,
button[class*="bg-[#0A1F44]"]:focus-visible *,
button[class*="bg-[#0A1F44]"]:active,
button[class*="bg-[#0A1F44]"]:active *,
button[class*="bg-[#FF5722]"]:focus,
button[class*="bg-[#FF5722]"]:focus *,
button[class*="bg-[#FF5722]"]:active,
button[class*="bg-[#FF5722]"]:active * {
  background-color: #0A1F44 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  outline: none !important;
}

/* КВАДРАТНАЯ КНОПКА ГАМБУРГЕРА («БУТЕРБРОД») ТОЛЬКО НА МОБИЛЬНЫХ (<1024px) */
@media (max-width: 1023px) {
  #botlab-mobile-menu-btn,
  button[onclick="toggleMobileMenu()"] {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }
}

@media (min-width: 1024px) {
  #botlab-mobile-menu-btn,
  button[onclick="toggleMobileMenu()"] {
    display: none !important;
  }
}

/* Headings */
h1, h2, h3, h4 {
  color: var(--botlab-navy);
}

/* Clean Links */
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}

/* Selection */
::selection {
  background: var(--botlab-brand);
  color: #FFFFFF;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--botlab-brand);
}