/* =====================================================
   TOP MARKTING PREMIUM V4 - EASY ORDERS SAFE THEME
   Dark Tech / Clean Header / Premium Buttons
===================================================== */

:root {
  --tm-bg: #07090f;
  --tm-bg-soft: #0b1020;
  --tm-header: #080a12;
  --tm-card: #101827;
  --tm-card-2: #151b2e;
  --tm-border: rgba(255,255,255,.12);
  --tm-text: #ffffff;
  --tm-muted: #cbd5e1;
  --tm-cyan: #00e5ff;
  --tm-blue: #2563eb;
  --tm-purple: #8b5cf6;
  --tm-green: #22c55e;
  --tm-gold: #facc15;
}

/* الخلفية العامة */
html,
body,
#root,
main {
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 32%),
    radial-gradient(circle at top left, rgba(139,92,246,.13), transparent 30%),
    linear-gradient(180deg, #07090f 0%, #0b1020 50%, #07090f 100%) !important;
  color: var(--tm-text) !important;
}

/* الهيدر بدون تخريب المحرر */
header,
nav,
[class*="Header"],
[class*="header"],
[class*="Navbar"],
[class*="navbar"] {
  background: rgba(8,10,18,.96) !important;
  border-bottom: 1px solid rgba(139,92,246,.32) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(14px);
}

/* روابط الهيدر */
header a,
nav a {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* أزرار/روابط المنيو فقط داخل الهيدر */
header a:not(:has(img)),
nav a:not(:has(img)) {
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  line-height: 1 !important;
  transition: .25s ease !important;
}

header a:not(:has(img)):hover,
nav a:not(:has(img)):hover {
  background: linear-gradient(135deg, rgba(37,99,235,.35), rgba(139,92,246,.35)) !important;
  border-color: rgba(0,229,255,.45) !important;
  color: #00e5ff !important;
  transform: translateY(-1px);
}

/* اللوجو */
header img,
nav img {
  max-height: 62px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

/* منطقة البحث والسلة */
header button,
nav button {
  border-radius: 999px !important;
  transition: .25s ease !important;
}

/* السلة والبحث: نخليهم ظاهرين وفخمين */
header button:has(svg),
nav button:has(svg),
header a:has(svg),
nav a:has(svg) {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(0,229,255,.28) !important;
  color: var(--tm-cyan) !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: inset 0 0 18px rgba(0,229,255,.08), 0 8px 22px rgba(0,0,0,.25) !important;
}

/* SVG داخل الهيدر فقط */
header svg,
nav svg {
  color: var(--tm-cyan) !important;
  stroke: var(--tm-cyan) !important;
}

header svg path,
nav svg path,
header svg circle,
nav svg circle,
header svg line,
nav svg line,
header svg polyline,
nav svg polyline {
  stroke: var(--tm-cyan) !important;
}

/* لو السلة fill مش stroke */
header svg path[fill],
nav svg path[fill] {
  fill: var(--tm-cyan) !important;
}

/* رقم السلة */
header [class*="badge"],
nav [class*="badge"],
header [class*="Badge"],
nav [class*="Badge"] {
  background: var(--tm-gold) !important;
  color: #000 !important;
  font-weight: 900 !important;
  border: 1px solid #000 !important;
}

/* خلفيات محتوى المتجر */
main {
  overflow-x: hidden;
}

/* تقليل الأبيض العام بدون تدمير محرر إيزي أوردر */
main section,
main > div {
  border-color: rgba(255,255,255,.08) !important;
}

/* الكونتينر الأبيض الكبير لو ظاهر في الصفحة الرئيسية */
main div[style*="background: white"],
main div[style*="background-color: white"],
main div[style*="background:#fff"],
main div[style*="background-color:#fff"],
main div[style*="rgb(255, 255, 255)"] {
  background: linear-gradient(180deg, #0b1020 0%, #07090f 100%) !important;
}

/* عناوين الصفحة */
main h1,
main h2,
main h3 {
  color: #ffffff !important;
  font-weight: 900 !important;
}

main h1 span,
main h2 span,
main h3 span {
  color: var(--tm-cyan) !important;
}

/* نصوص داخل الصفحة */
main p,
main li {
  color: var(--tm-muted) !important;
}

/* صور وبانرات */
main img {
  border-radius: 20px !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.35) !important;
}

/* كروت المنتجات والخدمات */
main [class*="product"],
main [class*="Product"],
main [class*="card"],
main [class*="Card"],
main [class*="item"],
main [class*="Item"] {
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.32) !important;
  overflow: hidden !important;
  transition: .25s ease !important;
}

main [class*="product"]:hover,
main [class*="Product"]:hover,
main [class*="card"]:hover,
main [class*="Card"]:hover,
main [class*="item"]:hover,
main [class*="Item"]:hover {
  transform: translateY(-4px);
  border-color: rgba(0,229,255,.32) !important;
  box-shadow: 0 22px 55px rgba(0,229,255,.10) !important;
}

/* أزرار داخل المحتوى فقط وليس الهيدر */
main a[href*="wa.me"],
main a[href*="whatsapp"],
main a[href*="product"],
main a[href*="category"],
main button:not([aria-label]) {
  background: linear-gradient(135deg, var(--tm-blue), var(--tm-purple)) !important;
  color: #fff !important;
  border: 1px solid rgba(0,229,255,.35) !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(37,99,235,.25) !important;
  transition: .25s ease !important;
}

main a[href*="wa.me"]:hover,
main a[href*="whatsapp"]:hover,
main a[href*="product"]:hover,
main a[href*="category"]:hover,
main button:not([aria-label]):hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(0,229,255,.18) !important;
}

/* الفوتر */
footer,
[class*="footer"],
[class*="Footer"] {
  background: #05070c !important;
  border-top: 1px solid rgba(139,92,246,.25) !important;
  color: #cbd5e1 !important;
}

footer *,
[class*="footer"] *,
[class*="Footer"] * {
  color: #cbd5e1 !important;
}

/* زر واتساب العائم */
#chat-widget-wa {
  z-index: 999999 !important;
}

#chat-widget-wa > div {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  box-shadow: 0 14px 36px rgba(34,197,94,.28) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* موبايل */
@media (max-width: 768px) {
  header a:not(:has(img)),
  nav a:not(:has(img)) {
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  header button:has(svg),
  nav button:has(svg),
  header a:has(svg),
  nav a:has(svg) {
    min-width: 40px !important;
    min-height: 40px !important;
  }

  main img {
    border-radius: 14px !important;
  }

  #chat-widget-wa > div {
    padding: 10px 14px !important;
    font-size: 12px !important;
  }
}