/* Styles for first table (domaintable), second table (domainListsTableHomepage), domainListsTable and mybidsTable */
table.table-fill,
#domaintable,
#domainListsTableHomepage,
#domainListsTable,
#mybidsTable,
.dataTables_wrapper table.table-fill,
.dataTables_wrapper #domaintable,
.dataTables_wrapper #domainListsTableHomepage,
.dataTables_wrapper #domainListsTable,
.dataTables_wrapper #mybidsTable {
  margin: 10px 0 !important;
  width: 100% !important;
  border-radius: 4px;
  border: 1px solid #ddd !important;
}

table.table-fill thead th,
#domaintable thead th,
#domainListsTableHomepage thead th,
#domainListsTable thead th,
#mybidsTable thead th,
.dataTables_wrapper table.table-fill thead th,
.dataTables_wrapper #domaintable thead th,
.dataTables_wrapper #domainListsTableHomepage thead th,
.dataTables_wrapper #domainListsTable thead th,
.dataTables_wrapper #mybidsTable thead th {
  border-bottom: 4px solid rgba(29, 57, 101, 0.2) !important;
  font-weight: 600;
  padding: 12px 8px;
  background-color: #fff;
  border-top: 0 !important;
  color: #333;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

/* Стили для иконок сортировки DataTables */
#domaintable thead th.sorting,
#domaintable thead th.sorting_asc,
#domaintable thead th.sorting_desc,
#domainListsTableHomepage thead th.sorting,
#domainListsTableHomepage thead th.sorting_asc,
#domainListsTableHomepage thead th.sorting_desc,
#domainListsTable thead th.sorting,
#domainListsTable thead th.sorting_asc,
#domainListsTable thead th.sorting_desc,
#mybidsTable thead th.sorting,
#mybidsTable thead th.sorting_asc,
#mybidsTable thead th.sorting_desc,
table.table-fill thead th.sorting,
table.table-fill thead th.sorting_asc,
table.table-fill thead th.sorting_desc {
  cursor: pointer;
  padding-right: 26px !important;
  background-image: none !important;
  position: relative;
}

/* Позиционируем оба псевдоэлемента ::before (вверх) и ::after (вниз) */
#domaintable thead th.sorting::before,
#domaintable thead th.sorting::after,
#domaintable thead th.sorting_asc::before,
#domaintable thead th.sorting_asc::after,
#domaintable thead th.sorting_desc::before,
#domaintable thead th.sorting_desc::after,
#domainListsTableHomepage thead th.sorting::before,
#domainListsTableHomepage thead th.sorting::after,
#domainListsTableHomepage thead th.sorting_asc::before,
#domainListsTableHomepage thead th.sorting_asc::after,
#domainListsTableHomepage thead th.sorting_desc::before,
#domainListsTableHomepage thead th.sorting_desc::after,
#domainListsTable thead th.sorting::before,
#domainListsTable thead th.sorting::after,
#domainListsTable thead th.sorting_asc::before,
#domainListsTable thead th.sorting_asc::after,
#domainListsTable thead th.sorting_desc::before,
#domainListsTable thead th.sorting_desc::after,
#mybidsTable thead th.sorting::before,
#mybidsTable thead th.sorting::after,
#mybidsTable thead th.sorting_asc::before,
#mybidsTable thead th.sorting_asc::after,
#mybidsTable thead th.sorting_desc::before,
#mybidsTable thead th.sorting_desc::after,
table.table-fill thead th.sorting::before,
table.table-fill thead th.sorting::after,
table.table-fill thead th.sorting_asc::before,
table.table-fill thead th.sorting_asc::after,
table.table-fill thead th.sorting_desc::before,
table.table-fill thead th.sorting_desc::after {
  position: absolute !important;
  right: 8px !important;
  display: block !important;
  opacity: 0.3 !important;
}

/* Стрелка вверх (::before) */
#domaintable thead th.sorting::before,
#domaintable thead th.sorting_asc::before,
#domaintable thead th.sorting_desc::before,
#domainListsTableHomepage thead th.sorting::before,
#domainListsTableHomepage thead th.sorting_asc::before,
#domainListsTableHomepage thead th.sorting_desc::before,
#domainListsTable thead th.sorting::before,
#domainListsTable thead th.sorting_asc::before,
#domainListsTable thead th.sorting_desc::before,
#mybidsTable thead th.sorting::before,
#mybidsTable thead th.sorting_asc::before,
#mybidsTable thead th.sorting_desc::before,
table.table-fill thead th.sorting::before,
table.table-fill thead th.sorting_asc::before,
table.table-fill thead th.sorting_desc::before {
  top: 50% !important;
  transform: translateY(-100%) !important;
  margin-top: -4px !important;
}

/* Стрелка вниз (::after) */
#domaintable thead th.sorting::after,
#domaintable thead th.sorting_asc::after,
#domaintable thead th.sorting_desc::after,
#domainListsTableHomepage thead th.sorting::after,
#domainListsTableHomepage thead th.sorting_asc::after,
#domainListsTableHomepage thead th.sorting_desc::after,
#domainListsTable thead th.sorting::after,
#domainListsTable thead th.sorting_asc::after,
#domainListsTable thead th.sorting_desc::after,
#mybidsTable thead th.sorting::after,
#mybidsTable thead th.sorting_asc::after,
#mybidsTable thead th.sorting_desc::after,
table.table-fill thead th.sorting::after,
table.table-fill thead th.sorting_asc::after,
table.table-fill thead th.sorting_desc::after {
  top: 50% !important;
  transform: translateY(0%) !important;
  margin-top: 4px !important;
}

/* Активная сортировка по возрастанию - подсвечиваем стрелку вверх */
#domaintable thead th.sorting_asc::before,
#domainListsTableHomepage thead th.sorting_asc::before,
#domainListsTable thead th.sorting_asc::before,
#mybidsTable thead th.sorting_asc::before,
table.table-fill thead th.sorting_asc::before {
  opacity: 1 !important;
}

/* Активная сортировка по убыванию - подсвечиваем стрелку вниз */
#domaintable thead th.sorting_desc::after,
#domainListsTableHomepage thead th.sorting_desc::after,
#domainListsTable thead th.sorting_desc::after,
#mybidsTable thead th.sorting_desc::after,
table.table-fill thead th.sorting_desc::after {
  opacity: 1 !important;
}

table.table-fill thead th:first-child,
#domaintable thead th:first-child,
#domainListsTableHomepage thead th:first-child,
#domainListsTable thead th:first-child,
#mybidsTable thead th:first-child,
.dataTables_wrapper table.table-fill thead th:first-child,
.dataTables_wrapper #domaintable thead th:first-child,
.dataTables_wrapper #domainListsTableHomepage thead th:first-child,
.dataTables_wrapper #domainListsTable thead th:first-child,
.dataTables_wrapper #mybidsTable thead th:first-child {
  border-radius: 4px 0 0 0;
}

table.table-fill thead th:visible:last-child,
#domaintable thead th:visible:last-child,
#domainListsTableHomepage thead th:visible:last-child,
#domainListsTable thead th:visible:last-child,
#mybidsTable thead th:visible:last-child,
.dataTables_wrapper table.table-fill thead th:visible:last-child,
.dataTables_wrapper #domaintable thead th:visible:last-child,
.dataTables_wrapper #domainListsTableHomepage thead th:visible:last-child,
.dataTables_wrapper #domainListsTable thead th:visible:last-child,
.dataTables_wrapper #mybidsTable thead th:visible:last-child {
  border-radius: 0 4px 0 0;
}

table.table-fill tbody td,
#domaintable tbody td,
#domainListsTableHomepage tbody td,
#domainListsTable tbody td,
#mybidsTable tbody td,
.dataTables_wrapper table.table-fill tbody td,
.dataTables_wrapper #domaintable tbody td,
.dataTables_wrapper #domainListsTableHomepage tbody td,
.dataTables_wrapper #domainListsTable tbody td,
.dataTables_wrapper #mybidsTable tbody td {
  padding: 12px 8px;
  vertical-align: middle;
  font-size: 0.9em;
  border-top: 1px solid #dee2e6 !important;
  background-color: #fff;
  text-align: center;
}

/* Первый столбец (домен) выравнивание по левому краю */
#domaintable tbody td:first-child,
#domainListsTableHomepage tbody td:first-child,
#domainListsTable tbody td:first-child,
#mybidsTable tbody td:first-child {
  text-align: left;
  font-weight: 500;
}

/* Apply striped background using box-shadow (like DataTables does) - matching second table exactly */
/* Remove white background from odd row cells to show striped effect */
table.table-fill.dataTable.table-striped tbody tr.odd > *,
#domaintable.dataTable.table-striped tbody tr.odd > *,
#domainListsTable.dataTable.table-striped tbody tr.odd > *,
.dataTables_wrapper table.table-fill.dataTable.table-striped tbody tr.odd > *,
.dataTables_wrapper #domaintable.dataTable.table-striped tbody tr.odd > *,
.dataTables_wrapper #domainListsTable.dataTable.table-striped tbody tr.odd > *,
table.table-fill.dataTable tbody tr.odd > *,
#domaintable.dataTable tbody tr.odd > *,
#domainListsTable.dataTable tbody tr.odd > *,
.dataTables_wrapper table.table-fill.dataTable tbody tr.odd > *,
.dataTables_wrapper #domaintable.dataTable tbody tr.odd > *,
.dataTables_wrapper #domainListsTable.dataTable tbody tr.odd > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05) !important;
  background-color: transparent !important;
}

/* Fallback for non-DataTables tables - use same color */
table.table-fill:not(.dataTable) tbody tr:nth-of-type(odd),
#domaintable:not(.dataTable) tbody tr:nth-of-type(odd),
#domainListsTable:not(.dataTable) tbody tr:nth-of-type(odd),
#mybidsTable tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

table.table-fill:not(.dataTable) tbody tr:nth-of-type(odd) td,
#domaintable:not(.dataTable) tbody tr:nth-of-type(odd) td,
#domainListsTable:not(.dataTable) tbody tr:nth-of-type(odd) td,
#mybidsTable tbody tr:nth-of-type(odd) td {
  background-color: transparent;
}

table.table-fill tbody tr:hover td,
#domaintable tbody tr:hover td,
#domainListsTable tbody tr:hover td,
#mybidsTable tbody tr:hover td,
.dataTables_wrapper table.table-fill tbody tr:hover td,
.dataTables_wrapper #domaintable tbody tr:hover td,
.dataTables_wrapper #domainListsTable tbody tr:hover td,
.dataTables_wrapper #mybidsTable tbody tr:hover td {
  background-color: #f9f9f9;
}

table.table-fill tr:last-child td:first-child,
#domaintable tr:last-child td:first-child,
#domainListsTable tr:last-child td:first-child,
#mybidsTable tr:last-child td:first-child,
.dataTables_wrapper table.table-fill tr:last-child td:first-child,
.dataTables_wrapper #domaintable tr:last-child td:first-child,
.dataTables_wrapper #domainListsTable tr:last-child td:first-child,
.dataTables_wrapper #mybidsTable tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

table.table-fill tr:last-child td:visible:last-child,
#domaintable tr:last-child td:visible:last-child,
#domainListsTable tr:last-child td:visible:last-child,
#mybidsTable tr:last-child td:visible:last-child,
.dataTables_wrapper table.table-fill tr:last-child td:visible:last-child,
.dataTables_wrapper #domaintable tr:last-child td:visible:last-child,
.dataTables_wrapper #domainListsTable tr:last-child td:visible:last-child,
.dataTables_wrapper #mybidsTable tr:last-child td:visible:last-child {
  border-radius: 0 0 4px 0;
}

