:root{
  --tco-brand:#003B5C;
  --tco-accent:#00AFD7;
  --tco-white:#ffffff;
  --logo-sticky-h:45px;
  --hdr-text: var(--tco-white);
  --hdr-icon: var(--tco-white);
}

/* ===== БАЗА ДЛЯ ВСІХ .desktop-header ===== */
.desktop-header{
  position: fixed !important;
  top: 0; left: 0; width: 100%;
  z-index: 1000;
  background: transparent !important;
  padding-top: 35px; padding-bottom: 35px;
  transition: transform .4s, padding .4s, color .3s;
}

.desktop-header::before{
  content:"";
  position:absolute; inset:0;
  background: transparent;
  box-shadow: none;
  transition: background-color .35s, box-shadow .35s;
  z-index: 0;
  height: 112.5px;
}
.desktop-header > *{ position:relative; z-index:1; }

.elementor-sticky--effects.desktop-header{
  background: transparent !important;
  padding-top:35px !important; 
  padding-bottom:35px !important;
}

/* Тексти/іконки до порогу */
.desktop-header .e-n-menu-title-text,
.desktop-header .e-n-menu-title-text *,
.desktop-header .cto-swap-line,
.desktop-header .elementor-button-text{
  color: var(--hdr-text) !important;
  -webkit-text-fill-color: var(--hdr-text) !important;
  transition: color .3s, -webkit-text-fill-color .3s;
}

.desktop-header .e-n-menu-toggle .e-n-menu-toggle-icon svg path,
.desktop-header .e-n-menu-dropdown-icon svg path{
  fill: var(--hdr-icon);
  transition: fill .3s;
}

/* За замовчуванням біле лого */
.desktop-header .white-logo{ display:block; }
.desktop-header .black-logo{ display:none; }

/* Розмір логотипа після порогу */
.desktop-header.tco-stuck .elementor-widget-theme-site-logo img,
.desktop-header.header-scrolled .elementor-widget-theme-site-logo img{
  height: var(--logo-sticky-h);
  transition: height .3s;
}

