/*
Theme Name: New-RaTeN
Theme URI: http://www.free-lance.ru/users/RaTeN
Author: RaTeN
Author URI: http://www.free-lance.ru/users/RaTeN
Description: Freelance RaTeN 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: all-in
Text Domain: RaTeN
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

footer .menu, footer .links, header .menu .item, .mob_header .menu .item{
	list-style: none;
}

header .menu .sub_menu a{
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font_family);
}

.city_info .hide{
	display: none;
}

.contacts_info .city_info > .adress + .adress{
	margin-top:0px;
}



/*parsley*/

.parsley-errors-list.filled {
    position: absolute;
    left: 23px;
    top: -webkit-calc(100% + 15px);
    top: calc(100% + 15px);
    background-color: red;
    color:#fff;
    padding: 5px 10px;
    z-index: 5;
    list-style: none;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .parsley-errors-list.filled {
        background-color: #fff!important;
        color: #262930!important
    }
}

.parsley-errors-list.filled::after {
    bottom: 100%;
    left: 23px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: red;
    border-width: 10px;
    margin-left: -10px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .parsley-errors-list.filled::after {
        border-bottom-color: #fff
    }
}


.text_block .aligncenter,.text_block div.aligncenter{display:block;margin:5px auto}
.text_block .alignright{float:right;margin:20px 0 20px 20px}
.text_block .alignleft{float:left;margin:20px 20px 20px 0}
.text_block a img.alignright{float:right;margin:20px 0 20px 20px}
.text_block a img.alignnone{margin:20px 20px 20px 0}
.text_block a img.alignleft{float:left;margin:20px 20px 20px 0}
.text_block a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.text_block .wp-caption{background:#fff none repeat scroll 0 0;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.text_block .wp-caption.alignnone{margin:20px 20px 20px 0}
.text_block .wp-caption.alignleft{margin:20px 20px 20px 0}
.text_block .wp-caption.alignright{margin:20px 0 20px 20px}
.text_block .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.text_block .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.text_block img{max-width:100%;height:auto}
.text_block iframe{max-width:100%}
.text_block .toc_list li:before{display:none}

.banner {
	display: block;
}

.banner__image {
	display: block;
	max-width: 100%;
	height: auto;
}

#cookie-notice a{
	color:#fff;
}


/* --- Контейнер для адаптивной таблицы --- */
.table-responsive {
  width: 100%;
  overflow-x: auto; /* Включает горизонтальную прокрутку */
  -webkit-overflow-scrolling: touch; /* Улучшает прокрутку на iOS */
  margin: 20px 0; /* Отступы сверху и снизу для лучшей интеграции */
}

/* --- Стили для самой таблицы --- */
.table-responsive table {
  width: 100%;
  border-collapse: collapse; /* Схлопывание границ */
  background-color: #ffffff; /* Фон таблицы */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая тень для объема */
  border-radius: 8px; /* Немного закругленные углы */
  overflow: hidden; /* Обрезает углы, если есть тень */
}

/* --- Стили для заголовков таблицы (thead) --- */
.table-responsive thead {
  background-color: #e2e8f0; /* Более темный фон для заголовков */
  color: #333333; /* Цвет текста заголовков */
}

.table-responsive th {
  padding: 15px 20px; /* Увеличенные отступы для заголовков */
  text-align: left;
  font-weight: 600; /* Полужирный шрифт */
  border-bottom: 2px solid #cbd5e0; /* Разделитель под заголовками */

  /* Можно добавить border-right для каждого th, кроме последнего, если нужны вертикальные разделители */
}

/* --- Стили для ячеек тела таблицы (tbody td) --- */
.table-responsive td {
  padding: 10px; /* Отступы внутри ячеек */
  border-bottom: 1px solid #edf2f7; /* Легкая граница между строками */
  text-align: left;
  line-height: 1.5; /* Увеличенный межстрочный интервал для читаемости */
  color: #4a5568; /* Основной цвет текста */
  font-size:12px;

  /* Можно добавить border-right для каждого td, кроме последнего, если нужны вертикальные разделители */
}

/* --- Стили для строк таблицы (tr) --- */
.table-responsive tbody tr:nth-child(even) {
  background-color: #f4f5fb; /* Чередующийся фон для строк */
}

.table-responsive tbody tr:hover {
  background-color: #e9eaec; /* Подсветка строки при наведении */
  cursor: pointer; /* Курсор-указатель при наведении */
}

/* --- Стили для последнего столбца или столбцов с суммами --- */
.table-responsive td:last-child,
.table-responsive th:last-child {
  /* text-align: right; */ /* Пример выравнивания последнего столбца */
}

/* --- Стили для строки с итоговой стоимостью --- */
.table-responsive tr.total-row {
  background-color: #e2e8f0; /* Более темный фон для итоговой строки */
  font-weight: 700; /* Жирный шрифт */
  color: #2d3748; /* Темный цвет текста */
}

.table-responsive tr.total-row td {
  border-top: 2px solid #cbd5e0; /* Более толстая верхняя граница */
  padding-top: 15px;
  padding-bottom: 15px;
}

/* --- Стили для "+" и "—" значков --- */
.table-responsive td:not(:first-child) {
  text-align: center; /* Центрируем значки в колонках тарифов */
  font-weight: 600;
}

.table-responsive td:not(:first-child):contains("+") {
  color: #38a169; /* Зеленый для плюсов */
}

.table-responsive td:not(:first-child):contains("—") {
  color: #e53e3e; /* Красный для минусов */
}

/* --- media queries для адаптации, если нужна тонкая настройка --- */
@media (max-width: 768px) {
  .table-responsive table {

    /* Здесь можно убрать тень или закругления, если они мешают на узких экранах */
    box-shadow: none;
    border-radius: 0;
  }
}