/* =====================================================================
   ETP-responsive.css — adaptive за 4 breakpoints для Naumen-классов.
   Mobile-first: 360 (base) → 768 (tablet) → 1280 (desktop) → 1440 (wide).
   Подключается ПОСЛЕ etp-redesign.css — финальный override media queries.
   ===================================================================== */

/* ============ MOBILE (base, ≥ 360) ============ */

/* Header — компактный, лого + hamburger */
body.etp-redesign .header__wrapper {
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-5);
}
body.etp-redesign .h-light {
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
}
body.etp-redesign .h-time__wrapper { display: none; }
body.etp-redesign .h-contacts { display: none; }

/* H-DARK nav — горизонтальный scroll на mobile */
body.etp-redesign .h-menu .hm-list {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  padding-bottom: var(--space-2);
  scrollbar-width: thin;
}
body.etp-redesign .hm-link { font-size: 0.8125rem; padding: var(--space-2) var(--space-3); }
body.etp-redesign .hm-sub { display: none !important; }  /* dropdown отключаем на mobile */

/* Layout — одна колонка */
body.etp-redesign #content_table > tbody > tr,
body.etp-redesign #content_table > tr { flex-direction: column-reverse; }   /* контент сверху, sidebar снизу */
body.etp-redesign .ct-cell.ct-left { flex: 1 1 100%; }
body.etp-redesign .left_side { padding: var(--space-4); margin-top: var(--space-5); }

body.etp-redesign .content_indent h1 { font-size: 1.5rem; }

/* Login form — мобильная разметка */
body.etp-redesign .spf-tabs { font-size: 0.8125rem; }
body.etp-redesign .login-button-panel {
  flex-direction: column;
  align-items: stretch;
}
body.etp-redesign .rec-go { justify-content: center; width: 100%; }
body.etp-redesign .rec-go.left { margin: 0; margin-bottom: var(--space-2); }

/* Footer — стек */
body.etp-redesign .footer_wrap { padding: var(--space-5) 0; margin-top: var(--space-7); }
body.etp-redesign .f-copy { font-size: 0.75rem; }

/* Tables — горизонтальный scroll */
body.etp-redesign .cellTableWidget,
body.etp-redesign .filterContainer { overflow-x: auto; }

/* ============ TABLET (≥ 768) ============ */
@media (min-width: 768px) {
  body.etp-redesign .header__wrapper {
    flex-direction: row;
    align-items: center;
    padding: var(--space-4) var(--space-7);
  }
  body.etp-redesign .h-time__wrapper { display: flex; }
  body.etp-redesign .h-contacts { display: flex; }

  body.etp-redesign .h-menu .hm-list { overflow-x: visible; flex-wrap: wrap; }
  body.etp-redesign .hm-sub { display: none; }  /* остаётся hidden до hover */
  body.etp-redesign .hm-link { font-size: 0.875rem; padding: var(--space-3) var(--space-4); }

  body.etp-redesign #content_table > tbody > tr,
  body.etp-redesign #content_table > tr { flex-direction: row; }
  body.etp-redesign .ct-cell.ct-left { flex: 0 0 280px; }
  body.etp-redesign .ct-cell:not(.ct-left) { flex: 1 1 0; min-width: 0; }
  body.etp-redesign .left_side { margin-top: 0; padding: var(--space-5); }

  body.etp-redesign .content_indent h1 { font-size: 2rem; }

  body.etp-redesign .login-button-panel { flex-direction: row; }
  body.etp-redesign .rec-go { width: auto; }
  body.etp-redesign .rec-go.left { margin-right: var(--space-2); margin-bottom: 0; }

  body.etp-redesign .f-copy { font-size: 0.8125rem; }
}

/* ============ DESKTOP (≥ 1280) ============ */
@media (min-width: 1280px) {
  body.etp-redesign .header__wrapper { padding: var(--space-4) var(--space-8); }
  body.etp-redesign .h-time__wrapper {
    margin-left: auto;
    margin-right: var(--space-5);
  }
  body.etp-redesign .h-contacts { margin-left: 0; }

  body.etp-redesign .content_indent h1 { font-size: 2.25rem; }
}

/* ============ WIDE (≥ 1440) ============ */
@media (min-width: 1440px) {
  body.etp-redesign .header__wrapper { padding: var(--space-5) var(--space-10); }
}