/* Overlay при активному пошуку в Zoho Desk */
.SearchContainer__searchpanel.commonStyles__overlay {
  background-color: rgba(166, 204, 233, 0.95); !important;
}

:root {
  --color-accent: #0078D2;
  --color-accentShade30: #006CBD;
  --color-buttonPrimary: #0078D2;
  --color-brand: #000000;
  --color-linkHover: #000000;
  --color-accentTint90: #E4F2FF;
}

.Input__input:focus,
.Textarea__textarea:focus {
  box-shadow: 0 0 0 2px #C8E6FF;
}

.Radiogroupalternate__radiobutton [type="radio"]:checked + .Radiogroupalternate__radiolabel {
  border-left-color: #006CBD;
  box-shadow: 0 2px #006CBD;
}

.Radio__radioButton [type="radio"]:checked + .Radio__radioLabel {
  border-left-color: #006CBD;
  box-shadow: 0 2px #006CBD;
}

div.FooterContainer__footerBottom,
div[class*="FooterContainer__footerBottom"],
.HomeContainer__minHeight,
div[class*="HomeContainer__minHeight"] {
  display: none !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Скрываем только агентский логин, пароль остаётся */
.Signin__loginHalf.Signin__agentlogin {
  position: relative !important;
}
.Signin__loginHalf.Signin__agentlogin > * {
  display: none !important;
}
.Signin__loginHalf.Signin__agentlogin::before {
  content: "Якщо вам не надійшло запрошення до нашої нової тікет-системи — будь ласка, напишіть нам у чаті.\A\AВ повідомленні вкажіть вашу email-адресу та ми одразу надішлемо запрошення.";
  white-space: pre-line;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 20px;
  border: 1px solid #000;
  background: #fff;
  color: #c40000;
  font-size: 15px;
  line-height: 1.5;
}

/* Скрываем агентский логин на странице "Забули пароль" */
#agentLogin {
  position: relative !important;
}
#agentLogin > * {
  display: none !important;
}
#agentLogin::before {
  content: "Якщо вам не надійшло запрошення до нашої нової тікет-системи — будь ласка, напишіть нам у чаті.\A\AВ повідомленні вкажіть ваш email та ми одразу надішлемо запрошення.";
  white-space: pre-line;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 20px;
  border: 1px solid #000;
  background: #fff;
  color: #c40000;
  font-size: 15px;
  line-height: 1.5;
}

/* Футер на главной */

/* Контейнер */
.PlacardBlock__container1 {
    padding: 16px !important;
}

/* Скрыть большой заголовок */
.PlacardBlock__title {
    display: none !important;
}

/* Текст */
.PlacardBlock__container1 p {
    font-size: 14px !important;
    margin-bottom: 12px !important;
}

/* Кнопка */
.PlacardBlock__container1 button,
.PlacardBlock__container1 a {
    font-size: 14px !important;
    padding: 8px 14px !important;
    border-radius: 16px !important;
}

/* Заменяем "На платформі Zoho Desk" на свой текст */
.Footer__container2 {
  position: relative !important;
}
.Footer__container2 > * {
  display: none !important;
}
.Footer__container2::before {
  content: "Підтримка, якій не байдуже. З турботою про ваші нерви та сайти — команда HOSTiQ.ua 💙💛";
  display: block;
  text-align: center;
  padding: 12px 20px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,0.8);
}

/* Компактный футер "Досі не може знайти відповіді?" */
.Footer__footerInfo {
  padding: 1px 100px !important;
}
.Footer__footerQus {
  font-size: 18px !important;
}
.Footer__footerDescription {
  font-size: 15px !important;
}
.Footer__footerInfo button,
.Footer__footerInfo a {
  font-size: 13px !important;
  padding: 8px 16px !important;
}

/* 2. Белый текст "Увійти" в навигации */
[data-id="signin_breadcrumb_1"] {
  color: #fff !important;
}

/* 3. Белый плейсхолдер в поиске */
.Input__searchBox::placeholder {
  color: rgba(255,255,255,0.7) !important;
}
.Input__searchBox {
  color: #fff !important;
}

/* Компактный хедер */
.Header__searchSection {
  padding: 30px 0 25px !important;
  min-height: 0 !important;
  height: auto !important;
}

.Header__searchTitle {
  font-size: 33px !important;
  margin-bottom: 20px !important;
  margin-top: 80px !important;
}

.Header__searchTitle {
  font-size: 0 !important;
}
.Header__searchTitle::before {
  content: "Вітаємо в Центрі турботи";
  font-size: 33px;
}

.Header__navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background-color: #012459 !important;
}