/* ============================================================================
 * Hive-брендинг GitLab — инжектится внешним nginx через sub_filter (Req 23).
 * GitLab CE не имеет нативного custom CSS (issue gitlab#15199) — это обход.
 * Палитра/шрифты из frontend/hivebootcamp.app (design-tokens.css «Glow Hive»):
 *   accent #1e7548, шрифт заголовков Unbounded.
 * Правь смело: nginx отдаёт файл как /hive-theme.css, рестарт не нужен — только refresh.
 * ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700&display=swap');

:root {
  --hive-primary: #1e7548;     /* Glow Hive accent */
  --hive-secondary: #16623a;   /* accent-soft */
  --hive-glow: rgba(45, 156, 110, 0.28);
}

/* Навбар / топбар в Hive-зелёный */
.navbar-gitlab,
.super-sidebar .super-sidebar-context-header,
header.navbar-gitlab .title-container {
  background-color: var(--hive-primary) !important;
}
/* текст на зелёном фоне — белый (иначе тёмный дефолт нечитаем) */
.super-sidebar .super-sidebar-context-header,
.super-sidebar .super-sidebar-context-header *,
.navbar-gitlab, .navbar-gitlab * {
  color: #fff !important;
}

/* Основные кнопки */
.btn-confirm,
.btn-success,
.gl-button.btn-confirm {
  background-color: var(--hive-primary) !important;
  border-color: var(--hive-primary) !important;
}
.btn-confirm:hover,
.btn-success:hover {
  background-color: var(--hive-secondary) !important;
  border-color: var(--hive-secondary) !important;
}
/* белый текст на зелёных кнопках (наш тёмный зелёный → дефолтный тёмный текст нечитаем) */
.btn-confirm,
.btn-success,
.gl-button.btn-confirm,
.btn-confirm .gl-button-text,
.btn-success .gl-button-text,
.btn-confirm span,
.btn-success span {
  color: #fff !important;
}

/* Ссылки-акценты */
a.gl-link,
.gl-text-blue-500 {
  color: var(--hive-primary);
}

/* ===== Страница логина — white-label под HiveBootcamp ===================== */

/* убрать GitLab-лого, заголовок заменить на бренд-wordmark (Unbounded) */
img[alt*="GitLab"],
.js-portrait-logo-detection {
  display: none !important;
}
h1.gl-text-size-h2 {
  font-size: 0 !important;
  line-height: 0 !important;
  margin-bottom: 1.5rem !important;
}
h1.gl-text-size-h2::after {
  content: "HiveBootcamp";
  display: block;
  font-family: 'Unbounded', sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
}

/* футер: спрятать ссылки на gitlab.com */
a[href*="about.gitlab.com"],
a[href*="forum.gitlab.com"] {
  display: none !important;
}

/* кнопка "Вход через Hive".
   ВАЖНО: .js-oauth-login — КОНТЕЙНЕР (form + кнопка + чекбокс). Его фон НЕ красить
   (иначе зелёным зальётся весь блок) — красим только саму кнопку. */
.js-oauth-login {
  background-color: transparent !important;
}
.js-oauth-login .js-omniauth-form button[type="submit"] {
  background-color: var(--hive-primary) !important;
  border-color: var(--hive-primary) !important;
  font-weight: 600 !important;
}
.js-oauth-login .js-omniauth-form button[type="submit"]:hover {
  background-color: var(--hive-secondary) !important;
  border-color: var(--hive-secondary) !important;
}
.js-oauth-login .js-omniauth-form button[type="submit"] .gl-button-text,
.js-oauth-login .js-omniauth-form button[type="submit"] span {
  color: #fff !important;
}
/* убрать дублирующий "Remember me" внутри omniauth-блока (есть основной выше) */
.js-oauth-login .gl-form-checkbox {
  display: none !important;
}

/* фокус-ринг полей в акцент */
.form-control:focus,
.login-page input:focus {
  border-color: var(--hive-primary) !important;
  box-shadow: 0 0 0 3px var(--hive-glow) !important;
}
