/* Parcheggio (parcheggio.js): pulsante "P", pannello, segnaposto sulla mappa. File aggiunto a mano. */
.pk-fab{position:fixed;right:18px;bottom:236px;z-index:950;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:linear-gradient(135deg,#4cc3ff,#a98bff);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.4);cursor:pointer;padding:0}
.pk-fab b{font:700 24px/1 Oswald,Inter,system-ui,sans-serif}
.pk-fab i{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#ff50c5;border:2px solid #fff;font:700 11px/16px Montserrat,Inter,sans-serif;font-style:normal;display:none}
.pk-fab.has i{display:block}
.pk-fab.on{background:#1c1429;border-color:#4cc3ff}
.pk-fab:focus-visible{outline:3px solid #fff;outline-offset:3px}

.pk-pin span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--c);border:2px solid #fff;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.5);box-sizing:border-box}
.pk-pin span svg{transform:rotate(45deg)}
.pk-pin span b{position:absolute;top:-8px;right:-8px;transform:rotate(45deg);width:16px;height:16px;border-radius:4px;background:#1c1429;border:1.5px solid #fff;font:700 10px/13px Oswald,Inter,sans-serif;text-align:center}
.pk-pin.pk-flash span{animation:pk-flash 1s ease-out 3}
@keyframes pk-flash{0%{box-shadow:0 0 0 0 rgba(255,255,255,.95),0 3px 10px rgba(0,0,0,.5)}100%{box-shadow:0 0 0 22px rgba(255,255,255,0),0 3px 10px rgba(0,0,0,.5)}}

.pk-panel{position:fixed;right:var(--pk-right,16px);bottom:var(--pk-bottom,300px);width:320px;max-height:calc(100dvh - var(--pk-bottom,300px) - 70px);min-height:200px;z-index:1550;display:flex;flex-direction:column;background:rgba(18,12,32,.92);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.45);color:#fff;font:400 13px/1.5 Montserrat,Inter,system-ui,sans-serif}
.pk-body{overflow:auto;padding:4px 14px 14px;display:flex;flex-direction:column;gap:8px}
.pk-types{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pk-type{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:58px;padding:8px 4px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font:600 12px/1.1 Montserrat,Inter,sans-serif;cursor:pointer}
.pk-type svg{color:var(--c)}
.pk-type em{position:absolute;top:3px;right:6px;font-style:normal;font-size:9px;color:var(--c)}
.pk-type.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 24%,transparent)}
.pk-note{width:100%;box-sizing:border-box;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;padding:8px 10px;font:inherit;color-scheme:dark}
.pk-hint{margin:0;font-size:12px;color:#b9aecb}
.pk-hint.on{color:#fff;font-weight:600;padding:6px 10px;border-radius:9px;background:rgba(76,195,255,.16);border:1px dashed #4cc3ff}
.pk-wide{width:100%;min-height:40px}
.pk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pk-list li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:7px 8px}
.pk-ico{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;flex-shrink:0}
.pk-info{flex:1;min-width:0;display:flex;flex-direction:column}
.pk-info small{color:#b9aecb;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.pk-list .button{min-height:34px;padding:0 12px}
.pk-sync{margin-top:4px;font-size:11px}
.pk-pop .button.primary{width:100%;min-height:38px}
@media (width<=600px){
  .pk-fab{width:58px;height:58px}
  .pk-panel{left:8px;right:8px;width:auto;bottom:8px;max-height:72dvh;min-height:0}
}
@media print{.pk-fab,.pk-panel{display:none}}