table.table-fill thead th.sorting_asc,
table.table-fill thead th.sorting_desc,
#domaintable thead th.sorting_asc,
#domaintable thead th.sorting_desc,
#domainListsTable thead th.sorting_asc,
#domainListsTable thead th.sorting_desc,
.dataTables_wrapper table.table-fill thead th.sorting_asc,
.dataTables_wrapper table.table-fill thead th.sorting_desc,
.dataTables_wrapper #domaintable thead th.sorting_asc,
.dataTables_wrapper #domaintable thead th.sorting_desc,
.dataTables_wrapper #domainListsTable thead th.sorting_asc,
.dataTables_wrapper #domainListsTable thead th.sorting_desc {
  background-color: #f6f6f6;
}

/* Fixed width for Bid $ buttons to ensure consistent appearance */
button.bid_now,
button.bid_guest_homepage {
  min-width: 150px !important;
  width: 150px !important;
  text-align: center;
}

/* ========================================
   Language Switcher Styling
   ======================================== */

/* Spacing between Account and Language dropdowns in secondary navbar */
#Secondary_Navbar-Language {
  margin-left: 5px !important;
}

/* Кнопка переключателя языков */
.language-selector .lang-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 10px !important;
  text-decoration: none !important;
  height: 100%;
}

.language-selector .lang-toggle::after {
  display: none !important; /* Убираем стандартную стрелку dropdown */
}

/* Код языка в кнопке */
.language-selector .lang-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: inherit;
  transition: all 0.2s ease;
}

.language-selector .lang-toggle:hover .lang-code {
  opacity: 0.8;
}

/* Выравнивание всех элементов навбара по одной линии */
.navbar-nav.ml-auto {
  align-items: center !important;
}

.navbar-nav.ml-auto > li {
  display: flex !important;
  align-items: center !important;
}

.navbar-nav.ml-auto > li > a {
  display: flex !important;
  align-items: center !important;
  height: 100%;
}

/* Выпадающий список языков */
.language-selector .lang-dropdown {
  min-width: 180px !important;
  padding: 8px 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #e0e0e0 !important;
}

/* Элементы списка */
.language-selector .lang-dropdown .dropdown-item {
  padding: 0 !important;
}

.language-selector .lang-dropdown .language-select {
  display: flex !important;
  align-items: center !important;
  padding: 8px 15px !important;
  transition: background-color 0.15s ease;
}

.language-selector .lang-dropdown .language-select:hover {
  background-color: #f5f7fa !important;
}

.language-selector .lang-dropdown .language-select.active {
  background-color: #e8f0fe !important;
}

/* Код языка в списке */
.language-selector .lang-item-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #f0f2f5;
  color: #495057;
  font-weight: 600;
  font-size: 11px;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
}

.language-selector .language-select.active .lang-item-code {
  background: linear-gradient(135deg, #1d3965 0%, #2a4a7a 100%);
  color: #fff;
}

/* Название языка в списке */
.language-selector .lang-item-name {
  font-size: 14px;
  color: #333;
}

.language-selector .language-select.active .lang-item-name {
  font-weight: 600;
  color: #1d3965;
}

/* ========================================
   DataTables Controls Styling
   ======================================== */

/* Контейнер над таблицей - length menu и search */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 15px;
  font-size: 14px;
  color: #555;
}

/* Выпадающий список "Показать X записей" */
.dataTables_wrapper .dataTables_length select {
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  margin: 0 5px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dataTables_wrapper .dataTables_length select:focus {
  border-color: #1d3965;
  outline: none;
  box-shadow: 0 0 0 2px rgba(29, 57, 101, 0.15);
}

/* Поле поиска */
.dataTables_wrapper .dataTables_filter input {
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  margin-left: 5px;
  min-width: 200px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dataTables_wrapper .dataTables_filter input:focus {
  border-color: #1d3965;
  outline: none;
  box-shadow: 0 0 0 2px rgba(29, 57, 101, 0.15);
}

.dataTables_wrapper .dataTables_filter input::placeholder {
  color: #999;
}

/* Информация о записях "Показано с X по Y из Z" */
.dataTables_wrapper .dataTables_info {
  padding: 10px 0;
  font-size: 14px;
  color: #666;
}

/* Пагинация */
.dataTables_wrapper .dataTables_paginate {
  padding: 10px 0;
  text-align: right;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 2px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #333 !important;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
  background: linear-gradient(135deg, #1d3965 0%, #2a4a7a 100%);
  border-color: #1d3965;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(29, 57, 101, 0.35);
  transform: scale(1.05);
  position: relative;
  z-index: 1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: linear-gradient(135deg, #16294d 0%, #1d3965 100%);
  border-color: #16294d;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(29, 57, 101, 0.45);
  transform: scale(1.08);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  background-color: #f9f9f9;
  border-color: #eee;
  color: #999 !important;
  cursor: not-allowed;
}

/* Кнопки Назад/Вперед */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  font-weight: 500;
}

/* Обертка для нижней части таблицы */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  margin-top: 10px;
}

/* Выравнивание верхних контролов */
.dataTables_wrapper .row:first-child {
  align-items: center;
}

/* ========================================
   SEO Text Block Styling
   ======================================== */

.seo-text-content {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 30px 35px;
  margin-top: 30px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.seo-text-content h1,
.seo-text-content h2,
.seo-text-content h3,
.seo-text-content h4,
.seo-text-content h5,
.seo-text-content h6 {
  color: #1d3965;
  margin-top: 25px;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.seo-text-content h1:first-child,
.seo-text-content h2:first-child,
.seo-text-content h3:first-child {
  margin-top: 0;
}

.seo-text-content h2 {
  font-size: 1.5em;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(29, 57, 101, 0.1);
}

.seo-text-content h3 {
  font-size: 1.25em;
}

.seo-text-content p {
  color: #555;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 15px;
  text-align: justify;
}

.seo-text-content ul,
.seo-text-content ol {
  color: #555;
  padding-left: 25px;
  margin-bottom: 20px;
}

.seo-text-content li {
  margin-bottom: 8px;
  line-height: 1.6;
}

.seo-text-content ul li::marker {
  color: #1d3965;
}

.seo-text-content ol li::marker {
  color: #1d3965;
  font-weight: 600;
}

.seo-text-content a {
  color: #1d3965;
  text-decoration: none;
  border-bottom: 1px solid rgba(29, 57, 101, 0.3);
  transition: all 0.2s ease;
}

.seo-text-content a:hover {
  color: #16294d;
  border-bottom-color: #1d3965;
}

.seo-text-content strong,
.seo-text-content b {
  color: #333;
  font-weight: 600;
}

.seo-text-content blockquote {
  border-left: 4px solid #1d3965;
  background-color: rgba(29, 57, 101, 0.05);
  padding: 15px 20px;
  margin: 20px 0;
  border-radius: 0 8px 8px 0;
  font-style: italic;
  color: #555;
}

.seo-text-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
}

.seo-text-content table th,
.seo-text-content table td {
  padding: 12px 15px;
  border: 1px solid #dee2e6;
  text-align: left;
}

.seo-text-content table th {
  background-color: #1d3965;
  color: #fff;
  font-weight: 600;
}

.seo-text-content table tr:nth-child(even) {
  background-color: #f8f9fa;
}

.seo-text-content table tr:hover {
  background-color: #e9ecef;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  .seo-text-content {
    padding: 20px;
  }
  
  .seo-text-content p {
    text-align: left;
  }
}

/* ========================================
   Fixed Price Table Styling (fixedprice.php)
   ======================================== */

/* Основные стили таблицы */
#fixedPriceTable,
.dataTables_wrapper #fixedPriceTable {
  margin: 10px 0 !important;
  width: 100% !important;
  border-radius: 4px;
  border: 1px solid #ddd !important;
}

/* Стили заголовков */
#fixedPriceTable thead th,
.dataTables_wrapper #fixedPriceTable thead th {
  border-bottom: 4px solid rgba(29, 57, 101, 0.2) !important;
  font-weight: 600;
  padding: 12px 8px;
  background-color: #fff;
  border-top: 0 !important;
  color: #333;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

/* Стили для иконок сортировки DataTables */
#fixedPriceTable thead th.sorting,
#fixedPriceTable thead th.sorting_asc,
#fixedPriceTable thead th.sorting_desc {
  cursor: pointer;
  padding-right: 26px !important;
  background-image: none !important;
  position: relative;
}

/* Позиционируем оба псевдоэлемента ::before (вверх) и ::after (вниз) */
#fixedPriceTable thead th.sorting::before,
#fixedPriceTable thead th.sorting::after,
#fixedPriceTable thead th.sorting_asc::before,
#fixedPriceTable thead th.sorting_asc::after,
#fixedPriceTable thead th.sorting_desc::before,
#fixedPriceTable thead th.sorting_desc::after {
  position: absolute !important;
  right: 8px !important;
  display: block !important;
  opacity: 0.3 !important;
}

/* Стрелка вверх (::before) */
#fixedPriceTable thead th.sorting::before,
#fixedPriceTable thead th.sorting_asc::before,
#fixedPriceTable thead th.sorting_desc::before {
  top: 50% !important;
  transform: translateY(-100%) !important;
  margin-top: -4px !important;
}

/* Стрелка вниз (::after) */
#fixedPriceTable thead th.sorting::after,
#fixedPriceTable thead th.sorting_asc::after,
#fixedPriceTable thead th.sorting_desc::after {
  top: 50% !important;
  transform: translateY(0%) !important;
  margin-top: 4px !important;
}

/* Активная сортировка по возрастанию - подсвечиваем стрелку вверх */
#fixedPriceTable thead th.sorting_asc::before {
  opacity: 1 !important;
}

/* Активная сортировка по убыванию - подсвечиваем стрелку вниз */
#fixedPriceTable thead th.sorting_desc::after {
  opacity: 1 !important;
}

/* Первый столбец (заголовок) с закругленными краями */
#fixedPriceTable thead th:first-child,
.dataTables_wrapper #fixedPriceTable thead th:first-child {
  border-radius: 4px 0 0 0;
}

/* Последний столбец (заголовок) с закругленными краями */
#fixedPriceTable thead th:last-child,
.dataTables_wrapper #fixedPriceTable thead th:last-child {
  border-radius: 0 4px 0 0;
}

/* Стили для ячеек данных */
#fixedPriceTable tbody td,
.dataTables_wrapper #fixedPriceTable tbody td {
  padding: 12px 8px;
  vertical-align: middle;
  font-size: 0.9em;
  border-top: 1px solid #dee2e6 !important;
  background-color: #fff;
  text-align: center;
}

/* Первый столбец (домен) выравнивание по левому краю */
#fixedPriceTable tbody td:first-child {
  text-align: left;
  font-weight: 500;
}

/* Зебра (чередование строк) */
#fixedPriceTable.dataTable.table-striped tbody tr.odd > *,
.dataTables_wrapper #fixedPriceTable.dataTable.table-striped tbody tr.odd > *,
#fixedPriceTable.dataTable tbody tr.odd > *,
.dataTables_wrapper #fixedPriceTable.dataTable tbody tr.odd > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05) !important;
  background-color: transparent !important;
}

/* Hover эффект */
#fixedPriceTable tbody tr:hover td,
.dataTables_wrapper #fixedPriceTable tbody tr:hover td {
  background-color: #f9f9f9;
}

/* Закругления для последней строки */
#fixedPriceTable tr:last-child td:first-child,
.dataTables_wrapper #fixedPriceTable tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

