/* ============================================================
   JAZEER — قالب «تقني» (terminal)

   لغة تصميم معاكسة تماماً للقوالب الستة الحالية:
   خلفية داكنة بدل الفاتحة، شبكة خطوط ظاهرة بدل الظلال،
   طباعة أحادية المسافة للأرقام والبيانات، ولون إشارة واحد.

   الصور توضع على «لوحة» فاتحة داخل إطار داكن، فتبدو
   كعيّنة معروضة لا كمستطيل يلمع في الظلام.
   ============================================================ */

[data-theme="terminal"] {
  --bg:      #0A0D12;
  --surface: #11161E;
  --raised:  #171E29;
  --plate:   #EDF0F4;
  --line:    #222C3A;
  --line2:   #2E3A4C;
  --txt:     #E4EBF3;
  --dim:     #7E8CA0;
  --signal:  #35E08A;
  --signal2: #16B36A;
  --alert:   #FF5C5C;

  --navy:    #0A0D12;
  --navy2:   #11161E;
  --orange:  #35E08A;
  --orange2: #7CF3BD;
  --cream:   #11161E;
  --white:   #11161E;
  --ink:     #E4EBF3;
  --muted:   #7E8CA0;
}

/* ---------- الأساس ---------- */

[data-theme="terminal"] body {
  background:
    linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 88px,
    linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 88px 100%,
    var(--bg);
  background-attachment: fixed;
  color: var(--txt);
  font-family: 'IBM Plex Sans Arabic', 'IBM Plex Sans', system-ui, sans-serif;
}

[data-theme="terminal"] body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse 120% 70% at 50% -10%,
    color-mix(in srgb, var(--signal) 7%, transparent), transparent 60%);
}

[data-theme="terminal"] * {
  border-radius: 2px !important;
}

/* الأرقام والوسوم بخط أحادي المسافة — هذا ما يعطي الطابع التقني */
[data-theme="terminal"] .price,
[data-theme="terminal"] .detail-price,
[data-theme="terminal"] .countdown,
[data-theme="terminal"] .views-badge,
[data-theme="terminal"] .video-badge,
[data-theme="terminal"] .sale,
[data-theme="terminal"] #resultCount,
[data-theme="terminal"] [data-curated-count],
[data-theme="terminal"] .card-category,
[data-theme="terminal"] .section-head span,
[data-theme="terminal"] .related-head span,
[data-theme="terminal"] .hero .kicker,
[data-theme="terminal"] .product-meta {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}

/* ---------- الترويسة ---------- */

[data-theme="terminal"] .site-header {
  position: sticky;
  z-index: 20;
  background: color-mix(in srgb, var(--bg) 88%, transparent) !important;
  backdrop-filter: blur(16px);
  border-block-end: 1px solid var(--line2);
  box-shadow: none;
}

[data-theme="terminal"] .site-header::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--signal), transparent);
  opacity: .5;
}

[data-theme="terminal"] .site-header a,
[data-theme="terminal"] .site-header strong { color: var(--txt); }

[data-theme="terminal"] .site-header .search input {
  background: var(--surface);
  border: 1px solid var(--line2);
  color: var(--txt);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 13.5px;
}

[data-theme="terminal"] .site-header .search input::placeholder { color: var(--dim); }

[data-theme="terminal"] .site-header .search input:focus {
  border-color: var(--signal);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--signal) 14%, transparent);
  outline: none;
}

[data-theme="terminal"] .site-header .search button {
  background: var(--signal);
  color: var(--bg);
}

[data-theme="terminal"] .lang-switch > button {
  background: var(--surface);
  border: 1px solid var(--line2);
  color: var(--txt);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12.5px;
}

[data-theme="terminal"] .lang-switch > button:hover {
  border-color: var(--signal);
  color: var(--signal);
}
[data-theme="terminal"] .lang-switch > button::before { color: var(--signal); }
[data-theme="terminal"] .lang-switch > button i { color: var(--signal); }
[data-theme="terminal"] .lang-switch ul {
  background: var(--raised);
  border-color: var(--line2);
  box-shadow: 0 24px 60px #0006;
}
[data-theme="terminal"] .lang-switch li a { color: var(--txt); }
[data-theme="terminal"] .lang-switch li a:hover { background: var(--surface); }
[data-theme="terminal"] .lang-switch li.active a { color: var(--signal); background: color-mix(in srgb, var(--signal) 10%, transparent); }

/* ---------- الواجهة الافتتاحية ---------- */

[data-theme="terminal"] .hero {
  position: relative;
  z-index: 1;
  background: transparent;
  border-block-end: 1px solid var(--line);
}

[data-theme="terminal"] .hero .kicker {
  display: inline-block;
  padding: 5px 11px;
  color: var(--signal);
  background: color-mix(in srgb, var(--signal) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--signal) 30%, transparent);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
}

