/*##################################*/
/* javascript disabled (not loaded) */
/*##################################*/

/* whole tabbed menu wrapper */
.tabmenu {

}

/* wraps a set of tab (title and content) */
.tab {

}

/* wraps the tab title */
.tabtitle {

}

/* wraps the tab content */
.tabcontent_top {

}
.tabcontent {

}


/*###########################*/
/* javascript enabled (live) */
/*###########################*/

/* tabbed menu wrapper (.tabmenu is now changed to .tabmenu_live)*/
.tabmenu_live {
  display: flow-root;
}

/* unordered list <ul> with tab titles */
.tabmenu_ul {
  padding: 0;
  margin: .8em 0 0 3em !important;
  list-style: none;
  display: flex;
  /* border-bottom: 1px solid #c3c3c3; */
  overflow-x: auto; /* Добавлено для горизонтальной прокрутки на мобильных */
}


.tabmenu_ul li {
  margin: 0;
  flex-shrink: 0; /* Чтобы элементы не сжимались */
}

.tabmenu_ul li a {
  padding: 6px 14px;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  color: #797777;
  border-radius: 5px 5px 0 0;
  transition: background 0.3s, color 0.3s;
  white-space: nowrap; /* Запрет на перенос текста */
  overflow: hidden; /* Обрезка текста */
  text-overflow: ellipsis; /* Добавление многоточия при обрезке текста */
}

.tabmenu_ul li a,.tabmenu_ul li a:link {
  background: #fbfbfb;
  border: 1px solid #c3c3c3;
  border-bottom: none;
  display: inline-block;
  margin-right: 5px;
}

.tabmenu_ul li a:hover {
  background: #fff;
  color: #757575;
  border: 1px solid #9C9C9C;
  border-bottom: none;
}

.tabmenu_ul li a.current {
  background: #fff;
  border: 1px solid #9C9C9C;
  border-bottom: 1px solid #fff; /* Убираем нижнюю границу */
  color: #333;
  font-weight: bold;
}

.tabcontent_wrapper {
  background: #ffffff;
  border: 1px solid #c3c3c3;
  margin-top: -0.4em;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 5px 5px;
}

.tabcontent {
  padding: 10px;
}

/* Медиазапрос для мобильных устройств */
@media (max-width: 899px) {
  .tabmenu_ul {
    flex-wrap: nowrap; /* Отключить перенос строк */
    overflow-x: auto; /* Горизонтальная прокрутка */
    margin: .8em 0 0 0 !important;
  }

  .tabmenu_ul li a {
    padding: 6px 10px 4px 10px;
    font-size: 12px; /* Уменьшение шрифта */
  }
  .tabmenu_ul li a,.tabmenu_ul li a:link {
  margin-right: 3px;
}
}