/* ============================================================
   Kalkulator Nieruchomości Nawadnianie — style kalkulatora automatycznego nawadniania
   (ładowane PO styles.css i water.css)
   ============================================================ */

/* ---------- podgląd planu ogrodu ---------- */
.garden-preview { position: relative; background: linear-gradient(170deg, #EAF4EC 0%, #DCEADF 100%); border-bottom: 1px solid var(--line); }
.garden-preview svg { width: 100%; height: auto; display: block; }
.result-preview .garden-preview { border-bottom: 0; }

/* ---------- karty stref kropelkowych (informacyjne, nieklikalne) ---------- */
.opt-static { cursor: default; }
.opt-static:hover { transform: none; box-shadow: none; border-color: var(--line); }
.opt-static .opt-meta span:last-child { color: var(--ok); border-color: #C8E8D4; background: var(--ok-soft); }
.opt-static[hidden] { display: none; }

/* ---------- animacje planu: zraszacze i kropelki ---------- */
@keyframes nv-sweep { to { transform: rotate(360deg); } }
@keyframes nv-arc { from { transform: rotate(var(--a0, 0deg)); } to { transform: rotate(var(--a1, 90deg)); } }
@keyframes nv-dropPulse { 0%, 100% { opacity: .25; } 50% { opacity: 1; } }
@keyframes nv-drip { 0% { transform: translateY(0); opacity: 0; } 30% { opacity: .95; } 100% { transform: translateY(5px); opacity: 0; } }
@keyframes nv-mist { 0%, 100% { opacity: .35; } 50% { opacity: .8; } }

.nv-jet { transform-box: view-box; animation: nv-sweep 7s linear infinite; }
.nv-jet.nv-arcjet { animation: nv-arc 3.2s ease-in-out infinite alternate; }
.nv-jet circle { animation: nv-dropPulse 1.1s ease-in-out infinite; }
.nv-jet circle:nth-of-type(2) { animation-delay: .25s; }
.nv-jet circle:nth-of-type(3) { animation-delay: .5s; }
.nv-dripline circle { animation: nv-drip 1.7s ease-in infinite; }
.nv-mist { animation: nv-mist 2.4s ease-in-out infinite; }

/* ---------- legenda sekcji pod planem ---------- */
.sec-legend { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; padding: 10px 14px 12px; font-size: 11.5px; font-weight: 700; color: var(--ink-3); background: rgba(255,255,255,.72); border-top: 1px dashed var(--line-2); }
.sec-legend .sl-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; margin-right: 5px; vertical-align: -1px; }
.sec-legend span { white-space: nowrap; }

/* segmenty 3-opcyjne (kształt terenu, zbiornik) zawijają się na wąskich ekranach */
@media (max-width: 560px) {
  .seg { flex-wrap: wrap; border-radius: 20px; justify-content: center; }
}

/* długi brand „Kalkulator NieruchomościNawadnianie” — ciaśniejszy nav na wąskich ekranach */
@media (max-width: 430px) {
  .nav-in { gap: 8px; }
  .brand { font-size: 15.5px; }
  .nav-cta { gap: 6px; }
  .nav-cta .btn-s { font-size: 12.5px; padding: 8px 12px; }
}

@media print {
  .sec-legend { border-top: 0; }
}