[data-theme="terminal"] .hero h1 {
  color: var(--txt);
  font-size: clamp(34px, 5.6vw, 68px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.03em;
}

[data-theme="terminal"] .hero h1 em {
  font-style: normal;
  color: var(--signal);
}

[data-theme="terminal"] .hero p {
  color: var(--dim);
  max-width: 48ch;
}

[data-theme="terminal"] .shop-now {
  background: var(--signal);
  color: #06210F;
  border: 1px solid var(--signal);
  padding: 14px 30px;
  font-weight: 600;
  box-shadow: 0 0 34px color-mix(in srgb, var(--signal) 26%, transparent);
  transition: .22s;
}

[data-theme="terminal"] .shop-now:hover {
  background: var(--signal2);
  box-shadow: 0 0 46px color-mix(in srgb, var(--signal) 40%, transparent);
  transform: none;
}

[data-theme="terminal"] .hero-visual,
[data-theme="terminal"] .showcase {
  background: var(--surface);
  border: 1px solid var(--line2);
  box-shadow: none;
}

[data-theme="terminal"] .showcase .mini-label {
  color: var(--signal);
  font-family: 'IBM Plex Mono', monospace;
}

/* ---------- الأقسام ---------- */

[data-theme="terminal"] .categories {
  position: relative;
  z-index: 1;
  background: color-mix(in srgb, var(--bg) 80%, transparent);
  border-block-end: 1px solid var(--line);
}

[data-theme="terminal"] .category {
  background: var(--surface);
  border: 1px solid var(--line2);
  color: var(--dim);
  transition: .2s;
}

[data-theme="terminal"] .category:hover {
  border-color: var(--line2);
  color: var(--txt);
  background: var(--raised);
}

[data-theme="terminal"] .category.active {
  background: color-mix(in srgb, var(--signal) 12%, var(--surface));
  border-color: var(--signal);
  color: var(--txt);
}

[data-theme="terminal"] .category-mark {
  background: var(--raised) !important;
  border: 1px solid var(--line2) !important;
  color: var(--signal);
}

[data-theme="terminal"] .category-copy small { color: var(--dim); }

/* ---------- البطاقات ----------
   الصورة على لوحة فاتحة، والجسم داكن. */

[data-theme="terminal"] .product-card {
  position: relative;
  background: var(--surface);
  border: 1px solid var(--line2);
  box-shadow: none;
  transition: border-color .22s, transform .22s, box-shadow .22s;
}

[data-theme="terminal"] .product-card::before,
[data-theme="terminal"] .product-card::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid var(--signal);
  opacity: 0;
  transition: opacity .22s;
  z-index: 3;
}

[data-theme="terminal"] .product-card::before {
  top: -1px; inset-inline-start: -1px;
  border-width: 1px 0 0 1px;
}

[data-theme="terminal"] .product-card::after {
  bottom: -1px; inset-inline-end: -1px;
  border-width: 0 1px 1px 0;
}

[data-theme="terminal"] .product-card:hover {
  border-color: color-mix(in srgb, var(--signal) 55%, var(--line2));
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 40px #0007;
}

[data-theme="terminal"] .product-card:hover::before,
[data-theme="terminal"] .product-card:hover::after { opacity: 1; }

[data-theme="terminal"] .card-image {
  background: var(--plate);
  border-block-end: 1px solid var(--line2);
}

[data-theme="terminal"] .image-placeholder {
  color: var(--dim);
  background: var(--raised);
}