/* ===== СТАН ПІСЛЯ СКРОЛУ ===== */
.desktop-header.tco-stuck::before,
.desktop-header.header-scrolled::before{
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

.desktop-header.tco-stuck,
.desktop-header.header-scrolled{
  --hdr-text: var(--tco-brand);
  --hdr-icon: var(--tco-brand);
}

/* Ховер у меню після порогу */
.desktop-header.tco-stuck .e-n-menu-item:hover .e-n-menu-title-text,
.desktop-header.tco-stuck .e-n-menu-item:hover .e-n-menu-title-text *,
.desktop-header.header-scrolled .e-n-menu-item:hover .e-n-menu-title-text,
.desktop-header.header-scrolled .e-n-menu-item:hover .e-n-menu-title-text *{
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;
}

/* Перемикання логотипів після скролу */
.desktop-header.tco-stuck .white-logo,
.desktop-header.header-scrolled .white-logo{ display:none; }
.desktop-header.tco-stuck .black-logo,
.desktop-header.header-scrolled .black-logo{ display:block; }

/* Кнопка header-contact-btn після фіксації */
.desktop-header.tco-stuck .header-contact-btn a,
.desktop-header.tco-stuck .header-contact-btn a .elementor-button-text,
.desktop-header.tco-stuck .header-contact-btn a .cto-swap-line,
.desktop-header.header-scrolled .header-contact-btn a,
.desktop-header.header-scrolled .header-contact-btn a .elementor-button-text,
.desktop-header.header-scrolled .header-contact-btn a .cto-swap-line{
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Smart-hide */
.desktop-header.header-hidden{ transform: translateY(-100%); }

/* ===== Лейаут (десктоп) ===== */
@media (min-width:1025px){
  .desktop-header .header-row{ display:flex; align-items:center; gap:24px; }
  .desktop-header .elementor-widget-theme-site-logo{ flex:0 0 auto; z-index:2; }
  .desktop-header .header-main{ 
    flex:1 1 0; 
    min-width:0; 
    margin-left:0 !important; 
    margin-right:0 !important;
    width:auto !important; 
  }
  .desktop-header .header-actions,
  .desktop-header .header-btns{ margin-left:auto; flex:0 0 auto; }

  .desktop-header .header-main .e-n-menu-wrapper{
    left:0 !important; right:0 !important; transform:none !important; width:auto !important;
    --stretch-left:0 !important; --stretch-width:100% !important;
  }
}

/* ========================= WHITE HEADER (DESKTOP) ========================= */
/* ===== HOVER для header-contact-btn в white-header ===== */
.desktop-header.white-header .header-contact-btn a:hover,
.desktop-header.white-header .header-contact-btn a:hover .elementor-button {
  background-color: #fff !important;
  cursor: pointer;
}

.desktop-header.white-header .header-contact-btn a:hover .elementor-button-text,
.desktop-header.white-header .header-contact-btn a:hover .elementor-button-text *,
.desktop-header.white-header .header-contact-btn a:hover .cto-swap-line,
.desktop-header.white-header .header-contact-btn a:hover .cto-swap-line * {
  color: #00AFD7 !important;
  -webkit-text-fill-color: #00AFD7 !important;
}

/* Також для фіксованого стану */
.desktop-header.white-header.tco-stuck .header-contact-btn a:hover,
.desktop-header.white-header.header-scrolled .header-contact-btn a:hover,
.desktop-header.white-header.tco-stuck .header-contact-btn a:hover .elementor-button,
.desktop-header.white-header.header-scrolled .header-contact-btn a:hover .elementor-button {
  background-color: #fff !important;
  cursor: pointer;
}

.desktop-header.white-header.tco-stuck .header-contact-btn a:hover .elementor-button-text,
.desktop-header.white-header.tco-stuck .header-contact-btn a:hover .elementor-button-text *,
.desktop-header.white-header.tco-stuck .header-contact-btn a:hover .cto-swap-line,
.desktop-header.white-header.tco-stuck .header-contact-btn a:hover .cto-swap-line *,
.desktop-header.white-header.header-scrolled .header-contact-btn a:hover .elementor-button-text,
.desktop-header.white-header.header-scrolled .header-contact-btn a:hover .elementor-button-text *,
.desktop-header.white-header.header-scrolled .header-contact-btn a:hover .cto-swap-line,
.desktop-header.white-header.header-scrolled .header-contact-btn a:hover .cto-swap-line * {
  color: #00AFD7 !important;
  -webkit-text-fill-color: #00AFD7 !important;
}

.desktop-header.white-header{
  --hdr-text: var(--tco-brand);
  --hdr-icon: var(--tco-brand);
}

.desktop-header.white-header::before{
  background:#fff;
  box-shadow:none;
}

.desktop-header.white-header.tco-stuck::before,
.desktop-header.white-header.header-scrolled::before{
  /*box-shadow: 0 2px 10px rgba(0,0,0,.08);*/
}

/* Лого: завжди чорне */
.desktop-header.white-header .white-logo{ display:none !important; }
.desktop-header.white-header .black-logo{ display:block !important; }

/* CONTACT кнопка */
.desktop-header.white-header .contact-btn .elementor-button {
  background: #00AFD7 !important;
  border-color: #00AFD7 !important;
  border-radius: 50px !important;
  color: #fff !important;
}

.desktop-header.white-header .contact-btn .elementor-button .elementor-button-text,
.desktop-header.white-header .contact-btn .elementor-button .elementor-button-text *,
.desktop-header.white-header .contact-btn .cto-swap-line,
.desktop-header.white-header .contact-btn .cto-swap-line * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.desktop-header.white-header .contact-btn .elementor-button:hover{
  filter: brightness(1.06);
  cursor: pointer;
}

/* ========================= DARKBLUE HEADER (DESKTOP) ========================= */
.desktop-header.darkblue-header {
  --hdr-text: var(--tco-white);
  --hdr-icon: var(--tco-white);
}

.desktop-header.darkblue-header::before {
  background: #172747;
  box-shadow: none;
}

.desktop-header.darkblue-header .white-logo { display: block !important; }
.desktop-header.darkblue-header .black-logo { display: none !important; }

/* Після скролу */
.desktop-header.darkblue-header.tco-stuck::before,
.desktop-header.darkblue-header.header-scrolled::before {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

.desktop-header.darkblue-header.tco-stuck,
.desktop-header.darkblue-header.header-scrolled {
  --hdr-text: var(--tco-brand);
  --hdr-icon: var(--tco-brand);
}

.desktop-header.darkblue-header.tco-stuck .white-logo,
.desktop-header.darkblue-header.header-scrolled .white-logo { display: none !important; }
.desktop-header.darkblue-header.tco-stuck .black-logo,
.desktop-header.darkblue-header.header-scrolled .black-logo { display: block !important; }

/* Кнопка header-contact-btn після фіксації */
.desktop-header.darkblue-header.tco-stuck .header-contact-btn a,
.desktop-header.darkblue-header.tco-stuck .header-contact-btn a .elementor-button-text,
.desktop-header.darkblue-header.tco-stuck .header-contact-btn a .cto-swap-line,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a .elementor-button-text,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a .cto-swap-line{
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Кнопка header-contact-btn для білого хедера */
.desktop-header.white-header .header-contact-btn a,
.desktop-header.white-header .header-contact-btn a .elementor-button-text,
.desktop-header.white-header .header-contact-btn a .elementor-button-text *,
.desktop-header.white-header .header-contact-btn a .cto-swap-line,
.desktop-header.white-header .header-contact-btn a .cto-swap-line * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Кнопка header-contact-btn для білого хедера після фіксації */
.desktop-header.white-header.tco-stuck .header-contact-btn a,
.desktop-header.white-header.tco-stuck .header-contact-btn a .elementor-button-text,
.desktop-header.white-header.tco-stuck .header-contact-btn a .elementor-button-text *,
.desktop-header.white-header.tco-stuck .header-contact-btn a .cto-swap-line,
.desktop-header.white-header.tco-stuck .header-contact-btn a .cto-swap-line *,
.desktop-header.white-header.header-scrolled .header-contact-btn a,
.desktop-header.white-header.header-scrolled .header-contact-btn a .elementor-button-text,
.desktop-header.white-header.header-scrolled .header-contact-btn a .elementor-button-text *,
.desktop-header.white-header.header-scrolled .header-contact-btn a .cto-swap-line,
.desktop-header.white-header.header-scrolled .header-contact-btn a .cto-swap-line * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ========================= MOBILE HEADERS BASE ========================= */
/* ===== MEGAMENU-TITLE-BTN - завжди темний текст ===== */
.desktop-header .megamenu-title-btn .elementor-button-text,
.desktop-header .megamenu-title-btn .elementor-button-text * {
  color: #003B5C !important;
  -webkit-text-fill-color: #003B5C !important;
}

/* HOVER для megamenu-title-btn */
.desktop-header .megamenu-title-btn .elementor-button:hover {
  cursor: pointer;
}

.desktop-header .megamenu-title-btn .elementor-button:hover .elementor-button-text,
.desktop-header .megamenu-title-btn .elementor-button:hover .elementor-button-text * {
  color: #00AFD7 !important;
  -webkit-text-fill-color: #00AFD7 !important;
}

/* Для всіх станів хедера (tco-stuck, header-scrolled) */
.desktop-header.tco-stuck .megamenu-title-btn .elementor-button-text,
.desktop-header.tco-stuck .megamenu-title-btn .elementor-button-text *,
.desktop-header.header-scrolled .megamenu-title-btn .elementor-button-text,
.desktop-header.header-scrolled .megamenu-title-btn .elementor-button-text * {
  color: #003B5C !important;
  -webkit-text-fill-color: #003B5C !important;
}

/* Hover для фіксованого стану */
.desktop-header.tco-stuck .megamenu-title-btn .elementor-button:hover,
.desktop-header.header-scrolled .megamenu-title-btn .elementor-button:hover {
  cursor: pointer;
}

.desktop-header.tco-stuck .megamenu-title-btn .elementor-button:hover .elementor-button-text,
.desktop-header.tco-stuck .megamenu-title-btn .elementor-button:hover .elementor-button-text *,
.desktop-header.header-scrolled .megamenu-title-btn .elementor-button:hover .elementor-button-text,
.desktop-header.header-scrolled .megamenu-title-btn .elementor-button:hover .elementor-button-text * {
  color: #00AFD7 !important;
  -webkit-text-fill-color: #00AFD7 !important;
}

.main-transparent-header,
.white-transparent-header,
.darkblue-transparent-header {
  position: fixed !important;
  top: 0; left: 0; width: 100%;
  z-index: 1000;
  background: transparent !important;
  padding-top: 20px; padding-bottom: 20px;
  transition: transform .4s, padding .4s, color .3s;
}

.main-transparent-header::before,
.white-transparent-header::before,
.darkblue-transparent-header::before {
  content: "";
  position: absolute; inset: 0;
  background: transparent;
  box-shadow: none;
  transition: background-color .35s, box-shadow .35s;
  z-index: 0;
}

.main-transparent-header > *,
.white-transparent-header > *,
.darkblue-transparent-header > * {
  position: relative;
  z-index: 1;
}

/* Smart-hide для мобільних */
.main-transparent-header.mobile-header-hidden,
.white-transparent-header.mobile-header-hidden,
.darkblue-transparent-header.mobile-header-hidden {
  transform: translateY(-100%);
}

/* Універсальні правила для всіх мобільних кнопок меню */
.main-transparent-header .open-mob-menu .elementor-button,
.white-transparent-header .open-mob-menu .elementor-button,
.darkblue-transparent-header .open-mob-menu .elementor-button {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* Загальні стилі для тексту/іконок в mobile (білий текст) */
.main-transparent-header .e-n-menu-title-text,
.main-transparent-header .e-n-menu-title-text *,
.main-transparent-header .cto-swap-line,
.main-transparent-header .elementor-button-text,
.darkblue-transparent-header .e-n-menu-title-text,
.darkblue-transparent-header .e-n-menu-title-text *,
.darkblue-transparent-header .cto-swap-line,
.darkblue-transparent-header .elementor-button-text {
  color: var(--tco-white) !important;
  -webkit-text-fill-color: var(--tco-white) !important;
  transition: color .3s, -webkit-text-fill-color .3s;
}

.main-transparent-header .e-n-menu-toggle .e-n-menu-toggle-icon svg path,
.darkblue-transparent-header .e-n-menu-toggle .e-n-menu-toggle-icon svg path {
  fill: var(--tco-white);
  transition: fill .3s;
}

/* Після скролу — темний текст */
.main-transparent-header.tco-mobile-stuck .e-n-menu-title-text,
.main-transparent-header.tco-mobile-stuck .e-n-menu-title-text *,
.main-transparent-header.tco-mobile-stuck .cto-swap-line,
.main-transparent-header.mobile-header-scrolled .e-n-menu-title-text,
.main-transparent-header.mobile-header-scrolled .e-n-menu-title-text *,
.main-transparent-header.mobile-header-scrolled .cto-swap-line,
.darkblue-transparent-header.tco-mobile-stuck .e-n-menu-title-text,
.darkblue-transparent-header.tco-mobile-stuck .e-n-menu-title-text *,
.darkblue-transparent-header.tco-mobile-stuck .cto-swap-line,
.darkblue-transparent-header.mobile-header-scrolled .e-n-menu-title-text,
.darkblue-transparent-header.mobile-header-scrolled .e-n-menu-title-text *,
.darkblue-transparent-header.mobile-header-scrolled .cto-swap-line {
  color: var(--tco-brand) !important;
  -webkit-text-fill-color: var(--tco-brand) !important;
}

.main-transparent-header.tco-mobile-stuck .e-n-menu-toggle .e-n-menu-toggle-icon svg path,
.main-transparent-header.mobile-header-scrolled .e-n-menu-toggle .e-n-menu-toggle-icon svg path,
.darkblue-transparent-header.tco-mobile-stuck .e-n-menu-toggle .e-n-menu-toggle-icon svg path,
.darkblue-transparent-header.mobile-header-scrolled .e-n-menu-toggle .e-n-menu-toggle-icon svg path {
  fill: var(--tco-brand);
}

/* ========================= MAIN-TRANSPARENT-HEADER ========================= */
.main-transparent-header .white-logo { display: block !important; }
.main-transparent-header .black-logo { display: none !important; }

.main-transparent-header.tco-mobile-stuck::before,
.main-transparent-header.mobile-header-scrolled::before {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

.main-transparent-header.tco-mobile-stuck .white-logo,
.main-transparent-header.mobile-header-scrolled .white-logo { display: none !important; }
.main-transparent-header.tco-mobile-stuck .black-logo,
.main-transparent-header.mobile-header-scrolled .black-logo { display: block !important; }

.main-transparent-header.tco-mobile-stuck .open-mob-menu .elementor-button,
.main-transparent-header.mobile-header-scrolled .open-mob-menu .elementor-button {
  background-color: #8d8d8d40 !important;
}

/* Відкрите меню */
.main-transparent-header.mobile-menu-open::before {
  background: #172747 !important;
}

.main-transparent-header.mobile-menu-open .white-logo { display: block !important; }
.main-transparent-header.mobile-menu-open .black-logo { display: none !important; }

.main-transparent-header.mobile-menu-open .open-mob-menu .elementor-button {
  background-color: #FFFFFF40 !important;
}

.main-transparent-header.mobile-menu-open .open-mob-menu .elementor-button .elementor-button-text,
.main-transparent-header.mobile-menu-open .open-mob-menu .elementor-button .cto-swap-line {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: transparent !important;
  background: none !important;
}

/* Забороняємо фон на тексті при всіх станах (клік, тап, фокус) */
.main-transparent-header .open-mob-menu .elementor-button .elementor-button-text,
.main-transparent-header .open-mob-menu .elementor-button .cto-swap-line,
.main-transparent-header .open-mob-menu .elementor-button .elementor-button-text *,
.main-transparent-header .open-mob-menu .elementor-button .cto-swap-line * {
  background-color: transparent !important;
  background: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.main-transparent-header .open-mob-menu .elementor-button:active .elementor-button-text,
.main-transparent-header .open-mob-menu .elementor-button:active .cto-swap-line,
.main-transparent-header .open-mob-menu .elementor-button:focus .elementor-button-text,
.main-transparent-header .open-mob-menu .elementor-button:focus .cto-swap-line {
  background-color: transparent !important;
  background: none !important;
}

/* ========================= WHITE-TRANSPARENT-HEADER ========================= */
.white-transparent-header .white-logo { display: none !important; }
.white-transparent-header .black-logo { display: block !important; }

.white-transparent-header::before {
  background: #fff;
  box-shadow: none;
}

.white-transparent-header.tco-mobile-stuck::before,
.white-transparent-header.mobile-header-scrolled::before {
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

.white-transparent-header .e-n-menu-title-text,
.white-transparent-header .e-n-menu-title-text *,
.white-transparent-header .cto-swap-line,
.white-transparent-header .elementor-button-text {
  color: var(--tco-brand) !important;
  -webkit-text-fill-color: var(--tco-brand) !important;
}

.white-transparent-header .e-n-menu-toggle .e-n-menu-toggle-icon svg path {
  fill: var(--tco-brand);
}

.white-transparent-header .contact-btn .elementor-button {
  background: #00AFD7 !important;
  border-color: #00AFD7 !important;
  border-radius: 50px !important;
}

.white-transparent-header .contact-btn .elementor-button .elementor-button-text,
.white-transparent-header .contact-btn .elementor-button .elementor-button-text *,
.white-transparent-header .contact-btn .cto-swap-line,
.white-transparent-header .contact-btn .cto-swap-line * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.white-transparent-header .contact-btn .elementor-button:hover {
  filter: brightness(1.06);
  cursor: pointer;
}

.white-transparent-header .open-mob-menu .elementor-button {
  background-color: #8d8d8d40 !important;
}

/* Відкрите меню */
.white-transparent-header.mobile-menu-open::before {
  background: #172747 !important;
}

.white-transparent-header.mobile-menu-open .white-logo { display: block !important; }
.white-transparent-header.mobile-menu-open .black-logo { display: none !important; }

.white-transparent-header.mobile-menu-open .open-mob-menu .elementor-button {
  background-color: #FFFFFF40 !important;
}

.white-transparent-header.mobile-menu-open .open-mob-menu .elementor-button .elementor-button-text,
.white-transparent-header.mobile-menu-open .open-mob-menu .elementor-button .cto-swap-line {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: transparent !important;
  background: none !important;
}

/* Забороняємо фон на тексті при всіх станах */
.white-transparent-header .open-mob-menu .elementor-button .elementor-button-text,
.white-transparent-header .open-mob-menu .elementor-button .cto-swap-line,
.white-transparent-header .open-mob-menu .elementor-button .elementor-button-text *,
.white-transparent-header .open-mob-menu .elementor-button .cto-swap-line * {
  background-color: transparent !important;
  background: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.white-transparent-header .open-mob-menu .elementor-button:active .elementor-button-text,
.white-transparent-header .open-mob-menu .elementor-button:active .cto-swap-line,
.white-transparent-header .open-mob-menu .elementor-button:focus .elementor-button-text,
.white-transparent-header .open-mob-menu .elementor-button:focus .cto-swap-line {
  background-color: transparent !important;
  background: none !important;
}

/* ========================= DARKBLUE-TRANSPARENT-HEADER ========================= */
.darkblue-transparent-header::before {
  background-color: #172747 !important;
}

.darkblue-transparent-header .white-logo { display: block !important; }
.darkblue-transparent-header .black-logo { display: none !important; }

.darkblue-transparent-header.tco-mobile-stuck::before,
.darkblue-transparent-header.mobile-header-scrolled::before {
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

.darkblue-transparent-header.tco-mobile-stuck .white-logo,
.darkblue-transparent-header.mobile-header-scrolled .white-logo { display: none !important; }
.darkblue-transparent-header.tco-mobile-stuck .black-logo,
.darkblue-transparent-header.mobile-header-scrolled .black-logo { display: block !important; }

.darkblue-transparent-header.tco-mobile-stuck .open-mob-menu .elementor-button,
.darkblue-transparent-header.mobile-header-scrolled .open-mob-menu .elementor-button {
  background-color: #8d8d8d40 !important;
}

/* Відкрите меню */
.darkblue-transparent-header.mobile-menu-open::before {
  background: #172747 !important;
}

.darkblue-transparent-header.mobile-menu-open .white-logo { display: block !important; }
.darkblue-transparent-header.mobile-menu-open .black-logo { display: none !important; }

.darkblue-transparent-header.mobile-menu-open .open-mob-menu .elementor-button {
  background-color: #FFFFFF40 !important;
}

.darkblue-transparent-header.mobile-menu-open .open-mob-menu .elementor-button .elementor-button-text,
.darkblue-transparent-header.mobile-menu-open .open-mob-menu .elementor-button .cto-swap-line {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: transparent !important;
  background: none !important;
}

/* Забороняємо фон на тексті при всіх станах */
.darkblue-transparent-header .open-mob-menu .elementor-button .elementor-button-text,
.darkblue-transparent-header .open-mob-menu .elementor-button .cto-swap-line,
.darkblue-transparent-header .open-mob-menu .elementor-button .elementor-button-text *,
.darkblue-transparent-header .open-mob-menu .elementor-button .cto-swap-line * {
  background-color: transparent !important;
  background: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.darkblue-transparent-header .open-mob-menu .elementor-button:active .elementor-button-text,
.darkblue-transparent-header .open-mob-menu .elementor-button:active .cto-swap-line,
.darkblue-transparent-header .open-mob-menu .elementor-button:focus .elementor-button-text,
.darkblue-transparent-header .open-mob-menu .elementor-button:focus .cto-swap-line {
  background-color: transparent !important;
  background: none !important;
}

/* ===== CURSOR POINTER для пунктів меню ===== */
.desktop-header .e-n-menu-title,
.desktop-header .e-n-menu-title-container,
.desktop-header .e-n-menu-item {
  cursor: pointer;
}

/* ===== HOVER ДЛЯ DESKTOP МЕНЮ (ДО СКРОЛУ) ===== */
/* Текст при наведенні на весь пункт меню */

.desktop-header .e-n-menu-title:hover .e-n-menu-title-text,
.desktop-header .e-n-menu-title:hover .e-n-menu-title-text *,
.desktop-header .e-n-menu-title:hover .cto-swap-line {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;
}

/* Стрілка dropdown при наведенні на весь пункт меню */
.desktop-header .e-n-menu-title:hover .e-n-menu-dropdown-icon svg path {
  fill: var(--tco-accent) !important;
}

/* ===== HOVER ДЛЯ WHITE HEADER ===== */
.desktop-header.white-header .e-n-menu-title:hover {
  cursor: pointer;
}

.desktop-header.white-header .e-n-menu-title:hover .e-n-menu-title-text,
.desktop-header.white-header .e-n-menu-title:hover .e-n-menu-title-text *,
.desktop-header.white-header .e-n-menu-title:hover .cto-swap-line {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;
}

.desktop-header.white-header .e-n-menu-title:hover .e-n-menu-dropdown-icon svg path {
  fill: var(--tco-accent) !important;
}

/* ===== HOVER ДЛЯ DARKBLUE HEADER ===== */
.desktop-header.darkblue-header .e-n-menu-title:hover {
  cursor: pointer;
}

.desktop-header.darkblue-header .e-n-menu-title:hover .e-n-menu-title-text,
.desktop-header.darkblue-header .e-n-menu-title:hover .e-n-menu-title-text *,
.desktop-header.darkblue-header .e-n-menu-title:hover .cto-swap-line {
  color: var(--tco-accent) !important;
  -webkit-text-fill-color: var(--tco-accent) !important;
}

/* ===== HOVER для header-contact-btn в darkblue-header (ТІЛЬКИ після фіксації) ===== */
.desktop-header.darkblue-header.tco-stuck .header-contact-btn a:hover,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a:hover,
.desktop-header.darkblue-header.tco-stuck .header-contact-btn a:hover .elementor-button,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a:hover .elementor-button {
  background-color: #fff !important;
  cursor: pointer;
}

.desktop-header.darkblue-header.tco-stuck .header-contact-btn a:hover .elementor-button-text,
.desktop-header.darkblue-header.tco-stuck .header-contact-btn a:hover .elementor-button-text *,
.desktop-header.darkblue-header.tco-stuck .header-contact-btn a:hover .cto-swap-line,
.desktop-header.darkblue-header.tco-stuck .header-contact-btn a:hover .cto-swap-line *,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a:hover .elementor-button-text,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a:hover .elementor-button-text *,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a:hover .cto-swap-line,
.desktop-header.darkblue-header.header-scrolled .header-contact-btn a:hover .cto-swap-line * {
  color: #00AFD7 !important;
  -webkit-text-fill-color: #00AFD7 !important;
}

/* ===== HOVER для header-contact-btn в базовому desktop-header (ТІЛЬКИ після фіксації) ===== */
.desktop-header.tco-stuck .header-contact-btn a:hover,
.desktop-header.header-scrolled .header-contact-btn a:hover,
.desktop-header.tco-stuck .header-contact-btn a:hover .elementor-button,
.desktop-header.header-scrolled .header-contact-btn a:hover .elementor-button {
  background-color: #fff !important;
  cursor: pointer;
}

.desktop-header.tco-stuck .header-contact-btn a:hover .elementor-button-text,
.desktop-header.tco-stuck .header-contact-btn a:hover .elementor-button-text *,
.desktop-header.tco-stuck .header-contact-btn a:hover .cto-swap-line,
.desktop-header.tco-stuck .header-contact-btn a:hover .cto-swap-line *,
.desktop-header.header-scrolled .header-contact-btn a:hover .elementor-button-text,
.desktop-header.header-scrolled .header-contact-btn a:hover .elementor-button-text *,
.desktop-header.header-scrolled .header-contact-btn a:hover .cto-swap-line,
.desktop-header.header-scrolled .header-contact-btn a:hover .cto-swap-line * {
  color: #00AFD7 !important;
  -webkit-text-fill-color: #00AFD7 !important;
}

.desktop-header.darkblue-header .e-n-menu-title:hover .e-n-menu-dropdown-icon svg path {
  fill: var(--tco-accent) !important;
}

/* ===== HOVER ДЛЯ ЕЛЕМЕНТІВ В МЕГАМЕНЮ ===== */
.desktop-header .elementor-icon-box-wrapper:hover {
  cursor: pointer;
}

.desktop-header .elementor-icon-box-wrapper:hover .elementor-icon-box-title a {
  color: var(--tco-accent) !important;
}

.desktop-header .elementor-icon-box-wrapper:hover .elementor-icon svg path {
  fill: var(--tco-accent) !important;
}

/* Кнопка "View all" */
.desktop-header .elementor-button:hover {
  cursor: pointer;
}

.desktop-header .elementor-button:hover .elementor-button-text {
  color: var(--tco-accent) !important;
}

/* ===== HOVER для careers-btn-header - всі хедери ===== */
.desktop-header .careers-btn-header a:hover {
  cursor: pointer;
}

.desktop-header .careers-btn-header a:hover .elementor-button-text,
.desktop-header .careers-btn-header a:hover .elementor-button-text *,
.desktop-header .careers-btn-header a:hover .cto-swap-line,
.desktop-header .careers-btn-header a:hover .cto-swap-line * {
  color: #00AFD7 !important;
  -webkit-text-fill-color: #00AFD7 !important;
}

/* Для фіксованого стану */
.desktop-header.tco-stuck .careers-btn-header a:hover,
.desktop-header.header-scrolled .careers-btn-header a:hover {
  cursor: pointer;
}

.desktop-header.tco-stuck .careers-btn-header a:hover .elementor-button-text,
.desktop-header.tco-stuck .careers-btn-header a:hover .elementor-button-text *,
.desktop-header.tco-stuck .careers-btn-header a:hover .cto-swap-line,
.desktop-header.tco-stuck .careers-btn-header a:hover .cto-swap-line *,
.desktop-header.header-scrolled .careers-btn-header a:hover .elementor-button-text,
.desktop-header.header-scrolled .careers-btn-header a:hover .elementor-button-text *,
.desktop-header.header-scrolled .careers-btn-header a:hover .cto-swap-line,
.desktop-header.header-scrolled .careers-btn-header a:hover .cto-swap-line * {
  color: #00AFD7 !important;
  -webkit-text-fill-color: #00AFD7 !important;
}

/* ===== RESPONSIVE WIDTH для мегаменю ===== */
@media screen and (max-width: 1843px) {
  .megamenu-desktop .e-n-menu-content.e-active > .e-con.e-child {
    width: 95vw !important;
  }
}

.e-n-menu-title-text.cto-swap {
  position: relative;
  z-index: 1;
}

.cto-swap-wrap {
  pointer-events: auto !important;
  cursor: pointer !important;
}

.cto-swap-line {
  pointer-events: none;
}

.e-n-menu-title {
  cursor: pointer !important;
}


/* ========================= MAIN-HEADER-BORDER-NONE ========================= */
/* 1. Видалення border з конкретного елемента при фіксованому стані */
/* Батьківський .desktop-header повинен мати .tco-stuck або .header-scrolled */

.desktop-header.tco-stuck .elementor-element-a0e347e,
.desktop-header.header-scrolled .elementor-element-a0e347e {
  --border-bottom-width: 0px !important;
  --border-top-width: 0px !important;
  --border-left-width: 0px !important;
  --border-right-width: 0px !important;
  --border-color: transparent !important;
  border: 0px solid transparent !important;
}

/* ========================= HEADER-BOX - ВИДАЛЕННЯ SHADOW ========================= */
/* 2. Для .header-box при скролі */

.desktop-header.tco-stuck .header-box,
.desktop-header.header-scrolled .header-box,
.main-transparent-header.tco-mobile-stuck .header-box,
.main-transparent-header.mobile-header-scrolled .header-box,
.white-transparent-header.tco-mobile-stuck .header-box,
.white-transparent-header.mobile-header-scrolled .header-box,
.darkblue-transparent-header.tco-mobile-stuck .header-box,
.darkblue-transparent-header.mobile-header-scrolled .header-box {
  box-shadow: none !important;
}

/* ========================= HEADER-BOX-MAIN - ВИДАЛЕННЯ SHADOW ========================= */
/* 2a. Для .header-box-main при скролі */

.desktop-header.tco-stuck .header-box-main,
.desktop-header.header-scrolled .header-box-main,
.main-transparent-header.tco-mobile-stuck .header-box-main,
.main-transparent-header.mobile-header-scrolled .header-box-main,
.white-transparent-header.tco-mobile-stuck .header-box-main,
.white-transparent-header.mobile-header-scrolled .header-box-main,
.darkblue-transparent-header.tco-mobile-stuck .header-box-main,
.darkblue-transparent-header.mobile-header-scrolled .header-box-main {
  box-shadow: none !important;
}

/* ========================= HEADER-BOX-DARK - ВИДАЛЕННЯ SHADOW ========================= */
/* 3. Для .header-box-dark при скролі */

.desktop-header.tco-stuck .header-box-dark,
.desktop-header.header-scrolled .header-box-dark,
.main-transparent-header.tco-mobile-stuck .header-box-dark,
.main-transparent-header.mobile-header-scrolled .header-box-dark,
.white-transparent-header.tco-mobile-stuck .header-box-dark,
.white-transparent-header.mobile-header-scrolled .header-box-dark,
.darkblue-transparent-header.tco-mobile-stuck .header-box-dark,
.darkblue-transparent-header.mobile-header-scrolled .header-box-dark {
  box-shadow: none !important;
}