/* Okienko zgód waveorchestra.pl — styl strony, obie decyzje o równej wadze. */
#wom-root { font: 400 15px/1.55 var(--sans); color: var(--ink); }
#wom-root *, #wom-root *::before, #wom-root *::after { box-sizing: border-box; }
#wom-root [hidden] { display: none !important; }
.wom-banner {
  position: fixed; z-index: 1000;
  left: 18px; bottom: max(18px, env(safe-area-inset-bottom));
  width: min(540px, calc(100% - 36px)); max-height: calc(100dvh - 36px); overflow: auto; overscroll-behavior: contain;
  padding: 1.3rem 1.4rem 1.1rem; background: var(--white);
  border: 1px solid var(--line-strong); border-radius: var(--r); box-shadow: var(--shadow);
}
.wom-banner h2, .wom-panel h2 { font: 400 1.7rem/1.1 var(--serif); margin: 0 0 .5rem; }
.wom-banner p, .wom-panel p { margin: 0 0 1rem; color: var(--ink-2); }
.wom-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.wom-banner .wom-actions { grid-template-columns: 1fr 1fr auto; }
.wom-actions button {
  min-height: 46px; padding: .65rem 1rem; border-radius: 999px; cursor: pointer;
  font: 500 .95rem/1.2 var(--sans); color: var(--ink); background: transparent; border: 1px solid var(--ink);
  transition: background .2s, color .2s;
}
.wom-actions button:hover { background: var(--ink); color: var(--paper); }
.wom-actions .wom-link { border-color: transparent; text-decoration: underline; text-underline-offset: 3px; padding: .65rem .6rem; }
.wom-actions .wom-link:hover { background: var(--paper-2); color: var(--ink); }
.wom-overlay {
  position: fixed; inset: 0; z-index: 1001; display: grid; place-items: center; padding: 18px;
  background: rgba(15, 19, 34, .55);
}
.wom-panel {
  width: min(600px, 100%); max-height: calc(100dvh - 36px); overflow: auto; overscroll-behavior: contain;
  padding: 1.6rem 1.6rem 1.2rem; background: var(--white); border-radius: var(--r); box-shadow: var(--shadow);
}
.wom-panel:focus { outline: none; }
.wom-category { display: flex; gap: .8rem; align-items: flex-start; padding: .9rem 0; border-top: 1px solid var(--line); cursor: pointer; }
.wom-category:last-of-type { border-bottom: 1px solid var(--line); margin-bottom: 1rem; }
.wom-category input { width: 20px; height: 20px; margin: .15rem 0 0; accent-color: var(--blue); flex: none; }
.wom-category strong { display: block; }
.wom-category span span { display: block; color: var(--muted); font-size: .92rem; }
[data-wom-error]:empty { display: none; }
[data-wom-error] { color: #a3261b; margin-top: .8rem; }
.foot [data-wom-prefs] { all: unset; cursor: pointer; color: var(--on-night-muted); text-decoration: underline; text-underline-offset: 3px; }
.foot [data-wom-prefs]:hover { color: #fff; }
.foot [data-wom-prefs]:focus-visible { outline: 2px solid var(--on-night); outline-offset: 3px; }
@media (max-width: 560px) {
  .wom-banner { left: 10px; bottom: max(10px, env(safe-area-inset-bottom)); width: calc(100% - 20px); }
  .wom-banner .wom-actions, .wom-actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .wom-actions button { transition: none; } }