/* ═══════════════════════════════════════════════════════════════
   THEME STUDIO — تجربة بروح استوديوهات الديزاين (أسود + خطوط شبكية رفيعة)
   - خلفية سوداء مخضرّة موحّدة، خطوط أعمدة خفيفة ثابتة بالخلفية
   - عناوين ضخمة ومشدودة، تسميات صغيرة بين أقواس ( 01 )
   - خلايا بحدود رفيعة بدل البطاقات، وعند المرور تنقلب للذهبي
   للتراجع للديزاين المعتمد: بدّلي theme-basement.css بـ theme-bold.css في index.html
   الهيرو (وجوه المشاهير) ما يتأثر.
   ═══════════════════════════════════════════════════════════════ */
:root {
  --ink: #11261e;
  --ink-2: #163128;
  --hair: rgba(233, 236, 233, 0.12);
  --hair-strong: rgba(233, 236, 233, 0.22);
  --acc: #d9bf87;
  --acc-ink: #0e1f18;
  --dim: #a3b3aa;
}

body { background: var(--ink); }

/* خطوط أعمدة خفيفة ثابتة — تعطي إحساس الشبكة المنظمة */
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: linear-gradient(90deg, var(--hair) 1px, transparent 1px);
  background-size: calc((min(100vw, var(--container, 1200px)) - 2px) / 4) 100%;
  background-position: center top;
  opacity: 0.35;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent);
          mask-image: linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent);
}
main, .site-footer { position: relative; z-index: 1; }

/* 1) خلفية موحّدة لكل الأقسام بعد الهيرو */
.about, .trust, .creators, .services, .talent, .collabs, .newsletters, .talent-support, .site-footer, .infobar {
  background: transparent !important; background-image: none !important;
}
main > section:not(.hero), .infobar, .site-footer { border-block-start: 1px solid var(--hair); }
.about-map, .about-map-scrim, .services-bg, .services-bg-scrim, .section-pattern, .support-blob { display: none !important; }
.trust::before, .trust::after, .talent::before, .talent::after, .collabs::before, .collabs::after { background-image: none !important; }

/* الهيدر: شريط أسود بخط سفلي رفيع، وعدّادات بجانب الروابط (11) */
.site-header { background: rgba(17, 38, 30, 0.82) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-block-end: 1px solid var(--hair) !important; }
.nav-menu a[data-count]::after {
  content: " (" attr(data-count) ")";
  font-family: var(--font-body); font-size: 0.7em; color: var(--dim); vertical-align: super;
}

/* الماركيه: شريط ذهبي مسطّح بخط ثقيل */
.marquee { background: var(--acc); }
.marquee-track { color: var(--acc-ink); font-weight: 700; }

/* 2) شريط المعلومات */
.infobar { padding-block: 0; }
.infobar-grid {
  display: grid; grid-template-columns: repeat(5, 1fr);
  border-inline-start: 1px solid var(--hair);
}
.info-cell {
  display: flex; flex-direction: column; gap: 0.45rem;
  padding: 1.15rem 1.1rem 1.2rem;
  border-inline-end: 1px solid var(--hair);
}
.info-label {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; color: var(--dim);
}
.info-label::before { content: "( "; } .info-label::after { content: " )"; }
.info-value { font-size: 1rem; font-weight: 700; color: var(--marble); }
.info-num { font-family: var(--font-display); font-size: 1.5rem; color: var(--acc); }
.info-clock { font-family: var(--font-body); letter-spacing: 0.04em; font-variant-numeric: tabular-nums; }
.info-link { text-decoration: none; transition: color .2s; }
.info-link:hover { color: var(--acc); }
@media (max-width: 900px) {
  .infobar-grid { grid-template-columns: repeat(2, 1fr); border-inline-start: 0; }
  .info-cell { border-block-end: 1px solid var(--hair); }
  .info-cell:nth-child(2n) { border-inline-end: 0; }
  .info-cell:last-child { grid-column: 1 / -1; border-inline-end: 0; }
}

