/* =========================================
   TIEKTA Pages Styles
   Specific styles for individual pages
========================================= */

.breadcrumbs-section {
    background: var(--color-surface-secondary);
    padding: 20px 0;
    border-bottom: 1px solid var(--color-stroke);
}


/* Hero Section for Company Page */
.company-hero {
    position: relative;
    padding: 40px 0;
    overflow: hidden;
}

.company-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(43, 43, 58, 0.95) 0%, rgba(43, 43, 58, 0.4) 50%, rgba(43, 43, 58, 0) 100%);
    z-index: 1;
}

.company-hero__container {
    position: relative;
    z-index: 2;
}

.company-hero__breadcrumbs {
    display: inline-flex;
    padding: 8px 20px;
    background: rgba(43, 43, 58, 0.6);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin-bottom: 40px;
}

.company-hero__breadcrumb-item {
    background: transparent !important;
    padding: 0 !important;
    gap: 8px;
    display: flex;
    align-items: center;
}

.company-hero__breadcrumb-marker--dimmed {
    background: rgba(255, 255, 255, 0.3) !important;
    animation: none !important;
}

.company-hero__breadcrumb-text {
    font-size: 12px;
    font-family: "Fira Sans", sans-serif;
}

.company-hero__breadcrumb-text--dimmed {
    color: rgba(255, 255, 255, 0.7);
}


/* Light Version of Breadcrumbs */
.company-hero__breadcrumbs--light {
    background: var(--color-surface-primary);
}

.company-hero__breadcrumbs--light .company-hero__breadcrumb-text {
    color: var(--color-content-primary);
}

.company-hero__breadcrumbs--light .company-hero__breadcrumb-text--dimmed {
    color: var(--color-content-secondary); 
}

.company-hero__breadcrumbs--light .company-hero__breadcrumb-marker--dimmed {
    background: var(--color-stroke) !important;
}

.company-hero__title {
    font-size: 48px;
    line-height: 56px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 850px;
    font-weight: 600;
}

.company-hero__stats-wrapper {
    margin-top: 40px;
}

.company-hero__stats-card {
    background: rgba(43, 43, 58, 0.7) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 30px !important;
}

.company-hero__stat-title {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 600;
    font-size: 26px;
    color: #fff;
    margin: 0;
}

.company-hero__stat-value {
    color: var(--color-accent-primary) !important;
}

.company-hero__stat-desc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}

.company-hero__stat-small-title {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    margin: 0;
}

/* Response Adaptive Styles */

@media (max-width: 1200px) {
    .company-hero__title {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 959px) {
    .company-hero {
        min-height: 500px;
        padding: 60px 0;
    }

    .company-hero__overlay {
        background: linear-gradient(0deg, rgba(43, 43, 58, 0.95) 0%, rgba(43, 43, 58, 0.6) 50%, rgba(43, 43, 58, 0.2) 100%);
    }

    .company-hero__title {
        font-size: 32px;
        line-height: 38px;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .company-hero__stats-card {
        padding: 20px !important;
    }

    .company-hero__stats-wrapper {
        margin-top: 20px;
    }
}

@media (max-width: 639px) {
    .company-hero {
        min-height: auto;
        padding: 40px 0;
    }

    .company-hero__title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 25px;
    }

    .company-hero__breadcrumbs {
        padding: 6px 15px;
        margin-bottom: 20px;
    }

    .company-hero__stat-title {
        font-size: 22px;
    }

    .company-hero__stat-small-title {
        font-size: 16px;
        line-height: 18px;
    }

    .company-hero__stat-desc {
        font-size: 13px;
        line-height: 18px;
    }
}



.uk-nav li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.uk-nav-default {
    font-size: 16PX;
    line-height: 1.5;
}

.uk-nav-default>li>a {
    color: var(--color-content-secondary);
}

.uk-badge {
    box-sizing: border-box;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    background: var(--color-content-secondary);
    color: #fff !important;
    font-size: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

.project-map-height {
    height: 600px;
}

@media (max-width: 959px) {
    .project-map-height {
        height: 400px;
    }
}


.project-map-gr-bg {
    background: linear-gradient(180deg, #F5F6FA 0%, #F5F6FA00 100%);
    padding-bottom: 60px;
}

.uk-list-primary>::marker
 {
    color: #fed110 !important;
}

.uk-list-divider>:nth-child(n+2) {
    border-top: 1px solid var(--color-stroke);
}

.u-cut-media .uk-overlay .u-card-default {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.uk-grid-divider>:not(.uk-first-column)::before {
    border-left: 1px solid var(--color-stroke);
}




/* Основной контейнер */
.blog-nav {
    padding: 0;
}

/* Список */
.blog-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Элемент списка */
.blog-nav__item {
  margin-bottom: 20px;
}

/* Ссылка */
.blog-nav__link {
  text-decoration: none;
  color: var(--text-secondary); /* Использование переменной */
  font-size: 16px;
  transition: color 0.2s ease;
  display: block;
}

/* Эффект при наведении */
.blog-nav__link:hover {
  color: var(--text-primary);
  font-weight: 600;
}

/* Активный элемент */
.blog-nav__link.active {
  color: var(--text-primary);
  font-weight: 600;
}

/* Если нужно подсветить активный элемент боковой полоской */
.blog-nav__link.active {
    border-right: 3px solid var(--text-primary);
    margin-right: -30px;
    padding-right: 20px;
}

@media (max-width: 768px) {
  /* Контейнер для навигации */
  .blog-nav {
    overflow-x: auto; /* Включаем горизонтальный скролл */
    overflow-y: hidden;
    white-space: nowrap; /* Запрещаем перенос строк */
    display: block;
    -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
    padding-bottom: 5px; /* Место, чтобы визуально "оторвать" от границы */
    margin: 0 -15px; /* Выводим за пределы паддингов родителя (опционально) */
    padding-left: 15px;
  }

  /* Список в ряд */
  .blog-nav__list {
    display: flex;
    flex-direction: row;
    gap: 20px; /* Расстояние между пунктами */
  }

  /* Сбрасываем нижний отступ у элементов */
  .blog-nav__item {
    margin-bottom: 0;
    flex-shrink: 0; /* Чтобы элементы не сжимались */
  }

  /* Стилизация ссылок под мобильный вид (как на скрине) */
  .blog-nav__link {
    padding-bottom: 8px; /* Место для линии снизу */
    border-right: none !important; /* Убираем боковую полоску */
    margin-right: 0 !important;
    padding-right: 0 !important;
    display: inline-block;
  }

  /* Линия снизу для активного элемента (синяя на скрине) */
  .blog-nav__link.active {
    border-bottom: 2px solid var(--text-primary); /* Используем ваш синий токен */
    color: var(--text-primary);
  }

  /* Скрываем скроллбар для Chrome, Safari и Opera */
  .blog-nav::-webkit-scrollbar {
    display: none;
  }

  /* Скрываем для IE, Edge и Firefox */
  .blog-nav {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
}



.uk-modal-body {
  overflow-y: auto; 
}

.uk-modal-body::-webkit-scrollbar {
  width: 10px;
}

.uk-modal-body::-webkit-scrollbar-track {
  background: var(--color-stroke);
}

.uk-modal-body::-webkit-scrollbar-thumb {
  background: var(--color-content-secondary);
  border: 2px solid var(--color-stroke); 
}

.uk-modal-body::-webkit-scrollbar-thumb:hover {
  background: var(--color-surface-primary);
}