/* === SCU Menu Pills (restored per spec) === */

/* Базові кнопки меню */
.ast-primary-header-bar .main-header-menu > .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
  display:inline-flex;
  align-items:center;
  height:36px;
  padding:0 16px;
  border-radius:8px;               /* пігулка */
  border:1px solid transparent;
  line-height:1;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

/* Активний пункт (current) */
.ast-primary-header-bar .main-header-menu > .current-menu-item > .menu-link,
.ast-primary-header-bar .main-header-menu > .current-menu-ancestor > .menu-link,
.ast-builder-menu-1 .current-menu-item > .menu-link,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link {
  background:#002dd1;
  color:#fff;
  border-color:#002dd1;
}

/* Hover для активного — трохи темніше */
.ast-primary-header-bar .main-header-menu > .current-menu-item > .menu-link:hover,
.ast-primary-header-bar .main-header-menu > .current-menu-ancestor > .menu-link:hover,
.ast-builder-menu-1 .current-menu-item > .menu-link:hover,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link:hover {
  background:#0024b4; /* ~10–12% темніше */
  border-color:#0024b4;
  color:#fff;
}

/* Hover для НЕактивних */
.ast-primary-header-bar .main-header-menu > .menu-item:not(.current-menu-item):not(.current-menu-ancestor) > .menu-link:hover,
.ast-builder-menu-1 .menu-item:not(.current-menu-item):not(.current-menu-ancestor) > .menu-link:hover {
  background:#d4d9e3;
  color:#0f172a; /* темний текст */
  border-color:#d4d9e3;
}

/* Кнопки Вхід/Профіль/Реєстрація — outline */
.menu-item-scu-login   > a,
.menu-item-scu-profile > a,
.menu-item-scu-register> a {
  background:transparent !important;
  color:#0f172a !important;
  border-color:#cbd5e1 !important;      /* сіра рамка */
}

/* Hover для outline-кнопок — підкреслюємо рамку */
.menu-item-scu-login   > a:hover,
.menu-item-scu-profile > a:hover,
.menu-item-scu-register> a:hover {
  border-color:#94a3b8 !important;
  box-shadow:0 0 0 2px rgba(148,163,184,.15); /* м’який фокус */
}

/* Фокус-навігація (accessibility) */
.ast-primary-header-bar .main-header-menu .menu-link:focus-visible,
.ast-builder-menu-1 .menu-link:focus-visible {
  outline:none;
  box-shadow:0 0 0 3px rgba(0,45,209,.25);
  border-radius:999px;
}

/* Щоб підменю (dropdown) лишалось штатним — нічого не міняємо,
   але перестрахуємо контраст посилань усередині */
.main-header-menu .sub-menu a:hover {
  background:#eef2ff;
  color:#111827;
}
/* SCU: відстань між кнопками у хедері */
@media (min-width: 750px) { /* десктоп Astra */
  .ast-primary-header-bar .main-header-menu,
  .ast-builder-menu-1 .main-header-menu {
    display: flex;        /* про всяк */
    gap: 5px;            /* ← змінюй 8–14px під смак */
  }

  /* Фолбек, якщо gap раптом не спрацює у вашій збірці */
  .ast-primary-header-bar .main-header-menu > .menu-item,
  .ast-builder-menu-1 .main-header-menu > .menu-item {
    margin-right: 10px;
  }
  .ast-primary-header-bar .main-header-menu > .menu-item:last-child,
  .ast-builder-menu-1 .main-header-menu > .menu-item:last-child {
    margin-right: 0;
  }
}
/* Outline-стиль для auth-пунктів (і з .menu-link, і без) */
.menu-item-scu-login   > .menu-link,
.menu-item-scu-profile > .menu-link,
.menu-item-scu-register> .menu-link,
.menu-item-scu-login   > a,
.menu-item-scu-profile > a,
.menu-item-scu-register> a {
  background: transparent !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.menu-item-scu-login   > .menu-link:hover,
.menu-item-scu-profile > .menu-link:hover,
.menu-item-scu-register> .menu-link:hover,
.menu-item-scu-login   > a:hover,
.menu-item-scu-profile > a:hover,
.menu-item-scu-register> a:hover {
  border-color: #94a3b8 !important;
  box-shadow: 0 0 0 2px rgba(148,163,184,.15);
}
/* SCU: до 1024px показуємо тільки мобільний хедер */
@media (max-width:1024px){
  #ast-desktop-header{ display:none !important; }
  #ast-mobile-header{ display:block !important; }
  /* на всяк випадок: показати кнопку-бургер */
  #ast-mobile-header .menu-toggle{ display:inline-flex !important; }
}