/* APEX customization for Planka 2.1.1
   Доставка: nginx sub_filter, см. infra/server/nginx-board.apex-dev.xyz.conf
   Спека:    docs/superpowers/specs/2026-09-14-planka-ui-customization-design.md

   ВАЖНО: не цепляться за хешированные классы Planka (_wrapper_jdrq3_89,
   _formTitle_45te1_36 и подобные _xxx_hash_nn) — хеш меняется при каждой
   пересборке Planka. Только href-атрибуты и классы semantic-ui. */

/* --- 1. Рекламный баннер PLANKA Pro ---------------------------------------
   Ловим по URL, а не по тексту: текст ротируется
   («More features for your boards» → «Calendar View for your boards»).

   ОБЯЗАТЕЛЬНО указывать ?ref=app-banner. Ссылок на planka.app/pro на странице две:
     ?ref=app-banner — баннер-строка вверху, её скрываем вместе с контейнером;
     ?ref=app-menu   — пункт «Upgrade Team to Pro» в меню пользователя.
   Без уточнения по ref правило скрывало контейнер МЕНЮ целиком, и вместе с рекламой
   пропадали Settings / Administration / About the App / Log Out. */
div:has(> a[href*="planka.app/pro?ref=app-banner"]) {
  display: none !important;
}

/* Пункт «Upgrade Team to Pro» в меню пользователя — скрываем саму ссылку,
   а НЕ её родителя: родитель здесь и есть контейнер всех пунктов меню. */
a[href*="planka.app/pro?ref=app-menu"] {
  display: none !important;
}

/* --- 2. Логотип на главной: PLANKA → APEX ---------------------------------
   :not(:has(i)) отсекает ту же ссылку на борде — там внутри
   <i class="arrow left fitted icon">, это навигация «назад», её не трогаем. */
a[href="/"]:not(:has(i)) {
  font-size: 0 !important;
}
a[href="/"]:not(:has(i))::before {
  content: "APEX";
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #FF7A1A;
}

/* --- 3. Заголовок на экране логина: PLANKA → APEX -------------------------
   Ограничено body:has(...) с якорем «Powered by PLANKA» — эта ссылка на github
   есть ТОЛЬКО на экране логина (на главной 0 совпадений, проверено).
   Голый селектор h1 трогать нельзя: описание карточки рендерит markdown,
   и строка «# Заголовок» там тоже становится h1 — она бы исчезла. */
body:has(a[href*="github.com/plankanban"]) h1 {
  font-size: 0 !important;
}
body:has(a[href*="github.com/plankanban"]) h1::before {
  content: "APEX";
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #FF7A1A;
  /* без этих двух строк h1 схлопывается до 14px: ::before наследует нулевой
     line-height от обнулённого родителя */
  display: inline-block;
  line-height: 1.15;
}

/* --- 4. Картинка-логотип на экране логина --------------------------------
   Цепляемся за префикс имени файла: и класс (_logo_45te1_70), и хеш в имени
   (logo-Bw8O3-n3.png) меняются при пересборке Planka, а префикс /assets/logo- нет. */
img[src*="/assets/logo-"] {
  content: url("/apex-icon.svg");
  width: 144px;
  height: 144px;
}

/* --- 5. Шапка: графит вместо полупрозрачной чёрной + акцентная линия ------ */
div:has(> .ui.inverted.menu) {
  background: #15181D !important;
  border-bottom: 2px solid #FF7A1A !important;
}