/* Breaking News Popup (RTL) */
:root{
  --bnp-overlay: rgba(0,0,0,.55);
  --bnp-radius: 18px;
  --bnp-shadow: 0 20px 60px rgba(0,0,0,.35);
}

.bnp-overlay{
  position: fixed;
  inset: 0;
  background: var(--bnp-overlay);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 18px;
}

.bnp-overlay.is-open{ display: flex; }

.bnp-modal{
  width: min(420px, 94vw);
  border-radius: var(--bnp-radius);
  overflow: hidden;
  box-shadow: var(--bnp-shadow);
  background: #fff;
  position: relative;
  transform: translateY(10px);
  opacity: 0;
  transition: .22s ease;
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

.bnp-overlay.is-open .bnp-modal{
  transform: translateY(0);
  opacity: 1;
}

.bnp-close{
  position: absolute;
  top: 10px;
  left: 10px; /* زي الريفرنس */
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: none;
  background: rgba(0,0,0,.45);
  color: #fff;
  font-size: 22px;
  line-height: 38px;
  cursor: pointer;
  display: grid;
  place-items: center;
  z-index: 3;
  backdrop-filter: blur(6px);
}

.bnp-close:hover{ background: rgba(0,0,0,.60); }

.bnp-image{
  display: block;
  width: 100%;
  background: #ddd;
}

.bnp-image img{
  display: block;
  width: 100%;
  height: 260px; /* طولى */
  object-fit: cover;
}

.bnp-bar{
  direction: rtl;
  text-align: right;
  padding: 18px 18px 20px;
}

.bnp-badge{
  display: inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.18); /* شكل زرار بدون اكشن */
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .2px;
}

.bnp-title{
  display: block;
  margin-top: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.25;
}

.bnp-title:hover{ text-decoration: underline; }

.bnp-excerpt{
  margin-top: 10px;
  color: rgba(255,255,255,.92);
  font-size: 15px;
  line-height: 1.7;
}

@media (max-width: 420px){
  .bnp-title{ font-size: 22px; }
  .bnp-image img{ height: 230px; }
}