#fixedPriceTable tr:last-child td:last-child,
.dataTables_wrapper #fixedPriceTable tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}

/* Активная сортировка - фон заголовка */
#fixedPriceTable thead th.sorting_asc,
#fixedPriceTable thead th.sorting_desc,
.dataTables_wrapper #fixedPriceTable thead th.sorting_asc,
.dataTables_wrapper #fixedPriceTable thead th.sorting_desc {
  background-color: #f6f6f6;
}

/* ========================================
   Closed Auctions Table Styling (closedauctions.php)
   ======================================== */

/* Основные стили таблицы */
#closedAuctionTable,
.dataTables_wrapper #closedAuctionTable {
  margin: 10px 0 !important;
  width: 100% !important;
  border-radius: 4px;
  border: 1px solid #ddd !important;
}

/* Стили заголовков */
#closedAuctionTable thead th,
.dataTables_wrapper #closedAuctionTable thead th {
  border-bottom: 4px solid rgba(29, 57, 101, 0.2) !important;
  font-weight: 600;
  padding: 12px 8px;
  background-color: #fff;
  border-top: 0 !important;
  color: #333;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

/* Стили для иконок сортировки DataTables */
#closedAuctionTable thead th.sorting,
#closedAuctionTable thead th.sorting_asc,
#closedAuctionTable thead th.sorting_desc {
  cursor: pointer;
  padding-right: 26px !important;
  background-image: none !important;
  position: relative;
}

/* Позиционируем оба псевдоэлемента ::before (вверх) и ::after (вниз) */
#closedAuctionTable thead th.sorting::before,
#closedAuctionTable thead th.sorting::after,
#closedAuctionTable thead th.sorting_asc::before,
#closedAuctionTable thead th.sorting_asc::after,
#closedAuctionTable thead th.sorting_desc::before,
#closedAuctionTable thead th.sorting_desc::after {
  position: absolute !important;
  right: 8px !important;
  display: block !important;
  opacity: 0.3 !important;
}

/* Стрелка вверх (::before) */
#closedAuctionTable thead th.sorting::before,
#closedAuctionTable thead th.sorting_asc::before,
#closedAuctionTable thead th.sorting_desc::before {
  top: 50% !important;
  transform: translateY(-100%) !important;
  margin-top: -4px !important;
}

/* Стрелка вниз (::after) */
#closedAuctionTable thead th.sorting::after,
#closedAuctionTable thead th.sorting_asc::after,
#closedAuctionTable thead th.sorting_desc::after {
  top: 50% !important;
  transform: translateY(0%) !important;
  margin-top: 4px !important;
}

/* Активная сортировка по возрастанию - подсвечиваем стрелку вверх */
#closedAuctionTable thead th.sorting_asc::before {
  opacity: 1 !important;
}

/* Активная сортировка по убыванию - подсвечиваем стрелку вниз */
#closedAuctionTable thead th.sorting_desc::after {
  opacity: 1 !important;
}

/* Первый столбец (заголовок) с закругленными краями */
#closedAuctionTable thead th:first-child,
.dataTables_wrapper #closedAuctionTable thead th:first-child {
  border-radius: 4px 0 0 0;
}

/* Последний столбец (заголовок) с закругленными краями */
#closedAuctionTable thead th:last-child,
.dataTables_wrapper #closedAuctionTable thead th:last-child {
  border-radius: 0 4px 0 0;
}

/* Стили для ячеек данных */
#closedAuctionTable tbody td,
.dataTables_wrapper #closedAuctionTable tbody td {
  padding: 12px 8px;
  vertical-align: middle;
  font-size: 0.9em;
  border-top: 1px solid #dee2e6 !important;
  background-color: #fff;
  text-align: center;
}

/* Первый столбец (домен) выравнивание по левому краю */
#closedAuctionTable tbody td:first-child {
  text-align: left;
  font-weight: 500;
}

/* Зебра (чередование строк) */
#closedAuctionTable.dataTable.table-striped tbody tr.odd > *,
.dataTables_wrapper #closedAuctionTable.dataTable.table-striped tbody tr.odd > *,
#closedAuctionTable.dataTable tbody tr.odd > *,
.dataTables_wrapper #closedAuctionTable.dataTable tbody tr.odd > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05) !important;
  background-color: transparent !important;
}

/* Hover эффект */
#closedAuctionTable tbody tr:hover td,
.dataTables_wrapper #closedAuctionTable tbody tr:hover td {
  background-color: #f9f9f9;
}

/* Закругления для последней строки */
#closedAuctionTable tr:last-child td:first-child,
.dataTables_wrapper #closedAuctionTable tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

#closedAuctionTable tr:last-child td:last-child,
.dataTables_wrapper #closedAuctionTable tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}

/* Активная сортировка - фон заголовка */
#closedAuctionTable thead th.sorting_asc,
#closedAuctionTable thead th.sorting_desc,
.dataTables_wrapper #closedAuctionTable thead th.sorting_asc,
.dataTables_wrapper #closedAuctionTable thead th.sorting_desc {
  background-color: #f6f6f6;
}

/* ========================================
   Unified Pagination Styles for All Tables
   ======================================== */

/* Обеспечиваем одинаковые стили пагинации для всех таблиц */
#fixedPriceTable_wrapper .dataTables_info,
#closedAuctionTable_wrapper .dataTables_info,
#domainListsTableHomepage_wrapper .dataTables_info,
#domaintable_wrapper .dataTables_info,
#mybidsTable_wrapper .dataTables_info,
#favoritesTable_wrapper .dataTables_info {
  display: inline-block;
  font-size: 14px;
  color: #555;
  padding: 10px 0;
}

#fixedPriceTable_wrapper .dataTables_paginate,
#closedAuctionTable_wrapper .dataTables_paginate,
#domainListsTableHomepage_wrapper .dataTables_paginate,
#domaintable_wrapper .dataTables_paginate,
#mybidsTable_wrapper .dataTables_paginate,
#favoritesTable_wrapper .dataTables_paginate {
  display: inline-block;
  float: right;
  padding: 10px 0;
  text-align: right;
}

#fixedPriceTable_wrapper .dataTables_paginate .paginate_button,
#closedAuctionTable_wrapper .dataTables_paginate .paginate_button,
#domainListsTableHomepage_wrapper .dataTables_paginate .paginate_button,
#domaintable_wrapper .dataTables_paginate .paginate_button,
#mybidsTable_wrapper .dataTables_paginate .paginate_button,
#favoritesTable_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 2px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #333 !important;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

#fixedPriceTable_wrapper .dataTables_paginate .paginate_button:hover,
#closedAuctionTable_wrapper .dataTables_paginate .paginate_button:hover,
#domainListsTableHomepage_wrapper .dataTables_paginate .paginate_button:hover,
#domaintable_wrapper .dataTables_paginate .paginate_button:hover,
#mybidsTable_wrapper .dataTables_paginate .paginate_button:hover,
#favoritesTable_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: #333 !important;
}

#fixedPriceTable_wrapper .dataTables_paginate .paginate_button.current,
#closedAuctionTable_wrapper .dataTables_paginate .paginate_button.current,
#domainListsTableHomepage_wrapper .dataTables_paginate .paginate_button.current,
#domaintable_wrapper .dataTables_paginate .paginate_button.current,
#mybidsTable_wrapper .dataTables_paginate .paginate_button.current,
#favoritesTable_wrapper .dataTables_paginate .paginate_button.current {
  background: linear-gradient(135deg, #1d3965 0%, #2a4a7a 100%);
  border-color: #1d3965;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(29, 57, 101, 0.35);
  transform: scale(1.05);
  position: relative;
  z-index: 1;
}

#fixedPriceTable_wrapper .dataTables_paginate .paginate_button.current:hover,
#closedAuctionTable_wrapper .dataTables_paginate .paginate_button.current:hover,
#domainListsTableHomepage_wrapper .dataTables_paginate .paginate_button.current:hover,
#domaintable_wrapper .dataTables_paginate .paginate_button.current:hover,
#mybidsTable_wrapper .dataTables_paginate .paginate_button.current:hover,
#favoritesTable_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: linear-gradient(135deg, #16294d 0%, #1d3965 100%);
  border-color: #16294d;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(29, 57, 101, 0.45);
  transform: scale(1.08);
}

#fixedPriceTable_wrapper .dataTables_paginate .paginate_button.disabled,
#closedAuctionTable_wrapper .dataTables_paginate .paginate_button.disabled,
#domainListsTableHomepage_wrapper .dataTables_paginate .paginate_button.disabled,
#domaintable_wrapper .dataTables_paginate .paginate_button.disabled,
#mybidsTable_wrapper .dataTables_paginate .paginate_button.disabled,
#favoritesTable_wrapper .dataTables_paginate .paginate_button.disabled {
  background-color: #f9f9f9;
  border-color: #eee;
  color: #999 !important;
  cursor: not-allowed;
}

#fixedPriceTable_wrapper .dataTables_paginate .paginate_button.previous,
#fixedPriceTable_wrapper .dataTables_paginate .paginate_button.next,
#closedAuctionTable_wrapper .dataTables_paginate .paginate_button.previous,
#closedAuctionTable_wrapper .dataTables_paginate .paginate_button.next,
#domainListsTableHomepage_wrapper .dataTables_paginate .paginate_button.previous,
#domainListsTableHomepage_wrapper .dataTables_paginate .paginate_button.next,
#domaintable_wrapper .dataTables_paginate .paginate_button.previous,
#domaintable_wrapper .dataTables_paginate .paginate_button.next,
#mybidsTable_wrapper .dataTables_paginate .paginate_button.previous,
#mybidsTable_wrapper .dataTables_paginate .paginate_button.next,
#favoritesTable_wrapper .dataTables_paginate .paginate_button.previous,
#favoritesTable_wrapper .dataTables_paginate .paginate_button.next {
  font-weight: 500;
}

/* Нижняя часть wrapper - info и paginate */
#fixedPriceTable_wrapper .row:last-child,
#closedAuctionTable_wrapper .row:last-child,
#domainListsTableHomepage_wrapper .row:last-child,
#mybidsTable_wrapper .row:last-child,
#favoritesTable_wrapper .row:last-child {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ========================================
   Bootstrap-style DataTables Pagination (for fixedprice, closedauctions)
   ======================================== */

/* Сброс стилей Bootstrap pagination для соответствия index.php */
#fixedPriceTable_wrapper .pagination,
#closedAuctionTable_wrapper .pagination,
#domainListsTable_wrapper .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 0;
}

#fixedPriceTable_wrapper .pagination .page-item,
#closedAuctionTable_wrapper .pagination .page-item,
#domainListsTable_wrapper .pagination .page-item {
  display: inline-block;
  margin: 0 2px;
}

#fixedPriceTable_wrapper .pagination .page-link,
#closedAuctionTable_wrapper .pagination .page-link,
#domainListsTable_wrapper .pagination .page-link {
  display: inline-block;
  padding: 6px 12px !important;
  margin: 0;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.2s ease;
  line-height: 1.5;
}

#fixedPriceTable_wrapper .pagination .page-link:hover,
#closedAuctionTable_wrapper .pagination .page-link:hover,
#domainListsTable_wrapper .pagination .page-link:hover {
  background-color: #f5f5f5 !important;
  border-color: #ccc !important;
  color: #333 !important;
}

#fixedPriceTable_wrapper .pagination .page-item.active .page-link,
#closedAuctionTable_wrapper .pagination .page-item.active .page-link,
#domainListsTable_wrapper .pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #1d3965 0%, #2a4a7a 100%) !important;
  border-color: #1d3965 !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(29, 57, 101, 0.35);
  transform: scale(1.05);
  position: relative;
  z-index: 1;
}

