/*!
 * smit-wave-field — живой фон из волнистых линий. Пара с smit-wave-field.js.
 */

/* Контейнер поля: холст растягивается на него целиком */
.smit-wf { position: relative; overflow: hidden; }
.smit-wf-canvas { display: block; width: 100%; height: 100%; }

/* Фоном страницы: за содержимым, кликам не мешает */
.smit-wf-bg {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
}
.smit-wf-bg .smit-wf-canvas { width: 100%; height: 100%; }

/* Кнопка «Заморозить / Пустить» */
.smit-wf-btn {
  position: absolute; top: 12px; left: 12px; z-index: 2;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px; border-radius: var(--radius-pill); cursor: pointer;
  border: 1px solid var(--border-subtle, #dbe2ea);
  background: var(--surface-card, #fff); color: var(--text-primary, #1f2937);
  font-size: var(--sc-fz-xs, .76rem); text-transform: uppercase; letter-spacing: .05em;
  box-shadow: var(--shadow-sm);
}
.smit-wf-btn:hover { border-color: var(--brand-primary, #43b77a); }
.smit-wf-btn:focus-visible { outline: 2px solid var(--focus-outline); outline-offset: 2px; }

[data-bs-theme="dark"] .smit-wf-btn, .dark-theme .smit-wf-btn {
  background: var(--surface-card); border-color: var(--border-subtle); color: var(--text-primary);
  box-shadow: var(--shadow-md);
}