/* auth-forms.css - تصميم ثابت لصفحات المصادقة */

.auth-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  padding:18px 12px;
}

.auth-card{
  width:min(520px, 100%);
  background:#fff;
  border-radius:14px;
  padding:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.06);
}

.auth-title{
  margin:0 0 12px 0;
  font-size:20px;
  text-align:center;
}

.auth-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.auth-form input,
.auth-form select,
.auth-form textarea{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid #d9d9d9;
  outline:none;
  font-size:15px;
  background:#fff;
}

.auth-form input:focus,
.auth-form select:focus,
.auth-form textarea:focus{
  border-color:#7aa7ff;
  box-shadow:0 0 0 3px rgba(122,167,255,.18);
}

.auth-actions{
  margin-top:4px;
  display:flex;
  justify-content:center;
}

.auth-btn{
  border:0;
  padding:11px 14px;
  border-radius:12px;
  cursor:pointer;
  font-size:15px;
  width:100%;
  background:#007bff;
  color:#fff;
}

/* صندوق الرسائل المنبثقة (نفس IDs القديمة) */
.popup{
  display:none;
  margin:10px 0 12px 0;
  padding:10px 10px;
  border-radius:12px;
  border:1px solid #ddd;
  position:relative;
}

.popup.show{ display:block; }

.popup.is-success{
  border-color: rgba(46, 204, 113, .45);
  background: rgba(46, 204, 113, .08);
}

.popup.is-error{
  border-color: rgba(231, 76, 60, .45);
  background: rgba(231, 76, 60, .08);
}

.popup-text{ display:block; line-height:1.6; padding-left:26px; }
.popup-close{
  position:absolute;
  top:8px;
  left:8px;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:16px;
}

/* شارة الاعلان المميز الحمراء */
/* ===============================
   ⭐ تأرجح سلس بدون توقف
   =============================== */

.home-ad-badge-featured {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 10;
  transform:will-change;
  animation: featuredStarSmoothSwing 2.6s linear infinite;
  transform-origin: center center;
}

.home-ad-badge-featured i {
  font-size: 15px;
  color: #f5c542;
  text-shadow: 0 0 6px rgba(216, 0, 0, 0.6);
}

/* 🔄 حركة جيبية تقريبية (بدون توقف) */
@keyframes featuredStarSmoothSwing {
  0%   { transform: rotate(-200deg); }
  25%  { transform: rotate(0deg); }
  50%  { transform: rotate(200deg); }
  75%  { transform: rotate(0deg); }
  100% { transform: rotate(-200deg); }
}

/* نهاية شارة الاعلان المميز الحمراء */