/* ===============================
   Angel Script Fix Patch V2
   ألصقه آخر كود CSS
================================ */

/* إصلاح المود الليلي: نخلي المتجر واضح حتى لو ضغط القمر */
html.dark body,
body.dark,
html[data-theme="dark"] body,
body[data-theme="dark"] {
  background:
    radial-gradient(circle at 12% 10%, rgba(243, 223, 142, 0.14), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf7 55%, #ffffff 100%) !important;
  color: #111 !important;
}

html.dark body *:not(svg):not(path),
body.dark *:not(svg):not(path),
html[data-theme="dark"] body *:not(svg):not(path),
body[data-theme="dark"] *:not(svg):not(path) {
  color: #111 !important;
}

html.dark .angel-arrow-icon,
body.dark .angel-arrow-icon,
html.dark .angel-product-title-arrow,
body.dark .angel-product-title-arrow,
html.dark .angel-product-badge,
body.dark .angel-product-badge,
html.dark .angel-btn.primary,
body.dark .angel-btn.primary {
  color: #fff !important;
}

/* الشريط العلوي - أنظف وأقرب لطابع Angel */
.angel-topbar {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.96), rgba(255,248,224,0.98), rgba(255,255,255,0.96)) !important;
  color: #111 !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
  padding: 10px 16px !important;
  box-shadow: 0 8px 26px rgba(0,0,0,0.05) !important;
}

.angel-topbar-inner {
  gap: 12px !important;
  font-weight: 900 !important;
}

.angel-topbar-code {
  background: linear-gradient(135deg, #111, #2c2c2c) !important;
  color: #fff !important;
  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.13) !important;
  letter-spacing: 0.3px;
}

.angel-topbar-code b {
  color: #f5d777 !important;
}

/* الهيرو الجديد */
.angel-hero {
  min-height: 430px !important;
  align-items: center !important;
  border-radius: 34px !important;
  background-position: center !important;
  background-size: cover !important;
}

.angel-hero::after {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.82) 42%, rgba(255,255,255,0.20) 100%) !important;
}

.angel-hero-content {
  max-width: 650px !important;
}

.angel-hero-tag {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.05) !important;
}

.angel-hero h2 {
  font-size: clamp(42px, 6vw, 78px) !important;
  letter-spacing: -1px;
}

.angel-hero h2 span {
  color: #b98918 !important;
}

.angel-hero p {
  font-size: 18px !important;
  color: #5f5a52 !important;
}

/* زر شوف المنتج */
.angel-hero-actions {
  margin-top: 28px !important;
}

.angel-hero .angel-btn.primary {
  min-height: 52px !important;
  padding: 0 30px !important;
  background: linear-gradient(135deg, #111, #2b2b2b) !important;
  color: #fff !important;
  border: 1px solid rgba(212, 175, 55, 0.52) !important;
  box-shadow: 0 15px 34px rgba(0,0,0,0.16) !important;
}

.angel-hero .angel-btn.primary::after {
  content: " ↓";
  margin-inline-start: 8px;
  color: #f5d777;
}

/* حذف السطر القديم حق السهم وشوف المنتج إذا موجود */
.angel-arrow-down {
  display: none !important;
}

/* عنوان المنتج والسهم لليسار */
.angel-product-title-wrap {
  margin-top: 20px !important;
  margin-bottom: 18px !important;
}

.angel-product-title {
  font-size: clamp(26px, 3vw, 44px) !important;
}

.angel-product-title-arrow {
  background: #111 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.15) !important;
}

/* بطاقة المنتج */
.angel-product-badge {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
}

/* بانر اشتر بثقة */
.angel-mid-banner {
  text-align: center !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 248, 224, 0.75), transparent 32%),
    radial-gradient(circle at 86% 15%, rgba(238, 248, 255, 0.8), transparent 28%),
    linear-gradient(135deg, #ffffff, #fbf7eb) !important;
}

.angel-mid-banner h3 {
  color: #111 !important;
}

.angel-mid-banner p {
  color: #5f5a52 !important;
}

/* الكروت */
.angel-feature-card {
  background: rgba(255,255,255,0.92) !important;
}

.angel-feature-card p,
.angel-faq-a {
  color: #5f5a52 !important;
}

/* إخفاء عنوان الأكثر مبيعا القديم */
.angel-hide-old-heading {
  display: none !important;
}

/* الجوال */
@media (max-width: 600px) {
  .angel-hero {
    min-height: 360px !important;
  }

  .angel-hero h2 {
    font-size: 38px !important;
  }

  .angel-hero p {
    font-size: 15px !important;
  }
}