[data-theme="terminal"] .card-category {
  color: var(--signal);
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

[data-theme="terminal"] .card-body h3 {
  color: var(--txt);
  font-size: 15.5px;
  font-weight: 500;
  letter-spacing: -.01em;
}

[data-theme="terminal"] .card-body p { color: var(--dim); }

[data-theme="terminal"] .card-bottom {
  border-block-start: 1px solid var(--line);
  padding-block-start: 12px;
}

[data-theme="terminal"] .price strong {
  color: var(--signal);
  font-weight: 600;
  font-size: 16px;
}

[data-theme="terminal"] .price del { color: var(--dim); }

[data-theme="terminal"] .product-card .arrow { color: var(--signal); }

[data-theme="terminal"] .sale {
  background: var(--alert);
  color: #fff;
  font-size: 10.5px;
  font-weight: 600;
  padding: 4px 9px;
}

[data-theme="terminal"] .views-badge,
[data-theme="terminal"] .video-badge {
  background: color-mix(in srgb, var(--bg) 84%, transparent);
  border: 1px solid var(--line2);
  color: var(--txt);
  font-size: 10px;
  backdrop-filter: blur(6px);
}

/* ---------- عناوين الأقسام ---------- */

[data-theme="terminal"] .section-head,
[data-theme="terminal"] .related-head { position: relative; z-index: 1; }

[data-theme="terminal"] .section-head span,
[data-theme="terminal"] .related-head span {
  color: var(--signal);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
}

[data-theme="terminal"] .section-head span::before,
[data-theme="terminal"] .related-head span::before {
  content: '// ';
  opacity: .6;
}

[data-theme="terminal"] .section-head h2,
[data-theme="terminal"] .related-head h2 {
  color: var(--txt);
  font-size: clamp(22px, 2.6vw, 34px);
  font-weight: 600;
  letter-spacing: -.025em;
}

[data-theme="terminal"] .related-section { border-block-start: 1px solid var(--line2); }
[data-theme="terminal"] .related-head a { color: var(--dim); }
[data-theme="terminal"] .related-head a:hover { color: var(--signal); border-block-end-color: var(--signal); }

/* ---------- صفحة المنتج ---------- */

[data-theme="terminal"] .detail-main,
[data-theme="terminal"] .product-detail { position: relative; z-index: 1; }

[data-theme="terminal"] .detail-image {
  background: var(--plate);
  border: 1px solid var(--line2);
}

[data-theme="terminal"] .detail-image img { filter: none; }

[data-theme="terminal"] .detail-info h1,
[data-theme="terminal"] .detail-title {
  color: var(--txt);
  font-size: clamp(24px, 3.2vw, 40px);
  font-weight: 600;
  letter-spacing: -.028em;
}

[data-theme="terminal"] .detail-price strong {
  color: var(--signal);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 600;
}

[data-theme="terminal"] .description { color: var(--dim); }

[data-theme="terminal"] .buy-button {
  background: var(--signal);
  color: #06210F;
  border: 1px solid var(--signal);
  font-weight: 600;
  box-shadow: 0 0 30px color-mix(in srgb, var(--signal) 24%, transparent);
}

[data-theme="terminal"] .buy-button:hover { background: var(--signal2); }
[data-theme="terminal"] .buy-button.disabled {
  background: var(--raised);
  color: var(--dim);
  border-color: var(--line2);
  box-shadow: none;
}

[data-theme="terminal"] .countdown {
  background: var(--surface);
  border: 1px solid var(--alert);
}

[data-theme="terminal"] .countdown b { color: var(--alert); font-weight: 600; }
[data-theme="terminal"] .countdown small { color: var(--dim); }

[data-theme="terminal"] .back-link { color: var(--dim); }
[data-theme="terminal"] .back-link:hover { color: var(--signal); }

[data-theme="terminal"] .discount-badge { background: var(--alert); color: #fff; }

[data-theme="terminal"] .product-swipe-nav a {
  background: var(--surface);
  border: 1px solid var(--line2);
  color: var(--txt);
}

[data-theme="terminal"] .product-swipe-nav a:hover { border-color: var(--signal); color: var(--signal); }
[data-theme="terminal"] .swipe-hint { color: var(--dim); }

/* ---------- شريط الطلب ---------- */

[data-theme="terminal"] .order-bar {
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  border-block-start: 1px solid var(--line2);
  box-shadow: 0 -10px 34px #0008;
}

/* ---------- الحالات والتحميل ---------- */

[data-theme="terminal"] #loader,
[data-theme="terminal"] #emptyState,
[data-theme="terminal"] [data-curated-loader],
[data-theme="terminal"] [data-curated-empty] { color: var(--dim); }

[data-theme="terminal"] #emptyState strong { color: var(--txt); }

[data-theme="terminal"] .skeleton-card {
  background: var(--surface);
  border-color: var(--line2);
}

[data-theme="terminal"] .skeleton-card i {
  background: linear-gradient(100deg, var(--raised) 30%, var(--line2) 50%, var(--raised) 70%);
  background-size: 220% 100%;
}

[data-theme="terminal"] .skeleton-card b,
[data-theme="terminal"] .skeleton-card s { background: var(--raised); }

/* ---------- التذييل ---------- */

[data-theme="terminal"] .site-footer {
  position: relative;
  z-index: 1;
  background: var(--surface);
  border-block-start: 1px solid var(--line2);
  color: var(--dim);
}

[data-theme="terminal"] .site-footer a,
[data-theme="terminal"] .site-footer p,
[data-theme="terminal"] .site-footer small { color: var(--dim); }

[data-theme="terminal"] .site-footer small {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11.5px;
}

/* ---------- الموبايل ---------- */

@media (max-width: 760px) {
  [data-theme="terminal"] body { background-size: 100% 64px, 64px 100%; }
  [data-theme="terminal"] .hero h1 { font-size: clamp(27px, 8vw, 40px); }
  [data-theme="terminal"] .mobile-menu {
    background: var(--surface);
    border-inline-start: 1px solid var(--line2);
  }
  [data-theme="terminal"] .mobile-menu a,
  [data-theme="terminal"] .mobile-menu-title { color: var(--txt); }
  [data-theme="terminal"] .mobile-features span { color: var(--dim); }
  [data-theme="terminal"] .product-card::before,
  [data-theme="terminal"] .product-card::after { display: none; }
}