/* ads/folder/css/Empty_ads_card.css */
/* بطاقة "لا توجد إعلانات" - RTL */

.empty-ads-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:18px 12px;
}

.empty-ads-card{
  width:min(860px, 100%);
  background:linear-gradient(135deg, #ffffff, #fbfbfb);
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  padding:18px 16px;
  overflow:hidden;
  position:relative;
}

.empty-ads-card::before{
  content:"";
  position:absolute;
  inset:-60px -80px auto auto;
  width:220px;
  height:220px;
  background:radial-gradient(circle at 30% 30%, rgba(245,130,49,.18), rgba(245,130,49,0) 70%);
  transform:rotate(12deg);
  pointer-events:none;
}

.empty-ads-top{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.empty-ads-icon{
  width:54px;
  height:54px;
  min-width:54px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(245,130,49,.10);
  border:1px solid rgba(245,130,49,.18);
  font-size:26px;
}

.empty-ads-title{
  margin:0;
  font-size:18px;
  line-height:1.5;
  color:#222;
}

.empty-ads-desc{
  margin:6px 0 0 0;
  font-size:14px;
  line-height:1.9;
  color:#666;
}

.empty-ads-tips{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.empty-ads-tip{
  background:#fff;
  border:1px dashed rgba(0,0,0,.12);
  color:#333;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
  line-height:1;
}

.empty-ads-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.empty-ads-btn{
  border:none;
  cursor:pointer;
  border-radius:12px;
  padding:10px 14px;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

.empty-ads-btn:active{
  transform:scale(.98);
}

.empty-ads-btn-primary{
  background:#f58231;
  color:#fff;
  box-shadow:0 10px 20px rgba(245,130,49,.22);
}

.empty-ads-btn-primary:hover{
  box-shadow:0 12px 26px rgba(245,130,49,.28);
}

.empty-ads-btn-ghost{
  background:rgba(0,0,0,.03);
  color:#222;
  border:1px solid rgba(0,0,0,.08);
}

.empty-ads-btn-ghost:hover{
  background:rgba(0,0,0,.05);
}

/* ✅ موبايل */
@media (max-width:520px){
  .empty-ads-card{ padding:16px 12px; border-radius:16px; }
  .empty-ads-icon{ width:48px; height:48px; min-width:48px; border-radius:12px; }
  .empty-ads-title{ font-size:16px; }
}

/* ===============================
   Fade خفيف لبطاقات "لا توجد إعلانات"
   =============================== */

/* الحالة الافتراضية (مخفية) */
#emptyAdsWrapper,
#emptyAdsWrapperSelected,
#emptyAdsWrapperRegion {
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 150ms ease, transform 150ms ease;
  will-change: opacity, transform;
}

/* عند الإظهار عبر JS (display:block) */
#emptyAdsWrapper[style*="display: block"],
#emptyAdsWrapperSelected[style*="display: block"],
#emptyAdsWrapperRegion[style*="display: block"] {
  opacity: 1;
  transform: translateY(0);
}