/* ══════════════════════════════════════════════════════════════════════════
   113-guest-pass.css — طبقة «تصفّح بدون حساب» (Guest Pass)
   طبقة أعلى (113). لون افتراضي بنفسجي #a855f7 عبر var(--primary). متناغمة مع
   السمة (light overrides أدناه). حركات مختصرة (<=250ms) + reduced-motion
   + safe-area + لمس >=44px + 380px.
   لا تكتب علامة إغلاق التعليق داخل نص تعليق (فخّ معروف بالمشروع).

   [GUEST-PASS-UNIFY 2026-07-24] بعد حذف gp-home أُزيلت أنماط الصفحة البديلة
   (gp-home / gp-sec / gp-grid / gp-poster / gp-loading / gp-browse / gp-empty)
   و #gpGateHint (إشعار واحد فقط الآن). صقل تباين البانر/التجريبي/الحملات ليبدو
   جزءاً أصلياً من التصميم فوق الخلفيات الليلية المتحرّكة.

   [GP-DOOR-GOLD 2026-07-24] «ادخل بدون حساب»: تحوّل من رابط نصي إلى زر كامل
   بنفس إطار زر «تسجيل الدخول» (عرض كامل + padding 16px + زوايا 14px) لكن
   بذهبي مميز (عائلة الأصفر المعتمدة بالموقع #fbbf24→#f59e0b) — تمييز واضح
   عن الزر البنفسجي الأساسي. متجاوب جوال/آيباد (عرض كامل داخل بطاقة الدخول).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── بنر الدخول أعلى لوحة الرئيسية للزائر ── */
.gp-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 16px;
  border-radius: 16px;
  padding: 15px 18px;
  margin: 0 auto 18px;
  max-width: 680px;
  background: linear-gradient(135deg, rgba(168,85,247,0.28), rgba(139,92,246,0.14));
  border: 1px solid rgba(168,85,247,0.48);
  box-shadow:
    0 8px 24px rgba(168,85,247,0.20),
    inset 0 1px 0 rgba(255,255,255,0.07);
  color: var(--text, #f2effb);
  line-height: 1.55;
}
.gp-banner-txt {
  margin: 0;
  flex: 1 1 260px;
  min-width: 0;
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--text, #f2effb);
  text-align: start;
}
.gp-banner-btn {
  flex: 0 0 auto;
  min-height: 46px; padding: 0 22px;
  border: none; border-radius: 13px; cursor: pointer;
  background: var(--primary, #a855f7); color: #fff;
  font-weight: 800; font-size: 0.96rem; font-family: inherit;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  box-shadow: 0 4px 14px rgba(168,85,247,0.42);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.gp-banner-btn:hover { filter: brightness(1.08); box-shadow: 0 6px 18px rgba(168,85,247,0.52); }
.gp-banner-btn:active { transform: scale(0.97); }

/* ── زر «الشرح التجريبي ▶» الثانوي على بطاقة البوستر (مواد ودورات) ──
   خلفية خفيفة + حدّ + ظل ناعم ⇒ مقروء فوق صور البوسترات الداكنة (لا شفاف صرف). */
.gp-trial-btn {
  min-height: 40px; margin-top: 8px; padding: 0 12px;
  border: 1.5px solid rgba(168,85,247,0.65);
  border-radius: 11px; cursor: pointer;
  background: rgba(168,85,247,0.16);
  color: #fff;
  font-weight: 700; font-size: 0.84rem; font-family: inherit;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%;
  backdrop-filter: blur(2px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.28);
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.gp-trial-btn:hover { background: rgba(168,85,247,0.28); box-shadow: 0 4px 12px rgba(168,85,247,0.34); }
.gp-trial-btn:active { transform: scale(0.97); }

/* ── زر «ادخل بدون حساب» على صفحة الدخول ──
   [GP-DOOR-GOLD 2026-07-24] نفس إطار زر «تسجيل الدخول» (عرض كامل، padding 16px،
   زوايا 14px، خط عريض) لكن بتعبئة ذهبية متدرّجة ونص داكن — تمييز فوري عن
   البنفسجي. صفحة الدخول مقفولة على الداكن فالتباين مضمون؛ النص الداكن يبقى
   مقروءاً فوق الذهبي بأي سمة. */
.gp-login-explore {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%;
  margin-top: 18px; padding: 16px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  border: none;
  color: #241a38;
  font-weight: 800; font-size: 1.05rem; font-family: inherit;
  cursor: pointer;
  border-radius: 14px;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(245,158,11,0.35);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.gp-login-explore:hover { filter: brightness(1.06); box-shadow: 0 6px 20px rgba(245,158,11,0.45); }
.gp-login-explore:active { transform: scale(0.98); }
.gp-login-explore i { font-size: 1rem; }

/* ── باب الحرم في landing (يبني على .lp-btn) ── */
.lp-btn-explore {
  --lp-explore: var(--primary, #a855f7);
}
.lp-btn-explore span { display: inline-flex; align-items: center; gap: 8px; }

/* ── بطاقات الحملات (تعيد استخدام .final-req-* / .poster-card) ──
   حلقة بنفسجية خفيفة + ظل ⇒ تتمايز عن بطاقات المواد وتبدو متجانسة مع السمة. */
.gp-campaigns-section { margin: 0 0 16px; }
.gp-campaigns-section .section-title { margin: 4px 2px 10px; font-weight: 800; }
.gp-camp-grid { gap: 12px; }
.gp-camp-card {
  cursor: default;
  box-shadow:
    0 6px 18px rgba(0,0,0,0.28),
    0 0 0 1px rgba(168,85,247,0.32);
}
.gp-camp-card .final-req-overlay { text-shadow: 0 1px 6px rgba(0,0,0,0.55); }

/* ── شاشات صغيرة ── */
@media (max-width: 380px) {
  .gp-banner { padding: 14px 14px; }
  .gp-banner-txt { font-size: 0.92rem; flex-basis: 100%; text-align: center; }
  .gp-banner-btn { width: 100%; }
  .gp-login-explore { font-size: 0.98rem; padding: 14px; }
  .gp-trial-btn { font-size: 0.8rem; }
}

/* ── حركة أقل ── */
@media (prefers-reduced-motion: reduce) {
  .gp-banner-btn, .gp-trial-btn, .gp-login-explore { transition: none; }
}

/* ── الوضع الفاتح (light) — تباين نص داكن + حدود أوضح ──
   🪽 [SILK-GLIDE 2026-07-17 T] أزيلت محدِّدات alula (اجتثاث ثيم العلا) ── */
:root[data-theme="light"] .gp-banner {
  color: #2a2140;
  background: linear-gradient(135deg, rgba(168,85,247,0.16), rgba(139,92,246,0.08));
  border-color: rgba(168,85,247,0.42);
  box-shadow: 0 6px 18px rgba(168,85,247,0.14);
}
:root[data-theme="light"] .gp-banner-txt {
  color: #2a2140;
}
:root[data-theme="light"] .gp-trial-btn {
  background: rgba(168,85,247,0.10);
  color: var(--primary, #a855f7);
  box-shadow: 0 2px 6px rgba(168,85,247,0.14);
}
:root[data-theme="light"] .gp-trial-btn:hover {
  background: rgba(168,85,247,0.18);
}
:root[data-theme="light"] .gp-camp-card {
  box-shadow: 0 4px 14px rgba(0,0,0,0.10), 0 0 0 1px rgba(168,85,247,0.24);
}