/* hud-polish.css — ღილაკების მაჩვენებელი (hotkeys) და იარაღის პანელი რადარის სტილში.
   იტვირთება style.css-ის შემდეგ და მას გადაფარავს. */

/* ======================= ღილაკების მაჩვენებელი ======================= */
.hotkeys-side-block {
  left: 24px;                                  /* რადარის მარცხენა კიდესთან ერთ ხაზზე (.hud-bottom left: 24px) */
  padding: 0;
  gap: 8px;
  align-items: flex-start;
}
.hotkey-item {
  --kc: rgba(255, 255, 255, .92);
  gap: 10px;
  padding: 5px 14px 5px 5px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(180deg, rgba(34, 34, 40, .62), rgba(14, 14, 18, .62));
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .14) inset, 0 6px 16px rgba(0, 0, 0, .38);
  font: 700 13px/1 'Manrope', 'Noto Sans Georgian', -apple-system, 'Segoe UI', Arial, sans-serif;
  letter-spacing: .01em;
  transition: transform .15s ease, box-shadow .15s ease;
}
.hotkey-key {
  min-width: 30px; height: 30px; padding: 0 8px; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
  border-radius: 9px; border: 0;
  font: 800 15px/1 'Rajdhani', 'Manrope', 'Segoe UI', Arial, sans-serif;
  color: #14141a;
  background: linear-gradient(180deg, #ffffff, #cfcfd6);
  box-shadow: 0 2px 0 #7d7d88, 0 4px 8px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .9) inset;
  text-shadow: none;
}
.hotkey-label { opacity: .95; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); white-space: nowrap; }
/* მთავარი ღილაკები (M, I) ოდნავ აქცენტით */
.hotkey-item:nth-child(1) .hotkey-key { background: linear-gradient(180deg, #ff7272, #ff4747); color: #fff; box-shadow: 0 2px 0 #a82525, 0 4px 8px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .35) inset; }

/* ======================= იარაღის პანელი ======================= */
.weapon-panel {
  width: 340px; min-height: 100px; box-sizing: border-box;
  margin-top: 10px; padding: 14px 18px 14px 20px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(34, 34, 40, .72), rgba(14, 14, 18, .78)) !important;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .16) inset, 0 10px 26px rgba(0, 0, 0, .45);
  overflow: hidden;
}
.weapon-panel::before {
  width: 100%;
  background:
    radial-gradient(120% 140% at 100% 50%, rgba(255, 71, 71, .38) 0%, rgba(255, 71, 71, 0) 62%) !important;
}
.weapon-panel::after {                         /* თხელი წითელი ხაზი ქვემოთ */
  content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0;
  background: linear-gradient(90deg, rgba(255, 71, 71, 0), #ff4747 40%, #ff4747 60%, rgba(255, 71, 71, 0));
  opacity: .85;
}
.weapon-ammo { gap: 4px; min-width: 0; flex: 1 1 auto; }
.weapon-name {
  font: 800 11px/1.1 'Manrope', 'Noto Sans Georgian', 'Segoe UI', Arial, sans-serif;
  letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .62);
  max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.weapon-count { display: flex; align-items: baseline; gap: 6px; }
.ammo-current { font: 800 38px/1 'Rajdhani', 'Manrope', 'Segoe UI', Arial, sans-serif; letter-spacing: .01em; text-shadow: 0 2px 10px rgba(0, 0, 0, .5); transition: color .2s; }
.ammo-total { font: 700 17px/1 'Rajdhani', 'Manrope', 'Segoe UI', Arial, sans-serif; opacity: .55; }
.ammo-total::before { content: '/ '; opacity: .7; }
.weapon-icon-wrap { width: 170px; height: 72px; flex: 0 0 170px; }
.weapon-icon { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .7)) drop-shadow(0 0 10px rgba(255, 71, 71, .25)); }

.weapon-panel.lowammo .ammo-current { color: #ffb347; }
.weapon-panel.empty .ammo-current { color: #ff4747; animation: wpBlink .7s infinite alternate; }
.weapon-panel.melee .weapon-count { display: none; }
.weapon-panel.melee .weapon-name { font-size: 13px; letter-spacing: .08em; max-width: 140px; color: #fff; }
.weapon-panel.pop { animation: wpPop .35s cubic-bezier(.2, .9, .3, 1.2); }
@keyframes wpPop { from { transform: translateX(26px) scale(.96); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes wpBlink { to { opacity: .35; } }

/* პოლიციის ტაბლეტის ღილაკი (N) — წითელი აქცენტი, ჩანს მხოლოდ პოლიციელს */
#hotkey-police .hotkey-key { background: linear-gradient(180deg, #ff7272, #ff4747); color: #fff; box-shadow: 0 2px 0 #a82525, 0 4px 8px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 255, 255, .35) inset; }