/* =============================================================================
   ЦИФРА РФ — cifra_bootstrap.css
   Дочерняя тема Bootstrap Barrio. Кастомный шелл медиаплатформы.
   ============================================================================= */

/* -----------------------------------------------------------------------------
   1. ПЕРЕМЕННЫЕ ЦВЕТОВ РУБРИК
   ----------------------------------------------------------------------------- */
:root {
  --cifra-dark:      #1A1A2E;
  --cifra-accent:    #E94560;
  --cifra-bg:        #FFFFFF;
  --cifra-dark-bg:   #0F0F1A;
  --cifra-rubrics-h: 44px;

  --rubric-ai:         #7C3AED;
  --rubric-platforms:  #0284C7;
  --rubric-soft:       #0D9488;
  --rubric-hardware:   #EA580C;
  --rubric-security:   #DC2626;
  --rubric-business:   #16A34A;
  --rubric-gov:        #475569;
  --rubric-science:    #CA8A04;
}

/* -----------------------------------------------------------------------------
   2. СБРОС — убираем лишние отступы Drupal/Barrio
   ----------------------------------------------------------------------------- */
.skip-link { position: absolute; top: -100px; }
.skip-link:focus { top: 0; z-index: 9999; }

/* -----------------------------------------------------------------------------
   3. ШАПКА (.cifra-header)
   ----------------------------------------------------------------------------- */
.cifra-header {
  background: var(--cifra-dark);
  color: #fff;
}

.cifra-branding a,
.cifra-branding .site-name,
.cifra-branding .site-logo {
  color: #fff;
  text-decoration: none;
}

.cifra-branding .site-name {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.cifra-branding img {
  height: 36px;
  width: auto;
}

/* Secondary nav (справа в шапке) */
.cifra-secondary-nav .menu {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1rem;
}

.cifra-secondary-nav .menu__link {
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  font-size: 0.85rem;
}

.cifra-secondary-nav .menu__link:hover { color: #fff; }

/* -----------------------------------------------------------------------------
   4. ПОЛОСА РУБРИК (.cifra-rubrics-bar)
   Drupal menu block рендерит: nav.block-menu > ul.menu > li.menu__item > a.menu__link
   ----------------------------------------------------------------------------- */
.cifra-rubrics-bar {
  background: var(--cifra-dark-bg);
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* Убираем стандартный отступ блока Drupal */
.cifra-rubrics-bar .block-menu { margin: 0; }
.cifra-rubrics-bar .block__title { display: none; }

.cifra-rubrics-bar .menu {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cifra-rubrics-bar .menu__item {
  margin: 0;
}

.cifra-rubrics-bar .menu__link {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.9rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
  white-space: nowrap;
}

.cifra-rubrics-bar .menu__link:hover,
.cifra-rubrics-bar .menu__link:focus {
  color: #fff;
  text-decoration: none;
}

.cifra-rubrics-bar .menu__link.is-active {
  color: #fff;
}

/* Рубричные цвета — active state и hover */
.cifra-rubrics-bar .menu__item:nth-child(1) .menu__link { border-color: transparent; }
.cifra-rubrics-bar .menu__item:nth-child(1) .menu__link:hover,
.cifra-rubrics-bar .menu__item:nth-child(1) .menu__link.is-active
  { border-color: var(--rubric-ai); color: #fff; }

.cifra-rubrics-bar .menu__item:nth-child(2) .menu__link:hover,
.cifra-rubrics-bar .menu__item:nth-child(2) .menu__link.is-active
  { border-color: var(--rubric-platforms); color: #fff; }

.cifra-rubrics-bar .menu__item:nth-child(3) .menu__link:hover,
.cifra-rubrics-bar .menu__item:nth-child(3) .menu__link.is-active
  { border-color: var(--rubric-soft); color: #fff; }

.cifra-rubrics-bar .menu__item:nth-child(4) .menu__link:hover,
.cifra-rubrics-bar .menu__item:nth-child(4) .menu__link.is-active
  { border-color: var(--rubric-hardware); color: #fff; }

.cifra-rubrics-bar .menu__item:nth-child(5) .menu__link:hover,
.cifra-rubrics-bar .menu__item:nth-child(5) .menu__link.is-active
  { border-color: var(--rubric-security); color: #fff; }

.cifra-rubrics-bar .menu__item:nth-child(6) .menu__link:hover,
.cifra-rubrics-bar .menu__item:nth-child(6) .menu__link.is-active
  { border-color: var(--rubric-business); color: #fff; }

.cifra-rubrics-bar .menu__item:nth-child(7) .menu__link:hover,
.cifra-rubrics-bar .menu__item:nth-child(7) .menu__link.is-active
  { border-color: var(--rubric-gov); color: #fff; }

.cifra-rubrics-bar .menu__item:nth-child(8) .menu__link:hover,
.cifra-rubrics-bar .menu__item:nth-child(8) .menu__link.is-active
  { border-color: var(--rubric-science); color: #fff; }

/* -----------------------------------------------------------------------------
   5. ОСНОВНОЙ КОНТЕНТ
   ----------------------------------------------------------------------------- */
.cifra-highlighted { background: #fffbeb; }
.cifra-highlighted .messages { margin: 0; }

.cifra-help { padding-top: 1rem; }

/* -----------------------------------------------------------------------------
   6. ЦВЕТОВЫЕ МЕТКИ РУБРИК (бейджи на карточках)
   ----------------------------------------------------------------------------- */
.rubric-badge {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  border-radius: 2px;
}

.rubric-badge--ai         { background: var(--rubric-ai); }
.rubric-badge--platforms  { background: var(--rubric-platforms); }
.rubric-badge--soft       { background: var(--rubric-soft); }
.rubric-badge--hardware   { background: var(--rubric-hardware); }
.rubric-badge--security   { background: var(--rubric-security); }
.rubric-badge--business   { background: var(--rubric-business); }
.rubric-badge--gov        { background: var(--rubric-gov); }
.rubric-badge--science    { background: var(--rubric-science); }

/* -----------------------------------------------------------------------------
   7. ФУТЕР
   ----------------------------------------------------------------------------- */
.cifra-footer {
  margin-top: 3rem;
  font-size: 0.875rem;
}

.cifra-footer a { color: rgba(255,255,255,0.7); }
.cifra-footer a:hover { color: #fff; }

/* Скрываем "Powered by Drupal" в production-подобном режиме */
.cifra-footer .block-system-powered-by-block { display: none; }