#fixedPriceTable_wrapper .pagination .page-item.active .page-link:hover,
#closedAuctionTable_wrapper .pagination .page-item.active .page-link:hover,
#domainListsTable_wrapper .pagination .page-item.active .page-link:hover {
  background: linear-gradient(135deg, #16294d 0%, #1d3965 100%) !important;
  border-color: #16294d !important;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(29, 57, 101, 0.45);
  transform: scale(1.08);
}

#fixedPriceTable_wrapper .pagination .page-item.disabled .page-link,
#closedAuctionTable_wrapper .pagination .page-item.disabled .page-link,
#domainListsTable_wrapper .pagination .page-item.disabled .page-link {
  background-color: #f9f9f9 !important;
  border-color: #eee !important;
  color: #999 !important;
  cursor: not-allowed;
  pointer-events: none;
}

#fixedPriceTable_wrapper .pagination .page-item.previous .page-link,
#fixedPriceTable_wrapper .pagination .page-item.next .page-link,
#closedAuctionTable_wrapper .pagination .page-item.previous .page-link,
#closedAuctionTable_wrapper .pagination .page-item.next .page-link,
#domainListsTable_wrapper .pagination .page-item.previous .page-link,
#domainListsTable_wrapper .pagination .page-item.next .page-link {
  font-weight: 500;
}

/* Убираем стандартные Bootstrap стили focus */
#fixedPriceTable_wrapper .pagination .page-link:focus,
#closedAuctionTable_wrapper .pagination .page-link:focus,
#domainListsTable_wrapper .pagination .page-link:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* ========================================
   Remove Bootstrap outline/border from pagination buttons
   ======================================== */

/* Полное удаление обводки и контура для Bootstrap пагинации */
#fixedPriceTable_wrapper .pagination .page-link,
#closedAuctionTable_wrapper .pagination .page-link,
#domainListsTable_wrapper .pagination .page-link,
.dataTables_wrapper .pagination .page-link {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

#fixedPriceTable_wrapper .pagination .page-link:focus,
#closedAuctionTable_wrapper .pagination .page-link:focus,
#domainListsTable_wrapper .pagination .page-link:focus,
.dataTables_wrapper .pagination .page-link:focus {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  border-color: #ddd !important;
}

#fixedPriceTable_wrapper .pagination .page-link:active,
#closedAuctionTable_wrapper .pagination .page-link:active,
#domainListsTable_wrapper .pagination .page-link:active,
.dataTables_wrapper .pagination .page-link:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Для активной страницы сохраняем тень, но убираем outline */
#fixedPriceTable_wrapper .pagination .page-item.active .page-link:focus,
#closedAuctionTable_wrapper .pagination .page-item.active .page-link:focus,
#domainListsTable_wrapper .pagination .page-item.active .page-link:focus,
.dataTables_wrapper .pagination .page-item.active .page-link:focus {
  outline: none !important;
  box-shadow: 0 2px 6px rgba(29, 57, 101, 0.35) !important;
}

/* Убираем синюю обводку у всех элементов пагинации */
#fixedPriceTable_wrapper .pagination *,
#closedAuctionTable_wrapper .pagination *,
#domainListsTable_wrapper .pagination *,
.dataTables_wrapper .pagination * {
  outline: none !important;
}

/* Bootstrap btn-outline стили если применяются */
#fixedPriceTable_wrapper .pagination .page-link.btn-outline-primary,
#closedAuctionTable_wrapper .pagination .page-link.btn-outline-primary,
#domainListsTable_wrapper .pagination .page-link.btn-outline-primary {
  border-color: #ddd !important;
  color: #333 !important;
  background-color: #fff !important;
}

/* ========================================
   ПОЛНАЯ УНИФИКАЦИЯ ПАГИНАЦИИ
   Делаем Bootstrap пагинацию полностью идентичной стандартной DataTables
   ======================================== */

/* Удаляем margin-left: -1px который создаёт эффект слияния кнопок в Bootstrap */
#fixedPriceTable_wrapper .pagination .page-link,
#closedAuctionTable_wrapper .pagination .page-link,
#domainListsTable_wrapper .pagination .page-link,
.dataTables_wrapper .pagination .page-link {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Полное удаление ВСЕХ эффектов focus, hover и активности для Bootstrap */
#fixedPriceTable_wrapper .pagination .page-item .page-link,
#closedAuctionTable_wrapper .pagination .page-item .page-link,
#domainListsTable_wrapper .pagination .page-item .page-link,
.dataTables_wrapper .pagination .page-item .page-link {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

#fixedPriceTable_wrapper .pagination .page-item .page-link:focus,
#closedAuctionTable_wrapper .pagination .page-item .page-link:focus,
#domainListsTable_wrapper .pagination .page-item .page-link:focus,
.dataTables_wrapper .pagination .page-item .page-link:focus,
#fixedPriceTable_wrapper .pagination .page-item .page-link:active,
#closedAuctionTable_wrapper .pagination .page-item .page-link:active,
#domainListsTable_wrapper .pagination .page-item .page-link:active,
.dataTables_wrapper .pagination .page-item .page-link:active {
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-color: #ddd !important;
}

/* Активная кнопка - сохраняем тень только для выделения */
#fixedPriceTable_wrapper .pagination .page-item.active .page-link,
#closedAuctionTable_wrapper .pagination .page-item.active .page-link,
#domainListsTable_wrapper .pagination .page-item.active .page-link,
.dataTables_wrapper .pagination .page-item.active .page-link {
  box-shadow: 0 2px 6px rgba(29, 57, 101, 0.35) !important;
}

/* Глобальный сброс для всех элементов внутри пагинации */
#fixedPriceTable_wrapper .pagination,
#closedAuctionTable_wrapper .pagination,
#domainListsTable_wrapper .pagination,
.dataTables_wrapper .pagination {
  border: none !important;
}

#fixedPriceTable_wrapper .pagination *:focus,
#closedAuctionTable_wrapper .pagination *:focus,
#domainListsTable_wrapper .pagination *:focus,
.dataTables_wrapper .pagination *:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

/* Удаляем z-index: 3 который Bootstrap устанавливает при фокусе и может создавать визуальные эффекты */
#fixedPriceTable_wrapper .pagination .page-link:focus,
#closedAuctionTable_wrapper .pagination .page-link:focus,
#domainListsTable_wrapper .pagination .page-link:focus,
.dataTables_wrapper .pagination .page-link:focus {
  z-index: auto !important;
}

/* ========================================
   УНИВЕРСАЛЬНЫЕ СТИЛИ ПАГИНАЦИИ ДЛЯ ВСЕХ ТАБЛИЦ
   Применяем одинаковые стили для всех wrapper'ов
   ======================================== */

/* Глобальные стили для page-link во всех таблицах */
.dataTables_wrapper .pagination .page-item .page-link,
.dataTables_wrapper .pagination li a.page-link,
.dataTables_wrapper .page-item .page-link,
.dataTables_wrapper ul.pagination .page-link {
  display: inline-block !important;
  padding: 6px 12px !important;
  margin: 0 2px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  line-height: 1.5 !important;
  outline: none !important;
  box-shadow: none !important;
}

.dataTables_wrapper .pagination .page-item .page-link:hover,
.dataTables_wrapper .pagination li a.page-link:hover {
  background-color: #f5f5f5 !important;
  border-color: #ccc !important;
  color: #333 !important;
  outline: none !important;
  box-shadow: none !important;
}

.dataTables_wrapper .pagination .page-item.active .page-link,
.dataTables_wrapper .pagination li.active a.page-link {
  background: linear-gradient(135deg, #1d3965 0%, #2a4a7a 100%) !important;
  border-color: #1d3965 !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(29, 57, 101, 0.35) !important;
  transform: scale(1.05) !important;
}

.dataTables_wrapper .pagination .page-item.disabled .page-link,
.dataTables_wrapper .pagination li.disabled a.page-link {
  background-color: #f9f9f9 !important;
  border-color: #eee !important;
  color: #999 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

/* Focus стили - полностью убираем обводку */
.dataTables_wrapper .pagination .page-item .page-link:focus,
.dataTables_wrapper .pagination li a.page-link:focus,
.dataTables_wrapper .pagination .page-item .page-link:active,
.dataTables_wrapper .pagination li a.page-link:active {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-color: #ddd !important;
  z-index: auto !important;
}

/* Убираем margin-left: -1px из Bootstrap который создаёт слияние границ */
.dataTables_wrapper .pagination .page-item,
.dataTables_wrapper ul.pagination li {
  margin: 0 !important;
}

.dataTables_wrapper .pagination .page-item .page-link,
.dataTables_wrapper ul.pagination li a {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

/* Первый и последний элементы */
.dataTables_wrapper .pagination .page-item:first-child .page-link,
.dataTables_wrapper .pagination .page-item:last-child .page-link {
  margin-left: 0 !important;
  margin-right: 2px !important;
}

.dataTables_wrapper .pagination .page-item:last-child .page-link {
  margin-right: 0 !important;
}

/* ========================================
   АГРЕССИВНЫЙ СБРОС BOOTSTRAP ПАГИНАЦИИ
   Полностью переопределяем все стили
   ======================================== */

/* Сброс контейнера pagination */
.dataTables_wrapper .dataTables_paginate .pagination,
.dataTables_wrapper ul.pagination,
ul.pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Сброс элементов li (page-item) */
.dataTables_wrapper .dataTables_paginate .pagination > li,
.dataTables_wrapper .pagination .page-item,
.dataTables_wrapper .pagination .paginate_button,
ul.pagination > li,
ul.pagination .page-item {
  margin: 0 2px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  list-style: none !important;
}

/* Сброс ссылок a (page-link) - ПОЛНЫЙ СБРОС */
.dataTables_wrapper .dataTables_paginate .pagination > li > a,
.dataTables_wrapper .pagination .page-item > a,
.dataTables_wrapper .pagination .page-item .page-link,
.dataTables_wrapper .pagination a.page-link,
ul.pagination > li > a,
ul.pagination .page-link,
.pagination .page-link {
  display: inline-block !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

/* Hover состояние */
.dataTables_wrapper .pagination .page-link:hover,
.dataTables_wrapper .pagination .page-item > a:hover,
ul.pagination .page-link:hover,
.pagination .page-link:hover {
  background-color: #f5f5f5 !important;
  border-color: #ccc !important;
  color: #333 !important;
  outline: none !important;
  box-shadow: none !important;
  z-index: auto !important;
}

/* Focus состояние - ПОЛНОСТЬЮ УБИРАЕМ ОБВОДКУ */
.dataTables_wrapper .pagination .page-link:focus,
.dataTables_wrapper .pagination .page-item > a:focus,
.dataTables_wrapper .pagination .page-item .page-link:focus,
ul.pagination .page-link:focus,
.pagination .page-link:focus,
.dataTables_wrapper .pagination .page-link:focus-visible,
.pagination .page-link:focus-visible {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-color: #ddd !important;
  z-index: auto !important;
}

/* Active состояние (нажатие) */
.dataTables_wrapper .pagination .page-link:active,
.dataTables_wrapper .pagination .page-item > a:active,
ul.pagination .page-link:active,
.pagination .page-link:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ddd !important;
}

/* Активная страница (текущая) */
.dataTables_wrapper .pagination .page-item.active .page-link,
.dataTables_wrapper .pagination li.active a,
.dataTables_wrapper .pagination .paginate_button.current,
ul.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #1d3965 0%, #2a4a7a 100%) !important;
  border-color: #1d3965 !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(29, 57, 101, 0.35) !important;
  transform: scale(1.05) !important;
  z-index: 1 !important;
}

/* Disabled состояние */
.dataTables_wrapper .pagination .page-item.disabled .page-link,
.dataTables_wrapper .pagination li.disabled a,
.dataTables_wrapper .pagination .paginate_button.disabled,
ul.pagination .page-item.disabled .page-link,
.pagination .page-item.disabled .page-link {
  background-color: #f9f9f9 !important;
  border-color: #eee !important;
  color: #999 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Убираем все возможные outline на всех дочерних элементах */
.dataTables_wrapper .dataTables_paginate *,
.dataTables_wrapper .pagination *,
ul.pagination *,
.pagination * {
  outline: none !important;
  outline-offset: 0 !important;
}

.dataTables_wrapper .dataTables_paginate *:focus,
.dataTables_wrapper .pagination *:focus,
ul.pagination *:focus,
.pagination *:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* ========================================
   УНИФИКАЦИЯ HOVER СТИЛЕЙ ДЛЯ ВСЕХ ПАГИНАЦИЙ
   Одинаковый светлый фон при наведении
   ======================================== */

/* Hover для всех кнопок пагинации - светло-серый фон */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .pagination .page-link:hover,
.dataTables_wrapper .pagination .page-item:hover .page-link,
.dataTables_wrapper .pagination .page-item .page-link:hover,
.dataTables_wrapper .pagination li:hover a,
.dataTables_wrapper .pagination li a:hover,
ul.pagination .page-link:hover,
ul.pagination .page-item:hover .page-link,
.pagination .page-link:hover,
.pagination .page-item:hover .page-link {
  background-color: #f5f5f5 !important;
  background: #f5f5f5 !important;
  border-color: #ccc !important;
  color: #333 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hover для активной (текущей) страницы - чуть темнее синий */
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .pagination .page-item.active:hover .page-link,
.dataTables_wrapper .pagination .page-item.active .page-link:hover,
ul.pagination .page-item.active:hover .page-link,
ul.pagination .page-item.active .page-link:hover,
.pagination .page-item.active:hover .page-link,
.pagination .page-item.active .page-link:hover {
  background: linear-gradient(135deg, #16294d 0%, #1d3965 100%) !important;
  border-color: #16294d !important;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(29, 57, 101, 0.45) !important;
  transform: scale(1.08) !important;
}

/* Hover для disabled кнопок - без изменений */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .pagination .page-item.disabled:hover .page-link,
.dataTables_wrapper .pagination .page-item.disabled .page-link:hover,
ul.pagination .page-item.disabled:hover .page-link,
ul.pagination .page-item.disabled .page-link:hover,
.pagination .page-item.disabled:hover .page-link,
.pagination .page-item.disabled .page-link:hover {
  background-color: #f9f9f9 !important;
  background: #f9f9f9 !important;
  border-color: #eee !important;
  color: #999 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ========================================
   ВЫРАВНИВАНИЕ ТАБЛИЦ ПО ЛЕВОМУ КРАЮ
   ======================================== */

/* Заголовки таблиц - по левому краю */
#domaintable thead th,
#domainListsTableHomepage thead th,
#fixedPriceTable thead th,
#closedAuctionTable thead th,
.table-fill thead th,
.dataTables_wrapper table thead th {
  text-align: left !important;
}

/* Содержимое ячеек - по левому краю */
#domaintable tbody td,
#domainListsTableHomepage tbody td,
#fixedPriceTable tbody td,
#closedAuctionTable tbody td,
.table-fill tbody td,
.dataTables_wrapper table tbody td {
  text-align: left !important;
}

/* Кнопки и формы в ячейках - тоже по левому краю */
#domaintable tbody td form,
#domainListsTableHomepage tbody td form,
#domaintable tbody td .btn,
#domainListsTableHomepage tbody td .btn {
  text-align: left !important;
}

/* Input поля */
#domaintable tbody td input,
#domainListsTableHomepage tbody td input {
  text-align: left !important;
}

/* ========================================
   ВЫРАВНИВАНИЕ ТАБЛИЦЫ "СПИСКИ ДОМЕНОВ" ПО ЛЕВОМУ КРАЮ
   ======================================== */

/* Специфичные стили для таблицы domainListsTableHomepage */
#domainListsTableHomepage_wrapper table thead th,
#domainListsTableHomepage_wrapper .dataTables_scrollHead th,
table#domainListsTableHomepage thead th,
#domainListsTableHomepage th {
  text-align: left !important;
  padding-left: 10px !important;
}

#domainListsTableHomepage_wrapper table tbody td,
table#domainListsTableHomepage tbody td,
#domainListsTableHomepage td {
  text-align: left !important;
  padding-left: 10px !important;
}

/* Кнопки в таблице списков доменов */
#domainListsTableHomepage tbody td .btn,
#domainListsTableHomepage tbody td a.btn,
#domainListsTableHomepage_wrapper .btn {
  text-align: left !important;
}

/* Форма и input в таблице */
#domainListsTableHomepage tbody td form,
#domainListsTableHomepage tbody td input {
  text-align: left !important;
}

/* ========================================
   ПРИНУДИТЕЛЬНОЕ ВЫРАВНИВАНИЕ ВСЕХ ТАБЛИЦ ПО ЛЕВОМУ КРАЮ
   ======================================== */

/* Глобальные стили для ВСЕХ таблиц DataTables */
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td,
table.dataTable thead th,
table.dataTable thead td {
  text-align: left !important;
  padding-left: 10px !important;
  vertical-align: middle !important;
}

.dataTables_wrapper table.dataTable tbody th,
.dataTables_wrapper table.dataTable tbody td,
table.dataTable tbody th,
table.dataTable tbody td {
  text-align: left !important;
  padding-left: 10px !important;
  vertical-align: middle !important;
}

/* Специально для таблицы domainListsTableHomepage */
div#domainListsTableHomepage_wrapper table#domainListsTableHomepage thead tr th,
div#domainListsTableHomepage_wrapper table thead tr th {
  text-align: left !important;
  padding-left: 10px !important;
}

div#domainListsTableHomepage_wrapper table#domainListsTableHomepage tbody tr td,
div#domainListsTableHomepage_wrapper table tbody tr td {
  text-align: left !important;
  padding-left: 10px !important;
}

