/* Top menu on desktop. Hamburger only on phones/tablets. */

.header-three .action-area,
.header-three.five .action-area,
.header-floating #menu-btn,
#menu-btn {
  display: none !important;
}

@media (max-width: 991px) {
  .header-three .action-area,
  .header-three.five .action-area,
  .header-floating #menu-btn,
  #menu-btn {
    display: flex !important;
    align-items: center;
    gap: 10px;
  }
}

/* Desktop dropdown "Направления": white panel, dark readable text. */

.header-floating .has-dropdown .submenu,
.header-three .has-dropdown .submenu,
.has-dropdown .submenu {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

.header-floating .has-dropdown .submenu a,
.header-floating .has-dropdown .submenu li.lim a,
.header-floating .has-dropdown .submenu li.lim a.sdm-main,
.header-three .has-dropdown .submenu a,
.header-three .has-dropdown .submenu li.lim a,
.header-three .has-dropdown .submenu li.lim a.sdm-main,
.has-dropdown .submenu li.lim a,
.has-dropdown .submenu li.lim a.sdm-main {
  color: #111827 !important;
}

.header-floating .has-dropdown .submenu li.lim:hover a.sdm-main,
.header-three .has-dropdown .submenu li.lim:hover a.sdm-main,
.has-dropdown .submenu li.lim:hover a.sdm-main {
  background: #8b5cf6 !important;
  color: #ffffff !important;
}

.header-floating .has-dropdown.is-open > .submenu,
.header-floating .has-dropdown:hover > .submenu,
.header-three .has-dropdown.is-open > .submenu,
.header-three .has-dropdown:hover > .submenu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Mobile drawer: always light, always dark text — including tablet widths. */

#side-bar.side-bar,
#side-bar.side-bar.header-two,
.side-bar {
  background: #ffffff !important;
  color: #111827 !important;
  width: min(400px, 92vw);
  padding: 24px 22px 28px;
}

#side-bar .inner-main-wrapper-desk {
  display: none !important;
}

#side-bar .mobile-menu-main {
  display: block !important;
}

#side-bar a,
#side-bar .nav-link,
#side-bar .sdm-main,
#side-bar .mobile-menu-main a,
#side-bar .mobile-menu-main .nav-link,
#side-bar .mobile-menu-main .sdm-main,
#side-bar .mobile-menu-main .submenu a,
.mobile-menu-main a,
.mobile-menu-main .nav-link,
.mobile-menu-main .sdm-main,
.mobile-menu-main li > a {
  color: #111827 !important;
}

#side-bar .mobile-menu-main .submenu {
  background: #f3f4f6 !important;
}

#side-bar .mobile-menu-main .submenu a {
  font-size: 16px;
  font-weight: 500;
  color: #111827 !important;
}

#side-bar .mobile-menu-main .nav-link,
#side-bar .mobile-menu-main > nav a {
  font-size: 18px;
  font-weight: 600;
}

#side-bar .mobile-menu-main .has-dropdown > .submenu {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  box-shadow: none !important;
  min-width: 0 !important;
  width: 100% !important;
  max-height: 0;
  overflow: hidden;
  opacity: 1 !important;
  visibility: visible !important;
  background: #f3f4f6 !important;
  border: none !important;
  border-radius: 0 !important;
}

#side-bar .mobile-menu-main .has-dropdown.active > .submenu,
#side-bar .mobile-menu-main .has-dropdown.mm-active > .submenu {
  max-height: 800px;
  height: auto !important;
  display: block !important;
  overflow: visible;
}

#side-bar .close-icon-menu,
#side-bar .close-icon-menu i {
  color: #111827 !important;
}

#side-bar .rts-social-style-one {
  display: none !important;
}

.search-input-area {
  display: none !important;
}

.footer-telegram-col {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 85px;
}

.tg-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #229ed9 !important;
  font-size: 42px;
  line-height: 1;
  width: 42px;
  text-decoration: none;
}

.tg-icon-link i,
.tg-icon-link .fa-telegram {
  font-size: inherit;
  line-height: 1;
  color: inherit;
}

.tg-icon-link:hover {
  color: #1b8ec4 !important;
}

.contact-info-mid .tg-icon-link {
  margin-top: 6px;
}

@media (max-width: 991px) {
  .footer-telegram-col {
    justify-content: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