/* 3) رأس كل قسم: سطر بخط رفيع، رقم بين أقواس، وعدّاد على الطرف */
.section-head {
  justify-content: flex-start; gap: 0.8rem;
  padding-block-end: 0.9rem; margin-block-end: clamp(1.4rem, 3vw, 2.2rem);
  border-block-end: 1px solid var(--hair);
}
.section-index {
  background: none !important; color: var(--acc) !important; padding: 0 !important;
  font-size: 0.8rem !important; letter-spacing: 0.06em;
}
.section-index::before { content: "( "; } .section-index::after { content: " )"; }
.eyebrow {
  font-size: 0.8rem !important; letter-spacing: 0.08em !important; color: var(--marble) !important;
  border: 0 !important; padding: 0 !important; background: none !important;
}
.head-count {
  margin-inline-start: auto; font-family: var(--font-body); font-size: 0.8rem; font-weight: 700;
  color: var(--dim); letter-spacing: 0.06em;
}

/* عناوين ضخمة مشدودة */
.section h2 {
  font-size: clamp(2.4rem, 6.6vw, 5.2rem); line-height: 1.06; letter-spacing: -0.015em;
  -webkit-text-stroke: 0.8px currentColor; margin-block-end: 1.1rem; max-width: 18ch;
}
.section h2::after { display: none !important; }
.about-statement { font-size: clamp(2.4rem, 6.6vw, 5.2rem) !important; line-height: 1.08 !important; max-width: 14ch !important; }
.creators-title { font-size: clamp(2.2rem, 5.4vw, 4.2rem) !important; }
.support-intro h2 { font-size: clamp(2rem, 4.6vw, 3.4rem) !important; line-height: 1.12; }
.section-sub, .about-copy p { color: var(--dim) !important; font-size: 1.08rem; max-width: 40rem; }

/* 4) خلايا بحدود رفيعة بدل البطاقات — وعند المرور تنقلب ذهبية */
.about-textpanel, .service-card, .qpanel, .coming-soon {
  background: transparent !important; background-image: none !important;
  border: 1px solid var(--hair) !important; border-radius: 0 !important;
  box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  color: var(--marble) !important;
}
.about-points li, .about-points li:last-child { border-color: var(--hair) !important; color: var(--dim) !important; }
.point-key { color: var(--marble) !important; }

/* الخدمات: شبكة خلايا ملتصقة مع ترقيم تلقائي 01، 02… */
.services-grid { gap: 0 !important; counter-reset: svc; border-block-start: 1px solid var(--hair); border-inline-start: 1px solid var(--hair); }
.service-card {
  counter-increment: svc;
  border-width: 0 !important; border-inline-end: 1px solid var(--hair) !important; border-block-end: 1px solid var(--hair) !important;
  transition: background .3s, color .3s !important;
}
.service-card::before {
  content: "( " counter(svc, decimal-leading-zero) " )";
  position: absolute; inset-block-start: 1.2rem; inset-inline-end: 1.3rem;
  font-family: var(--font-body); font-size: 0.75rem; font-weight: 700; color: var(--dim); letter-spacing: .06em;
}
.service-card-icon { background: transparent !important; border: 1px solid var(--hair-strong); border-radius: 0 !important; }
.service-card-icon svg { stroke: var(--acc) !important; }
.service-card h3 { color: var(--marble) !important; }
.service-card p { color: var(--dim) !important; }
.service-card:hover, .qpanel:hover { background: var(--acc) !important; transform: none !important; }
.service-card:hover h3, .service-card:hover p, .service-card:hover::before,
.qpanel:hover .qtext, .qpanel:hover .qsub { color: var(--acc-ink) !important; }
.service-card:hover .service-card-icon { border-color: var(--acc-ink); }
.service-card:hover .service-card-icon svg { stroke: var(--acc-ink) !important; }

/* لصنّاع المحتوى: ثلاث خلايا ملتصقة */
.creators-grid { gap: 0 !important; }
.qpanel { border-inline-start-width: 0 !important; transition: background .3s !important; }
.qpanel:first-child { border-inline-start-width: 1px !important; }
.qtext { color: var(--marble) !important; }
.qsub { color: var(--dim) !important; }