/* Специально для таблицы domaintable */
div#domaintable_wrapper table#domaintable thead tr th,
div#domaintable_wrapper table thead tr th {
  text-align: left !important;
  padding-left: 10px !important;
}

div#domaintable_wrapper table#domaintable tbody tr td,
div#domaintable_wrapper table tbody tr td {
  text-align: left !important;
  padding-left: 10px !important;
}

/* Элементы nobr внутри th */
table thead th nobr,
.dataTables_wrapper table thead th nobr {
  text-align: left !important;
}

/* table-fill класс */
table.table-fill th,
table.table-fill td {
  text-align: left !important;
  padding-left: 10px !important;
}

/* table-list класс */
table.table-list th,
table.table-list td {
  text-align: left !important;
  padding-left: 10px !important;
}

/* ========================================
   ЦЕНТРИРОВАНИЕ КНОПОК В КОЛОНКЕ "СТАВКА"
   ======================================== */

/* Кнопки в колонке Ставка - по центру */
#domaintable tbody td .btn,
#domaintable tbody td button,
#domaintable tbody td .btn-success,
#domainListsTableHomepage tbody td .btn,
#domainListsTableHomepage tbody td button,
#domainListsTableHomepage tbody td .btn-success,
#fixedPriceTable tbody td .btn,
#fixedPriceTable tbody td .btn-success,
.dataTables_wrapper table tbody td .btn,
.dataTables_wrapper table tbody td button.btn {
  text-align: center !important;
  display: inline-block !important;
}

/* Центрирование текста внутри кнопок */
#domaintable tbody td .btn-success,
#domainListsTableHomepage tbody td .btn-success,
#fixedPriceTable tbody td .btn-success,
.bid_now,
button.bid_now,
.buy-domain-btn {
  text-align: center !important;
  justify-content: center !important;
}

/* Ячейка с кнопкой - центрирование содержимого */
#domaintable tbody td:last-child,
#domainListsTableHomepage tbody td:last-child {
  text-align: center !important;
}

/* Форма внутри ячейки - центрирование */
#domaintable tbody td form,
#domainListsTableHomepage tbody td form {
  display: inline-block !important;
  text-align: center !important;
}

/* ========================================
   ЦЕНТРИРОВАНИЕ ЗАГОЛОВКА "СТАВКА"
   ======================================== */

/* Заголовок последней колонки (Ставка) - по центру */
#domaintable thead th:last-child,
#domainListsTableHomepage thead th:last-child,
#fixedPriceTable thead th:last-child,
div#domaintable_wrapper table thead tr th:last-child,
div#domainListsTableHomepage_wrapper table thead tr th:last-child {
  text-align: center !important;
}

/* ========================================
   ПРИНУДИТЕЛЬНОЕ ЦЕНТРИРОВАНИЕ ЗАГОЛОВКА "СТАВКА"
   ======================================== */

/* Заголовок колонки Ставка - принудительно по центру */
#domaintable thead tr th:last-child,
#domainListsTableHomepage thead tr th:last-child,
#fixedPriceTable thead tr th:last-child,
table#domaintable thead th:last-child,
table#domainListsTableHomepage thead th:last-child,
table#fixedPriceTable thead th:last-child,
.dataTables_wrapper table#domaintable thead th:last-child,
.dataTables_wrapper table#domainListsTableHomepage thead th:last-child,
div#domaintable_wrapper table#domaintable thead tr th:last-child,
div#domainListsTableHomepage_wrapper table#domainListsTableHomepage thead tr th:last-child {
  text-align: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ========================================
   КРАСИВОЕ ОФОРМЛЕНИЕ ЗАГОЛОВКОВ СЕКЦИЙ
   ======================================== */

/* Основной заголовок H1 - "Аукционы Доменов" */
.col-sm-12.col-md-12 h1 {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #1d3965 !important;
  margin-bottom: 8px !important;
  margin-top: 10px !important;
  letter-spacing: -0.5px !important;
}

/* Заголовок H2 - "Списки доменов" */
.col-sm-12.col-md-12 h2 {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #1d3965 !important;
  margin-bottom: 5px !important;
  margin-top: 0 !important;
  letter-spacing: -0.3px !important;
}

/* Подзаголовки (описания) */
.col-sm-12.col-md-12 .text-muted,
.col-sm-12.col-md-12 p.text-muted {
  font-size: 14px !important;
  color: #6c757d !important;
  margin-bottom: 15px !important;
  margin-top: 5px !important;
  line-height: 1.5 !important;
}

/* Убираем лишний отступ сверху у первой секции */
.row:first-child .col-sm-12 h1 {
  margin-top: 0 !important;
}

/* Секция "Списки доменов" - уменьшаем отступ сверху */
.row[style*="margin-top: 50px"] {
  margin-top: 30px !important;
}

/* ========================================
   УНИВЕРСАЛЬНЫЕ СТИЛИ ДЛЯ ЗАГОЛОВКОВ ВСЕХ СТРАНИЦ
   ======================================== */

/* H1 заголовки на всех страницах аукциона */
.col-sm-12 h1,
.col-md-12 h1 {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #1d3965 !important;
  margin-bottom: 8px !important;
  margin-top: 10px !important;
  letter-spacing: -0.5px !important;
}

