/* Harta riscului seismic (views/utile/harta-risc-seismic.ejs) */

.rs-mapwrap { padding: 28px 0 8px; }
.rs-bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin: 12px 0 10px; }
.rs-cities { display: flex; flex-wrap: wrap; gap: 6px; }
.rs-city { border: 1px solid #d1d5db; background: #fff; border-radius: 999px; padding: 7px 14px; font-weight: 600; font-size: .92rem; color: #374151; cursor: pointer; }
.rs-city span { font-weight: 400; color: #6b7280; margin-left: 2px; }
.rs-city.is-on { background: #111827; border-color: #111827; color: #fff; }
.rs-city.is-on span { color: #d1d5db; }
.rs-search { position: relative; flex: 1 1 320px; max-width: 520px; display: flex; align-items: center; gap: 8px; border: 1px solid #d1d5db; border-radius: 12px; background: #fff; padding: 0 12px; }
.rs-search:focus-within { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); }
.rs-search .ut-icon { width: 18px; height: 18px; color: #6b7280; flex-shrink: 0; }
.rs-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 11px 0; font-size: 1rem; background: transparent; }
.rs-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rs-results { position: absolute; z-index: 1000; top: calc(100% + 6px); left: 0; right: 0; list-style: none; margin: 0; padding: 6px; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 12px 32px rgba(15, 23, 42, .16); max-height: 360px; overflow: auto; }
.rs-results li[data-i] { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.rs-results li[data-i]:hover, .rs-results li.is-active { background: #eff6ff; }
.rs-res__a { flex: 1; min-width: 0; color: #111827; font-size: .92rem; }
.rs-res__a small { color: #6b7280; }
.rs-res__c { font-size: .78rem; font-weight: 600; color: #4b5563; white-space: nowrap; }
.rs-none { padding: 8px 10px; font-size: .88rem; color: #4b5563; line-height: 1.5; }
.rs-legend { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: .88rem; color: #374151; }
.rs-legend label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.rs-legend input { accent-color: #111827; }
.rs-legend em { font-style: normal; color: #6b7280; }
.rs-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0, 0, 0, .12); }
.rs-map { height: 70vh; min-height: 420px; max-height: 760px; border: 1px solid #d1d5db; border-radius: 14px; overflow: hidden; background: #e5e7eb; z-index: 0; }
.rs-status { margin: 8px 0 0; font-size: .9rem; color: #374151; }
.rs-source { margin: 4px 0 0; font-size: .8rem; color: #6b7280; }
.rs-source a { color: #4b5563; text-decoration: underline; }

/* comutatorul Hartă / Satelit */
.rs-switch { display: flex; background: #fff; overflow: hidden; }
.leaflet-bar.rs-switch button { border: 0; background: #fff; padding: 6px 10px; font-size: 12px; font-weight: 600; color: #374151; cursor: pointer; line-height: 1.2; }
.leaflet-bar.rs-switch button + button { border-left: 1px solid #d1d5db; }
.leaflet-bar.rs-switch button[aria-pressed="true"] { background: #111827; color: #fff; }

/* fereastra unei clădiri */
.rs-pop { font-size: .88rem; line-height: 1.45; }
.rs-pop__addr { margin: 0 0 6px !important; font-weight: 700; font-size: .98rem; color: #111827; }
.rs-pop__addr span { display: block; font-weight: 400; font-size: .8rem; color: #6b7280; }
.rs-pop__cls { margin: 0 0 8px !important; color: #374151; }
.rs-chip { display: inline-block; color: #fff; font-weight: 700; font-size: .78rem; border-radius: 999px; padding: 2px 9px; }
.rs-pop dl { display: grid; grid-template-columns: auto 1fr; gap: 3px 10px; margin: 0 0 6px; }
.rs-pop dt { color: #6b7280; }
.rs-pop dd { margin: 0; color: #111827; overflow-wrap: anywhere; }
.rs-pop__note { margin: 6px 0 !important; color: #92400e; background: #fffbeb; border-radius: 6px; padding: 6px 8px; font-size: .8rem; }
.rs-pop__src { margin: 6px 0 0 !important; font-size: .76rem; color: #6b7280; }

/* conținutul de sub hartă */
.rs-content { padding-bottom: 32px; }
.rs-p { color: #374151; line-height: 1.65; margin: 0 0 16px; max-width: 75ch; }
.rs-small { font-size: .88rem; color: #6b7280; }
.rs-classes { display: grid; gap: 12px; }
@media (min-width: 768px) { .rs-classes { grid-template-columns: 1fr 1fr; } }
.rs-class { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px 16px; scroll-margin-top: 90px; }
.rs-class h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 1.02rem; font-weight: 700; color: #111827; }
.rs-class p { margin: 0; color: #374151; line-height: 1.55; font-size: .93rem; }
.rs-class .rs-law { margin-top: 8px; font-size: .8rem; }
.rs-law a { color: #6b7280; text-decoration: underline; }
.rs-tablewrap { overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; margin-bottom: 10px; }
.rs-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.rs-table th, .rs-table td { padding: 10px 12px; text-align: right; border-bottom: 1px solid #f3f4f6; white-space: nowrap; }
.rs-table thead th { background: #f9fafb; color: #374151; font-weight: 600; }
.rs-table th[scope=row] { text-align: left; font-weight: 700; color: #111827; }
.rs-table th[scope=row] small { display: block; font-weight: 400; color: #6b7280; font-size: .75rem; }
.rs-table thead th:first-child { text-align: left; }
@media (max-width: 640px) { .rs-map { height: 64vh; min-height: 360px; } .rs-search { max-width: none; } }
