/* Автоматические стили для всех таблиц во всплывающем окне карточки товара */
#modal-custom-table table {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 15px;
  border-collapse: collapse !important;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

/* Границы и отступы для ячеек (table-bordered) */
#modal-custom-table table th,
#modal-custom-table table td {
  padding: 10px 12px;
  line-height: 1.4;
  vertical-align: middle;
  border: 1px solid #dee2e6;
  text-align: center;
}

/* Чередование цвета строк (table-striped) */
#modal-custom-table table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}

/* Подсветка строки при наведении курсора */
#modal-custom-table table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

/* Стили и перенос слов для ПЕРВОЙ строчки (заголовков столбцов) */
#modal-custom-table table thead th,
#modal-custom-table table tr:first-child th,
#modal-custom-table table tr:first-child td {
  background-color: #f1f5f9;
  font-weight: 700;
  color: #333;
  
  /* Перенос слов в первой строчке */
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto;
  min-width: 85px;
}

/* Выравниваем все кнопки верхнего меню ровно по центру строки */
.top-menu__buttons {
  display: flex !important;
  align-items: center !important; /* Центрирует все кнопки по вертикали */
  flex-wrap: wrap;
}

/* Принудительно выравниваем элементы внутри каждой кнопки */
.top-menu__buttons .top-menu__btn {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: auto;
}

/* Если родительский контейнер имеет фиксированную высоту — добавляем внутренний отступ сверху */
.top-menu {
  display: flex !important;
  align-items: center !important;
  min-height: 40px; /* Стандартная высота верхней полосы UniShop2 */
}

/* Делаем блок кнопки точной точкой отсчета */
#form-language .btn-group {
  position: relative !important;
}

/* Центрируем выпадающее меню языка ровно под кнопкой */
#form-language .dropdown-menu {
  left: 50% !important;
  right: auto !important;
  top: 100% !important;
  transform: translateX(-50%) !important; /* Сдвигает меню влево на 50% его собственной ширины */
  
  /* Гарантируем корректное отображение и ширину */
  min-width: 100% !important;
  width: max-content !important;
  margin-top: 4px !important;
  padding: 4px 0 !important;
}

/* Выравниваем иконку флага и текст внутри кнопок выбора */
#form-language .dropdown-menu .language-select {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
  width: 100% !important;
  padding: 6px 12px !important;
}

.contacts__comment {
    white-space: pre-line;
}

/* Скрываем второй телефон (второй элемент <li>) в списке контактов */
.contact-list > li.contact-list__item:nth-child(2) {
    display: none !important;
}

.contact-list__item:has(a[href*="maps.google.com"]) {
    display: none !important;
}