/* H2 заголовки на всех страницах аукциона */
.col-sm-12 h2,
.col-md-12 h2 {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #1d3965 !important;
  margin-bottom: 5px !important;
  margin-top: 0 !important;
  letter-spacing: -0.3px !important;
}

/* Подзаголовки на всех страницах */
.col-sm-12 .text-muted,
.col-sm-12 p.text-muted,
.col-md-12 .text-muted,
.col-md-12 p.text-muted {
  font-size: 14px !important;
  color: #6c757d !important;
  margin-bottom: 15px !important;
  margin-top: 5px !important;
  line-height: 1.5 !important;
}

/* ========================================
   ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ТАБЛИЦЫ domainListsTable (domainlists.php)
   Только уникальные стили, которых нет в общих стилях
   ======================================== */

/* Последняя колонка (Ставка) - по центру */
#domainListsTable thead th:last-child,
#domainListsTable_wrapper table thead th:last-child {
  text-align: center !important;
}

#domainListsTable tbody td:last-child,
#domainListsTable_wrapper table tbody td:last-child {
  text-align: center !important;
}

/* Стили для кнопок в таблице */
#domainListsTable tbody td .btn,
#domainListsTable tbody td button.btn {
  text-align: center !important;
}

/* ========================================
   СТИЛИ ДЛЯ ФОРМЫ ФИЛЬТРОВ (domainlists.php)
   ======================================== */

/* Контейнер формы фильтров */
form.form-inline[action="domainlists.php"],
form.form-inline[action*="domainlists.php"] {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 15px 0;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  box-shadow: none;
}

/* Группы полей формы */
form.form-inline[action*="domainlists.php"] .form-group {
  display: flex;
  align-items: center;
  margin-right: 0 !important;
  margin-bottom: 0;
}

/* Лейблы полей */
form.form-inline[action*="domainlists.php"] label {
  font-weight: 600;
  color: #495057;
  margin-right: 8px !important;
  margin-bottom: 0;
  font-size: 14px;
  white-space: nowrap;
}

/* Поля ввода и селекты */
form.form-inline[action*="domainlists.php"] .form-control {
  border: 1px solid #ced4da;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
  min-width: 150px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  margin-right: 0 !important;
}

form.form-inline[action*="domainlists.php"] .form-control:focus {
  border-color: #1d3965;
  box-shadow: 0 0 0 3px rgba(29, 57, 101, 0.15);
  outline: none;
}

/* Поле даты */
form.form-inline[action*="domainlists.php"] input[type="date"] {
  min-width: 160px;
}

/* Селект TLD */
form.form-inline[action*="domainlists.php"] select {
  min-width: 120px;
  cursor: pointer;
}

