/* ═══════════════════════════════════════════════════════════════════════════
   Sesizare Modal — CSS independent de temă
   Markup-ul folosește în principal clase Tailwind (vezi sesizare-modal-loader.php).
   Aici rămâne doar ce nu se poate exprima curat prin utility classes:
   tranziția de open/close, scrollbar-ul intern și polish-ul Leaflet.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Open/close transition ──────────────────────────────────────────────── */
.sesizare-overlay {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.sesizare-overlay.is-open {
    opacity: 1;
}

.sesizare-modal {
    transform: scale(0.96);
    transition: transform 0.2s ease;
}

.sesizare-overlay.is-open .sesizare-modal {
    transform: scale(1);
}

/* ─── Scrollbar intern (zonă conținut) ───────────────────────────────────── */
#sesizare-step-content {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}

#sesizare-step-content::-webkit-scrollbar {
    width: 8px;
}

#sesizare-step-content::-webkit-scrollbar-track {
    background: transparent;
}

#sesizare-step-content::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
}

/* ─── Stepper — stări cerculețe ──────────────────────────────────────────── */
[data-stepper-circle] {
    background: transparent;
    border-color: var(--color-faint);
    color: var(--color-faint);
}

[data-stepper-circle].is-complete,
[data-stepper-circle].is-current {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
    color: #fff;
}

/* ─── Select "Tip sesizare" — dropdown-ul nativ de opțiuni nu poate folosi
   transparență (e randat de browser ca popup separat, în afara contextului
   de culoare al paginii), așa că folosim aceeași culoare solidă și pe select
   și pe option, ca să nu sară din temă la deschidere. ─────────────────────── */
#sesizare-tip,
#sesizare-tip option {
    background-color: color-mix(in srgb, var(--color-primary) 85%, black 15%);
    color: #fff;
}

/* ─── Leaflet polish ──────────────────────────────────────────────────────── */
#sesizare-map {
    background-color: var(--color-muted); /* placeholder vizibil cât se încarcă tile-urile */
    cursor: crosshair;
}

#sesizare-map .leaflet-control-zoom a {
    color: var(--color-primary);
}

/* Dezactivează scroll-ul paginii din spatele modalului fără a opri scroll wheel zoom pe hartă */
body.sesizare-modal-locked {
    overflow: hidden;
}