/* الأرقام: خلايا كبيرة */
.stats-grid { gap: 0 !important; border: 1px solid var(--hair); }
.stat { padding: clamp(1.4rem, 3vw, 2.2rem) 1rem; border-inline-end: 1px solid var(--hair); }
.stat:last-child { border-inline-end: 0; }
.stat-num { font-size: clamp(3rem, 8vw, 6rem) !important; letter-spacing: -0.03em; }

/* المواهب: بطاقات بزوايا حادّة وخط رفيع */
.tile, .tile-media { border-radius: 0 !important; }
.tile-media { border-color: var(--hair) !important; }
.tile:hover { box-shadow: none !important; }
.talent-note { color: var(--dim) !important; }

/* العملاء */
.collab-chip { background: transparent !important; border: 1px solid var(--hair-strong) !important; border-radius: 0 !important; color: var(--marble) !important; }
.collab-chip span { color: var(--marble) !important; }
.collab-chip:hover { background: var(--acc) !important; border-color: var(--acc) !important; }
.collab-chip:hover span { color: var(--acc-ink) !important; }
.collab-tab { border-radius: 0 !important; border-color: var(--hair-strong) !important; background: transparent !important; color: var(--marble) !important; }
.collab-tab.is-active { background: var(--acc) !important; color: var(--acc-ink) !important; border-color: var(--acc) !important; }
.collab-title { color: var(--marble) !important; }
.collab-count { color: var(--acc) !important; background: none !important; border: 1px solid var(--hair-strong) !important; border-radius: 0 !important; }

/* قريبًا */
.coming-soon-text { color: var(--acc) !important; font-size: clamp(2rem, 5vw, 3.4rem) !important; font-weight: 700; }

/* التواصل */
.support-card { border-radius: 0 !important; box-shadow: none !important; }
.support-points li { border-block-start: 1px solid var(--hair); padding-block-start: 1rem; }
.support-contact-link { border-radius: 0 !important; }

/* أزرار حادّة الزوايا */
.btn { border-radius: 0 !important; font-weight: 700; }
.btn-solid { background: var(--acc) !important; color: var(--acc-ink) !important; }
.btn-solid:hover { background: var(--marble) !important; }

/* شريط "خلّنا نشتغل" */
.cta-band { background: var(--acc) !important; border-block: 0 !important; }
.cta-band .marquee-track, .cta-band .marquee-track * { color: var(--acc-ink) !important; -webkit-text-stroke: 0 !important; }

/* 5) الفوتر: أعمدة منظّمة + اسم ضخم */
.footer-cols {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--hair); margin-block-end: clamp(2rem, 5vw, 3.5rem);
}
.footer-col { padding: 1.4rem 1.2rem 1.6rem; border-inline-end: 1px solid var(--hair); }
.footer-col:last-child { border-inline-end: 0; }
.footer-col-title { font-size: 0.75rem; font-weight: 700; letter-spacing: .08em; color: var(--dim); margin-block-end: 0.9rem; }
.footer-col-title::before { content: "( "; } .footer-col-title::after { content: " )"; }
.footer-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.footer-col a, .footer-col span { color: var(--marble); text-decoration: none; font-weight: 700; font-size: .98rem; }
.footer-col a:hover { color: var(--acc); }
.footer-mega {
  color: var(--marble) !important; -webkit-text-stroke: 0 !important; opacity: 1 !important;
  font-size: clamp(3.5rem, 15.5vw, 15rem) !important; line-height: .85 !important; letter-spacing: -0.04em !important;
  text-align: center;
}
@media (max-width: 720px) {
  .footer-cols { grid-template-columns: repeat(2, 1fr); }
  .footer-col:nth-child(2n) { border-inline-end: 0; }
  .footer-col:nth-child(-n+2) { border-block-end: 1px solid var(--hair); }
  .stat { border-inline-end: 0; border-block-end: 1px solid var(--hair); }
  .stat:last-child { border-block-end: 0; }
  .qpanel { border-inline-start-width: 1px !important; border-block-start-width: 0 !important; }
  .qpanel:first-child { border-block-start-width: 1px !important; }
}
@media (prefers-reduced-motion: reduce) { .service-card, .qpanel, .collab-chip { transition: none !important; } }
.trust-blob { display: none !important; }