/* Кнопки формы */
form.form-inline[action*="domainlists.php"] .btn {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  margin-right: 0 !important;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Кнопка "Filter" */
form.form-inline[action*="domainlists.php"] .btn-primary {
  background: linear-gradient(135deg, #1d3965 0%, #2a4a7a 100%);
  border: none;
  color: #fff;
}

form.form-inline[action*="domainlists.php"] .btn-primary:hover {
  background: linear-gradient(135deg, #152a4a 0%, #1d3965 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(29, 57, 101, 0.3);
}

/* Кнопка "Сбросить" */
form.form-inline[action*="domainlists.php"] .btn-default {
  background: #fff;
  border: 1px solid #ced4da;
  color: #495057;
}

form.form-inline[action*="domainlists.php"] .btn-default:hover {
  background: #f8f9fa;
  border-color: #adb5bd;
  color: #333;
}

/* Кнопка "Копировать домены" */
form.form-inline[action*="domainlists.php"] .btn-success {
  background: linear-gradient(135deg, #28a745 0%, #34c759 100%);
  border: none;
  color: #fff;
}

form.form-inline[action*="domainlists.php"] .btn-success:hover {
  background: linear-gradient(135deg, #1e7e34 0%, #28a745 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

/* Иконка в кнопке */
form.form-inline[action*="domainlists.php"] .btn i {
  font-size: 14px;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
  form.form-inline[action*="domainlists.php"] {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  
  form.form-inline[action*="domainlists.php"] .form-group {
    flex-direction: column;
    align-items: stretch;
  }
  
  form.form-inline[action*="domainlists.php"] label {
    margin-bottom: 5px !important;
    margin-right: 0 !important;
  }
  
  form.form-inline[action*="domainlists.php"] .form-control {
    width: 100%;
  }
  
  form.form-inline[action*="domainlists.php"] .btn {
    width: 100%;
    justify-content: center;
  }
}

/* ========================================
   ГЛОБАЛЬНАЯ АДАПТИВНОСТЬ ДЛЯ ВСЕХ СТРАНИЦ
   ======================================== */

/* ===== Планшеты (768px - 1024px) ===== */
@media (max-width: 1024px) {
  /* Контейнеры */
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Таблицы - уменьшаем шрифт и padding */
  #domaintable thead th,
  #domainListsTableHomepage thead th,
  #domainListsTable thead th,
  #fixedPriceTable thead th,
  #closedAuctionTable thead th,
  #mybidsTable thead th,
  table.table-fill thead th {
    padding: 10px 6px !important;
    font-size: 12px !important;
  }
  
  #domaintable tbody td,
  #domainListsTableHomepage tbody td,
  #domainListsTable tbody td,
  #fixedPriceTable tbody td,
  #closedAuctionTable tbody td,
  #mybidsTable tbody td,
  table.table-fill tbody td {
    padding: 8px 6px !important;
    font-size: 12px !important;
  }
  
  /* Кнопки в таблицах */
  button.bid_now,
  button.bid_guest_homepage,
  .btn-success,
  .btn-primary {
    min-width: 100px !important;
    width: auto !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
  
  /* Поля ввода */
  input.form-control,
  input[type="number"] {
    min-width: 80px !important;
    width: 80px !important;
    font-size: 12px !important;
  }
}

/* ===== Мобильные устройства (до 768px) ===== */
@media (max-width: 768px) {
  /* ========== TOPBAR (шапка с уведомлениями) ========== */
  .topbar {
    padding: 6px 0 !important;
  }
  
  .topbar .container {
    padding: 0 10px !important;
  }
  
  .topbar .d-flex {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  
  .topbar .mr-auto,
  .topbar .ml-auto {
    flex: 0 0 auto !important;
  }
  
  /* Кнопка уведомлений */
  .topbar #accountNotifications {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }
  
  .topbar #accountNotifications i {
    font-size: 14px !important;
  }
  
  /* Блок "Вошел как" */
  .topbar .active-client {
    flex-wrap: nowrap !important;
  }
  
  .topbar .input-group-text {
    display: none !important; /* Скрываем "Вошел в систему как:" */
  }
  
  .topbar .btn-active-client {
    padding: 5px 10px !important;
    font-size: 12px !important;
    max-width: 150px !important;
  }
  
  .topbar .btn-active-client span {
    display: block !important;
    max-width: 130px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  
  /* Кнопка возврата в админку */
  .topbar .btn-return-to-admin {
    padding: 5px 8px !important;
    font-size: 11px !important;
  }
  
  .topbar .btn-return-to-admin span {
    display: none !important;
  }
  
  /* ========== HEADER / NAVBAR ========== */
  .header .navbar {
    padding: 8px 0 !important;
  }
  
  .header .navbar .container {
    padding: 0 10px !important;
  }
  
  /* Логотип */
  .navbar-brand {
    margin-right: 10px !important;
    padding: 0 !important;
  }
  
  .navbar-brand .logo-img {
    max-height: 35px !important;
    width: auto !important;
  }
  
  /* Кнопка меню (гамбургер) */
  .navbar .toolbar .btn {
    padding: 8px 10px !important;
    font-size: 18px !important;
  }
  
  /* Главный navbar */
  .main-navbar-wrapper {
    padding: 0 !important;
  }
  
  .main-navbar-wrapper .container {
    padding: 0 10px !important;
  }
  
  /* Выпадающее меню навигации */
  #mainNavbar {
    padding: 10px 0 !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
  }
  
  #mainNavbar .navbar-nav {
    flex-direction: column !important;
    width: 100% !important;
  }
  
  #mainNavbar .nav-item {
    border-bottom: 1px solid #f0f0f0 !important;
  }
  
  #mainNavbar .nav-link {
    padding: 12px 15px !important;
    font-size: 14px !important;
  }
  
  /* Secondary navbar (аккаунт, язык) */
  .navbar-nav.ml-auto {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #eee !important;
  }
  
  .navbar-nav.ml-auto > li {
    margin: 0 5px !important;
  }
  
  /* Dropdown аккаунта */
  #Secondary_Navbar-Account > a {
    padding: 8px 12px !important;
    font-size: 13px !important;
    max-width: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
  }
  
  /* Dropdown языка */
  #Secondary_Navbar-Language {
    margin-left: 5px !important;
  }
  
  .language-selector .lang-toggle {
    padding: 8px 10px !important;
  }
  
  .language-selector .lang-code {
    font-size: 12px !important;
  }

  /* ========== ЗАГОЛОВКИ СТРАНИЦЫ ========== */
  /* Основные контейнеры */
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  
  .row {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }
  
  .col-sm-12, .col-md-12, [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  
  /* H1 заголовки ("Аукционы Доменов") */
  .col-sm-12 h1,
  .col-md-12 h1,
  h1 {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
    margin-top: 10px !important;
    padding: 0 5px !important;
  }
  
  /* H2 заголовки ("Списки доменов") */
  .col-sm-12 h2,
  .col-md-12 h2,
  h2 {
    font-size: 17px !important;
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
    padding: 0 5px !important;
  }
  
  /* Подзаголовки / описания */
  .text-muted,
  p.text-muted,
  .col-sm-12 .text-muted,
  .col-md-12 .text-muted {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    padding: 0 5px !important;
  }
  
  /* ========== SEO описание ========== */
  .text-muted {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  
  /* Горизонтальный скролл для таблиц */
  .table-responsive {
    margin: 0 -5px !important;
    padding: 0 5px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Таблицы - компактный вид */
  #domaintable,
  #domainListsTableHomepage,
  #domainListsTable,
  #fixedPriceTable,
  #closedAuctionTable,
  #mybidsTable,
  table.table-fill {
    min-width: 600px !important;
    font-size: 11px !important;
  }
  
  #domaintable thead th,
  #domainListsTableHomepage thead th,
  #domainListsTable thead th,
  #fixedPriceTable thead th,
  #closedAuctionTable thead th,
  #mybidsTable thead th,
  table.table-fill thead th {
    padding: 8px 4px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  
  #domaintable tbody td,
  #domainListsTableHomepage tbody td,
  #domainListsTable tbody td,
  #fixedPriceTable tbody td,
  #closedAuctionTable tbody td,
  #mybidsTable tbody td,
  table.table-fill tbody td {
    padding: 6px 4px !important;
    font-size: 11px !important;
  }
  
  /* Кнопки */
  button.bid_now,
  button.bid_guest_homepage {
    min-width: 80px !important;
    width: auto !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
  }
  
  .btn {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
  
  /* Поля ввода ставок */
  input.form-control,
  input[type="number"] {
    min-width: 60px !important;
    width: 60px !important;
    padding: 4px 6px !important;
    font-size: 11px !important;
  }
  
  /* DataTables элементы управления */
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  
  .dataTables_wrapper .dataTables_length select {
    width: auto !important;
  }
  
  .dataTables_wrapper .dataTables_filter input {
    width: 150px !important;
  }
  
  /* Информация о записях */
  .dataTables_wrapper .dataTables_info {
    float: none !important;
    text-align: center !important;
    padding-top: 10px !important;
    font-size: 12px !important;
  }
  
  /* Пагинация */
  .dataTables_wrapper .dataTables_paginate {
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 5px 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    margin: 2px !important;
    min-width: 32px !important;
    height: 30px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 6px 12px !important;
    min-width: auto !important;
  }
  
  /* SEO текст внизу */
  .seo-text-content {
    padding: 15px !important;
  }
  
  .seo-text-content h2 {
    font-size: 18px !important;
  }
  
  .seo-text-content p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  
  /* Навигация */
  .navbar-nav.ml-auto {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  /* Переключатель языков */
  .language-selector .lang-code {
    font-size: 12px !important;
  }
}

/* ===== Маленькие мобильные (до 480px) ===== */
@media (max-width: 480px) {
  /* Основной контейнер */
  body {
    font-size: 13px !important;
  }
  
  .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
    max-width: 100% !important;
  }
  
  .row {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }
  
  .col-sm-12, .col-md-12, [class*="col-"] {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  
  /* ========== TOPBAR ========== */
  .topbar {
    padding: 4px 0 !important;
  }
  
  .topbar .container {
    padding: 0 8px !important;
  }
  
  .topbar .d-flex {
    justify-content: space-between !important;
  }
  
  .topbar #accountNotifications {
    padding: 4px 8px !important;
    font-size: 11px !important;
  }
  
  .topbar #accountNotifications i {
    font-size: 12px !important;
  }
  
  .topbar #accountNotifications .d-none.d-sm-inline {
    display: none !important;
  }
  
  .topbar .btn-active-client {
    padding: 4px 8px !important;
    font-size: 11px !important;
    max-width: 100px !important;
  }
  
  .topbar .btn-active-client span {
    max-width: 80px !important;
  }
  
  /* ========== HEADER / NAVBAR ========== */
  .header .navbar {
    padding: 5px 0 !important;
  }
  
  .navbar-brand .logo-img {
    max-height: 28px !important;
  }
  
  .navbar .toolbar .btn {
    padding: 6px 8px !important;
    font-size: 16px !important;
  }
  
  #mainNavbar .nav-link {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
  
  /* Аккаунт и язык */
  #Secondary_Navbar-Account > a {
    padding: 6px 10px !important;
    font-size: 12px !important;
    max-width: 100px !important;
  }
  
  .language-selector .lang-code {
    font-size: 11px !important;
  }
  
  /* ========== ЗАГОЛОВКИ И ТЕКСТ С ОТСТУПАМИ ========== */
  /* Контейнер для заголовков */
  .col-sm-12,
  .col-md-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  
  .col-sm-12 h1,
  .col-md-12 h1,
  h1 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
    margin-top: 8px !important;
    letter-spacing: -0.3px !important;
    padding: 0 5px !important;
  }
  
  .col-sm-12 h2,
  .col-md-12 h2,
  h2 {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
    letter-spacing: -0.2px !important;
    padding: 0 5px !important;
  }
  
  /* Подзаголовки / описания */
  .text-muted,
  p.text-muted,
  .col-sm-12 .text-muted,
  .col-md-12 .text-muted,
  p {
    font-size: 11px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
    padding: 0 5px !important;
  }
  
  /* ========== ТАБЛИЦЫ ========== */
  /* Обёртка таблиц */
  .table-responsive {
    margin: 0 !important;
    padding: 0 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border: none !important;
  }
  
  .thattable {
    padding: 0 5px !important;
    margin: 0 !important;
    background-color: #fff !important;
  }
  
  /* Таблицы - компактный режим */
  #domaintable,
  #domainListsTableHomepage,
  #domainListsTable,
  #fixedPriceTable,
  #closedAuctionTable,
  #mybidsTable,
  table.table-fill {
    min-width: 550px !important;
    margin: 0 5px !important;
    font-size: 10px !important;
  }
  
  /* Заголовки таблиц */
  #domaintable thead th,
  #domainListsTableHomepage thead th,
  #domainListsTable thead th,
  #fixedPriceTable thead th,
  #closedAuctionTable thead th,
  #mybidsTable thead th,
  table.table-fill thead th {
    padding: 6px 4px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
    letter-spacing: -0.3px !important;
  }
  
  /* Ячейки таблиц */
  #domaintable tbody td,
  #domainListsTableHomepage tbody td,
  #domainListsTable tbody td,
  #fixedPriceTable tbody td,
  #closedAuctionTable tbody td,
  #mybidsTable tbody td,
  table.table-fill tbody td {
    padding: 5px 4px !important;
    font-size: 10px !important;
    vertical-align: middle !important;
  }
  
  /* Первый столбец (домен) */
  #domaintable tbody td:first-child,
  #domainListsTableHomepage tbody td:first-child,
  #domainListsTable tbody td:first-child,
  table.table-fill tbody td:first-child {
    max-width: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  
  /* Кнопки */
  button.bid_now,
  button.bid_guest_homepage {
    min-width: 55px !important;
    width: auto !important;
    padding: 4px 6px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }
  
  .btn {
    padding: 5px 8px !important;
    font-size: 10px !important;
  }
  
  .btn-primary,
  .btn-success,
  .btn-default {
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
  
  /* Поля ввода */
  input.form-control,
  input[type="number"],
  input[type="text"] {
    min-width: 45px !important;
    width: 50px !important;
    padding: 4px 4px !important;
    font-size: 10px !important;
    height: auto !important;
  }
  
  /* Формы в таблицах */
  form.form-inline {
    flex-wrap: nowrap !important;
  }
  
  /* DataTables контролы */
  .dataTables_wrapper .dataTables_length {
    float: none !important;
    text-align: left !important;
    margin-bottom: 8px !important;
    font-size: 11px !important;
  }
  
  .dataTables_wrapper .dataTables_length label {
    font-size: 11px !important;
  }
  
  .dataTables_wrapper .dataTables_length select {
    padding: 4px 6px !important;
    font-size: 11px !important;
  }
  
  .dataTables_wrapper .dataTables_filter {
    float: none !important;
    text-align: left !important;
    margin-bottom: 8px !important;
  }
  
  .dataTables_wrapper .dataTables_filter label {
    font-size: 11px !important;
  }
  
  .dataTables_wrapper .dataTables_filter input {
    width: 120px !important;
    padding: 4px 6px !important;
    font-size: 11px !important;
  }
  
  /* Информация о количестве записей */
  .dataTables_wrapper .dataTables_info {
    float: none !important;
    text-align: center !important;
    padding: 8px 0 !important;
    font-size: 10px !important;
    clear: both !important;
  }
  
  /* Пагинация - адаптивная */
  .dataTables_wrapper .dataTables_paginate {
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    margin-top: 8px !important;
    margin-bottom: 10px !important;
    padding: 5px 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
    margin: 1px !important;
    min-width: 30px !important;
    height: 28px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 5px 10px !important;
    min-width: auto !important;
  }
  
  /* Скрываем стрелки сортировки */
  #domaintable thead th.sorting::before,
  #domaintable thead th.sorting::after,
  #domainListsTableHomepage thead th.sorting::before,
  #domainListsTableHomepage thead th.sorting::after,
  #domainListsTable thead th.sorting::before,
  #domainListsTable thead th.sorting::after,
  table.table-fill thead th.sorting::before,
  table.table-fill thead th.sorting::after {
    display: none !important;
  }
  
  #domaintable thead th.sorting,
  #domainListsTableHomepage thead th.sorting,
  #domainListsTable thead th.sorting,
  table.table-fill thead th.sorting {
    padding-right: 4px !important;
  }
  
  /* Активная сортировка - показываем только одну стрелку */
  #domaintable thead th.sorting_asc::before,
  #domaintable thead th.sorting_desc::after,
  #domainListsTableHomepage thead th.sorting_asc::before,
  #domainListsTableHomepage thead th.sorting_desc::after,
  #domainListsTable thead th.sorting_asc::before,
  #domainListsTable thead th.sorting_desc::after,
  table.table-fill thead th.sorting_asc::before,
  table.table-fill thead th.sorting_desc::after {
    display: block !important;
    right: 2px !important;
  }
  
  /* SEO контент */
  .seo-text-content {
    padding: 12px !important;
    margin: 10px 0 !important;
  }
  
  .seo-text-content h2 {
    font-size: 15px !important;
  }
  
  .seo-text-content p {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  
  /* Алерты */
  .alert {
    padding: 10px 12px !important;
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }
  
  /* Навбар */
  .navbar {
    padding: 8px !important;
  }
  
  .navbar-brand img {
    max-height: 35px !important;
  }
  
  /* Аккаунт дропдаун */
  #Secondary_Navbar-Account > a,
  #Secondary_Navbar-Language > a {
    padding: 6px 8px !important;
    font-size: 12px !important;
  }
  
  /* Переключатель языков */
  .language-selector .lang-code {
    font-size: 11px !important;
    font-weight: 600 !important;
  }
  
  /* Выпадающее меню языков */
  .language-selector .lang-dropdown {
    min-width: 150px !important;
  }
  
  .language-selector .lang-item-code {
    width: 24px !important;
    height: 24px !important;
    font-size: 9px !important;
  }
  
  .language-selector .lang-item-name {
    font-size: 12px !important;
  }
  
  /* Панели */
  .panel {
    margin-bottom: 10px !important;
  }
  
  .panel-body {
    padding: 10px !important;
  }
  
  /* Карточки */
  .card {
    margin-bottom: 10px !important;
  }
  
  .card-body {
    padding: 12px !important;
  }
  
  /* Футер */
  footer {
    padding: 15px 10px !important;
    font-size: 11px !important;
  }
  
  /* Topbar для авторизованных */
  .topbar {
    padding: 5px 0 !important;
  }
  
  .topbar .container {
    padding: 0 8px !important;
  }
  
  .topbar .btn {
    padding: 4px 8px !important;
    font-size: 11px !important;
  }
  
  .topbar .input-group-text {
    font-size: 10px !important;
    padding: 4px 6px !important;
  }
  
  .topbar .btn-active-client {
    font-size: 11px !important;
    padding: 4px 8px !important;
  }
  
  .topbar .btn-active-client span {
    max-width: 100px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
  }
  
  /* Navbar */
  .navbar {
    padding: 5px 0 !important;
  }
  
  .navbar .container {
    padding: 0 8px !important;
  }
  
  .navbar-brand {
    margin-right: 5px !important;
  }
  
  .logo-img {
    max-height: 30px !important;
    width: auto !important;
  }
  
  /* Главное меню навигации */
  .main-navbar-wrapper {
    padding: 0 !important;
  }
  
  .main-navbar-wrapper .container {
    padding: 0 8px !important;
  }
  
  #mainNavbar {
    padding: 10px 0 !important;
  }
  
  #nav .nav-item .nav-link,
  .navbar-nav .nav-item .nav-link {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
  
  /* Выпадающие меню */
  .dropdown-menu {
    font-size: 12px !important;
    min-width: 160px !important;
  }
  
  .dropdown-item {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
  
  /* Breadcrumbs */
  .master-breadcrumb {
    padding: 8px 0 !important;
  }
  
  .breadcrumb {
    font-size: 11px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .breadcrumb-item {
    font-size: 11px !important;
  }
  
  /* Sidebar (если есть) */
  .sidebar {
    margin-bottom: 15px !important;
  }
  
  .sidebar .card {
    margin-bottom: 8px !important;
  }
  
  .sidebar .card-body {
    padding: 10px !important;
  }
  
  .sidebar .list-group-item {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
  
  /* Модальные окна */
  .modal-dialog {
    margin: 10px !important;
    max-width: calc(100% - 20px) !important;
  }
  
  .modal-content {
    border-radius: 8px !important;
  }
  
  .modal-header {
    padding: 12px 15px !important;
  }
  
  .modal-title {
    font-size: 16px !important;
  }
  
  .modal-body {
    padding: 15px !important;
    font-size: 13px !important;
  }
  
  .modal-footer {
    padding: 10px 15px !important;
  }
  
  .modal-footer .btn {
    padding: 6px 12px !important;
    font-size: 12px !important;
  }
  
  /* Уведомления клиента */
  .client-alerts {
    max-width: 280px !important;
  }
  
  .client-alerts li a {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
  
  /* Countdown таймеры */
  [data-countdown] {
    font-size: 10px !important;
    white-space: nowrap !important;
  }
  
  /* Popover (информация о домене) */
  .popover {
    max-width: 250px !important;
    font-size: 11px !important;
  }
  
  .popover-header {
    font-size: 12px !important;
    padding: 8px 10px !important;
  }
  
  .popover-body {
    padding: 8px 10px !important;
    font-size: 11px !important;
  }
  
  /* Tooltip */
  .tooltip {
    font-size: 11px !important;
  }
  
  /* Иконки info */
  .glyphicon-info-sign,
  .fa-info-circle {
    font-size: 12px !important;
  }
  
  /* Статусы ставок */
  td span[style*="color: green"],
  td span[style*="color: red"] {
    font-size: 9px !important;
  }
  
  /* Footer адаптация */
  #footer .container {
    padding: 0 10px !important;
  }
  
  #footer .list-inline {
    margin-bottom: 10px !important;
  }
  
  #footer .list-inline-item {
    margin-bottom: 5px !important;
  }
  
  #footer .list-inline-item .btn {
    padding: 5px 8px !important;
    font-size: 11px !important;
  }
  
  #footer .nav {
    flex-direction: column !important;
    align-items: center !important;
  }
  
  #footer .nav-item {
    margin-bottom: 5px !important;
  }
  
  #footer .nav-link {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }
  
  #footer .copyright {
    font-size: 10px !important;
    text-align: center !important;
  }
  
  /* Социальные иконки */
  .social-icons a {
    font-size: 18px !important;
    margin: 0 8px !important;
  }
  
  /* Счетчик времени (таймер) */
  .countdown-row {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  
  .countdown-section {
    padding: 0 2px !important;
  }
  
  .countdown-amount {
    font-size: 10px !important;
  }
  
  .countdown-period {
    font-size: 8px !important;
  }
  
  /* Форма входа для гостей */
  #loginfrm,
  .login-form {
    padding: 15px !important;
  }
  
  #loginfrm .form-group,
  .login-form .form-group {
    margin-bottom: 10px !important;
  }
  
  #loginfrm label,
  .login-form label {
    font-size: 12px !important;
  }
  
  #loginfrm .form-control,
  .login-form .form-control {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
  
  /* Главный контент - минимальные отступы */
  #main-body {
    padding: 10px 0 !important;
  }
  
  .primary-content {
    padding: 0 !important;
  }
}

/* ===== Очень маленькие экраны (до 360px) ===== */
@media (max-width: 360px) {
  /* Ещё более компактный вид */
  body {
    font-size: 11px !important;
  }
  
  .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  
  /* ========== ОТСТУПЫ ДЛЯ КОНТЕНТА ========== */
  .col-sm-12,
  .col-md-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* ========== TOPBAR ========== */
  .topbar {
    padding: 3px 0 !important;
  }
  
  .topbar #accountNotifications {
    padding: 3px 6px !important;
    font-size: 10px !important;
  }
  
  .topbar .btn-active-client {
    padding: 3px 6px !important;
    font-size: 10px !important;
    max-width: 80px !important;
  }
  
  .topbar .btn-active-client span {
    max-width: 60px !important;
  }
  
  /* ========== HEADER ========== */
  .header .navbar {
    padding: 4px 0 !important;
  }
  
  .navbar-brand .logo-img {
    max-height: 24px !important;
  }
  
  #Secondary_Navbar-Account > a {
    padding: 5px 8px !important;
    font-size: 11px !important;
    max-width: 70px !important;
  }
  
  .language-selector .lang-code {
    font-size: 10px !important;
  }
  
  /* ========== ЗАГОЛОВКИ ========== */
  h1, .col-sm-12 h1, .col-md-12 h1 {
    font-size: 14px !important;
    margin-bottom: 4px !important;
    padding: 0 5px !important;
  }
  
  h2, .col-sm-12 h2, .col-md-12 h2 {
    font-size: 12px !important;
    margin-bottom: 3px !important;
    padding: 0 5px !important;
  }
  
  .text-muted,
  p.text-muted,
  p {
    font-size: 10px !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
    padding: 0 5px !important;
  }
  
  /* ========== ПАГИНАЦИЯ ========== */
  .dataTables_wrapper .dataTables_paginate {
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    margin: 8px 5px !important;
    padding: 5px !important;
    width: calc(100% - 10px) !important;
    box-sizing: border-box !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 4px 6px !important;
    font-size: 10px !important;
    margin: 1px !important;
    min-width: 26px !important;
    height: 26px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 4px 8px !important;
    min-width: auto !important;
    font-size: 9px !important;
  }
  
  /* ========== ТАБЛИЦЫ ========== */
  .table-responsive {
    margin: 0 5px !important;
    padding: 0 !important;
  }
  
  #domaintable,
  #domainListsTableHomepage,
  #domainListsTable,
  #fixedPriceTable,
  #closedAuctionTable,
  #mybidsTable,
  table.table-fill {
    min-width: 480px !important;
  }
  
  #domaintable thead th,
  #domainListsTableHomepage thead th,
  #domainListsTable thead th,
  table.table-fill thead th {
    padding: 5px 2px !important;
    font-size: 8px !important;
  }
  
  #domaintable tbody td,
  #domainListsTableHomepage tbody td,
  #domainListsTable tbody td,
  table.table-fill tbody td {
    padding: 4px 2px !important;
    font-size: 9px !important;
  }
  
  /* Кнопки */
  button.bid_now,
  button.bid_guest_homepage {
    min-width: 45px !important;
    padding: 3px 4px !important;
    font-size: 8px !important;
  }
  
  /* Поля ввода */
  input.form-control,
  input[type="number"] {
    min-width: 40px !important;
    width: 40px !important;
    padding: 3px !important;
    font-size: 9px !important;
  }
  
  /* Лого */
  .logo-img {
    max-height: 25px !important;
  }
  
  /* Navbar items */
  .navbar-nav .nav-link {
    padding: 6px 8px !important;
    font-size: 12px !important;
  }
  
  /* Account dropdown */
  #Secondary_Navbar-Account > a {
    max-width: 80px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* ===== Улучшения для touch-устройств ===== */
@media (hover: none) and (pointer: coarse) {
  /* Увеличиваем области нажатия */
  .dropdown-item a,
  .language-select,
  .paginate_button {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  
  button.bid_now,
  button.bid_guest_homepage,
  .btn {
    min-height: 40px;
  }
  
  /* Улучшаем скролл таблиц на touch */
  .table-responsive {
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
  }
  
  /* Визуальный индикатор скролла */
  .table-responsive::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.8));
    pointer-events: none;
  }
}

/* ===== Альбомная ориентация на мобильных ===== */
@media (max-width: 812px) and (orientation: landscape) {
  .table-responsive {
    max-height: 60vh;
    overflow-y: auto;
  }
  
  /* Фиксированный header в landscape */
  #header {
    position: relative !important;
  }
  
  /* Уменьшаем отступы */
  #main-body {
    padding: 5px 0 !important;
  }
  
  /* Компактный navbar */
  .navbar {
    padding: 3px 0 !important;
  }
  
  .logo-img {
    max-height: 28px !important;
  }
}

