/* ═══════════════════════════════════════════════════════════════════════
   ELSA Tweaks — ускорение анимаций + фиксы layout
   Подключается ПОСЛЕ основного CSS electrosila.ru
   Приоритет через !important чтобы перебить Lovable-стили
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. УСКОРЕНИЕ ВСЕХ АНИМАЦИЙ ──────────────────────────────────────── */
/* Все transitions в 2× быстрее (по умолчанию 0.3s → 0.15s) */
*, *::before, *::after {
  transition-duration: 0.15s !important;
  transition-delay: 0s !important;
}

/* Все scroll-reveal / fade-in / slide-up — мгновенно (≤ 0.25s) */
*, *::before, *::after {
  animation-duration: 0.25s !important;
  animation-delay: 0s !important;
}

/* ── 2. УДАЛЕНИЕ "ПОЛОСЫ ОСЦИЛЛОГРАФА" ────────────────────────────────── */
/* Lovable часто использует эти классы для waveform-эффектов */
.waveform, .wave, .oscilloscope, .oscillograph,
.equlaizer, .bars, .signal-bars, .chart-line,
canvas[aria-label*="wave" i], canvas[aria-label*="signal" i],
svg[aria-label*="wave" i], svg[aria-label*="signal" i] {
  display: none !important;
}

/* ── 3. СПЕЦИФИКАЦИЯ — фикс растянутых таблиц ─────────────────────────── */
/* Таблицы получают фиксированный layout, колонки делятся равномерно */
table {
  table-layout: fixed !important;
  width: 100% !important;
}
table th, table td {
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
  vertical-align: top !important;
  padding: 8px 12px !important;
}

/* Типичные селекторы таблиц в Lovable */
[class*="specification"] table,
[class*="specs"] table,
section table {
  table-layout: fixed !important;
}

/* ── 4. SVG-картинки (станция могла быть inline SVG) ──────────────────── */
/* Если раньше крутилось — отключаю spin и делаю статичным */
[class*="rotate"], [class*="spin"], [class*="rotating"] {
  animation: none !important;
  transform: none !important;
}

/* ── 5. КОНТЕЙНЕРЫ — не растягиваются за пределы 1400px на 4K ─────────── */
.container, [class*="container"], main, section {
  max-width: min(1400px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── 6. HERO / большие блоки — фиксированная высота для предотвращения странного поведения ── */
[class*="hero"] {
  min-height: auto !important;
  max-height: none !important;
}

/* ── 7. HEADER (на случай если плавающая кнопка перекрывает) ──────────── */
.header {
  z-index: 100 !important;
}

/* ── 8. КОНТЕНТ ВНУТРИ СТЕКЛЯННОЙ КНОПКИ (если пересекается с формой) ─ */
#elsa-lead-btn {
  z-index: 9999 !important;
}
# ═══════════════════════════════════════════════════════════════════════
# КНОПКА "ОТПРАВИТЬ ЗАПРОС" — бирюзовый фон + белый текст
# (вместо белого фона + primary текста)
# Применяется к:
#  - шапка (desktop nav): .bg-white.text-primary
#  - CTA блок "Отправить запрос"
# Бирюзовый = #0d47a0 (accent в теме)
# ═══════════════════════════════════════════════════════════════════════

/* Кнопки с bg-white text-primary → бирюзовые.
   Исключаем ссылки/контейнеры с <img> внутри — это ссылка-логотип в шапке,
   белая картинка на синем фоне делает её блеклой/невидимой.
   Добавлено 2026-08-15: фикс «бледного логотипа в шапке». */
button.bg-white.text-primary:not(:has(img)),
a.bg-white.text-primary:not(:has(img)),
[class*="bg-white"][class*="text-primary"]:not(:has(img)) {
  background-color: #0d47a0 !important;
  color: #ffffff !important;
  border: none !important;
}

button.bg-white.text-primary:not(:has(img)):hover,
a.bg-white.text-primary:not(:has(img)):hover,
[class*="bg-white"][class*="text-primary"]:not(:has(img)):hover {
  background-color: #0a3580 !important;
  color: #ffffff !important;
}

/* Hover для bg-white/90 → тоже бирюзовый */
.hover\:bg-white\/90:hover,
[class*="hover:bg-white/90"]:hover {
  background-color: #0a3580 !important;
  color: #ffffff !important;
}

/* Секция логотипа удалена 2026-08-15 — откат по запросу юзера. */

/* ── 10. ЛОГОТИП ШАПКИ — фикс инвертированной opacity (15.08.2026) ────── */
/* Bundle ставит style.opacity неправильно. elsa-header-fix.js переключает
   класс, CSS ниже перебивает inline style через !important. */
header span.header-logo--visible {
  opacity: 1 !important;
}
header span.header-logo--hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Плавный переход между состояниями */
header span[style*="filter" i] {
  transition: opacity 0.15s ease-out !important;
}

/* ── 10. ЛОГОТИП ШАПКИ — фикс инвертированной opacity (15.08.2026) ────── */
/* Bundle ставит style.opacity неправильно. elsa-header-fix.js переключает
   класс, CSS ниже перебивает inline style через !important. */
span.header-logo--visible {
  opacity: 1 !important;
}
span.header-logo--hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Плавный переход между состояниями */
span[style*="filter" i]:has(img[src*="electrosila-logo" i]) {
  transition: opacity 0.15s ease-out !important;
}