/*
 * HotNews — התרעות פיקוד העורף
 * שולף מ-API הציבורי של פיקוד העורף
 */

#oref-banner {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  background: #c41212;
  color: #fff;
  direction: rtl;
  font-family: 'Heebo', Arial, sans-serif;
  box-shadow: 0 4px 20px rgba(0,0,0,0.35);
  transform: translateY(-100%);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}

#oref-banner.is-visible {
  transform: translateY(0);
  pointer-events: auto;
}

.oref-banner-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.oref-icon {
  font-size: 26px;
  flex-shrink: 0;
  animation: oref-pulse 0.7s ease-in-out infinite alternate;
}

@keyframes oref-pulse {
  from { transform: scale(1); }
  to   { transform: scale(1.18); }
}

.oref-label {
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,0.2);
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0;
}

.oref-areas {
  font-size: 15px;
  font-weight: 700;
  flex: 1;
  line-height: 1.4;
}

.oref-close {
  background: none;
  border: none;
  color: rgba(255,255,255,0.8);
  font-size: 22px;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
  flex-shrink: 0;
  transition: color 0.15s;
}

.oref-close:hover { color: #fff; }

/* מובייל */
@media (max-width: 600px) {
  .oref-banner-inner { padding: 10px 14px; gap: 8px; }
  .oref-areas { font-size: 13px; }
  .oref-label { font-size: 11px; }
}