/* ===== Экстремально маленькие экраны (до 320px) ===== */
@media (max-width: 320px) {
  /* Скрываем логотип */
  .navbar-brand .logo-img {
    display: none !important;
  }
  
  /* Показываем текстовое название вместо логотипа */
  .navbar-brand {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1d3965 !important;
    padding: 5px !important;
  }
  
  /* Контейнер с отступами */
  .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  
  .col-sm-12,
  .col-md-12 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  
  /* Ещё более компактный topbar */
  .topbar {
    padding: 2px 0 !important;
  }
  
  .topbar #accountNotifications {
    padding: 2px 5px !important;
    font-size: 9px !important;
  }
  
  .topbar .btn-active-client {
    padding: 2px 5px !important;
    font-size: 9px !important;
    max-width: 60px !important;
  }
  
  .topbar .btn-active-client span {
    max-width: 50px !important;
  }
  
  /* Заголовки */
  h1, .col-sm-12 h1, .col-md-12 h1 {
    font-size: 13px !important;
    margin-bottom: 3px !important;
    padding: 0 4px !important;
  }
  
  h2, .col-sm-12 h2, .col-md-12 h2 {
    font-size: 11px !important;
    margin-bottom: 2px !important;
    padding: 0 4px !important;
  }
  
  .text-muted, p {
    font-size: 9px !important;
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
    padding: 0 4px !important;
  }
  
  /* ========== ПАГИНАЦИЯ ========== */
  .dataTables_wrapper .dataTables_paginate {
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    margin: 6px 5px !important;
    padding: 4px !important;
    width: calc(100% - 10px) !important;
    box-sizing: border-box !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 3px 5px !important;
    font-size: 9px !important;
    margin: 1px !important;
    min-width: 22px !important;
    height: 22px !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
  }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 3px 6px !important;
    min-width: auto !important;
    font-size: 8px !important;
  }
  
  /* Таблицы - минимальные отступы */
  .table-responsive {
    margin: 0 5px !important;
    padding: 0 !important;
  }
  
  .thattable {
    padding: 0 3px !important;
  }
  
  #domaintable,
  #domainListsTableHomepage,
  #domainListsTable,
  table.table-fill {
    min-width: 420px !important;
    margin: 0 3px !important;
  }
  
  #domaintable thead th,
  #domainListsTableHomepage thead th,
  #domainListsTable thead th,
  table.table-fill thead th {
    padding: 4px 2px !important;
    font-size: 7px !important;
  }
  
  #domaintable tbody td,
  #domainListsTableHomepage tbody td,
  #domainListsTable tbody td,
  table.table-fill tbody td {
    padding: 3px 2px !important;
    font-size: 8px !important;
  }
  
  /* Кнопки */
  button.bid_now,
  button.bid_guest_homepage {
    min-width: 40px !important;
    padding: 2px 4px !important;
    font-size: 7px !important;
  }
  
  /* Поля ввода */
  input.form-control,
  input[type="number"] {
    min-width: 35px !important;
    width: 35px !important;
    padding: 2px !important;
    font-size: 8px !important;
  }
  
  /* Аккаунт dropdown */
  #Secondary_Navbar-Account > a {
    padding: 4px 6px !important;
    font-size: 10px !important;
    max-width: 60px !important;
  }
  
  /* Язык */
  .language-selector .lang-code {
    font-size: 9px !important;
  }
  
  /* DataTables контролы */
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    font-size: 9px !important;
  }
  
  .dataTables_wrapper .dataTables_length select {
    padding: 2px 4px !important;
    font-size: 9px !important;
  }
  
  .dataTables_wrapper .dataTables_filter input {
    width: 80px !important;
    padding: 2px 4px !important;
    font-size: 9px !important;
  }
  
  .dataTables_wrapper .dataTables_info {
    font-size: 8px !important;
    padding: 0 5px !important;
  }
}