/* ============================================================
   ثيم فيصل تك — الكحلي والذهبي
   نفس الهوية المستعملة في faisaltech.net:
   الكحلي للبنية والثقة، والذهبي للتمييز وحده لا للنص الكثير.
   ============================================================ */
:root{
  /* الهوية */
  --navy:#071A33; --navy-2:#0B294E; --navy-3:#123A6B;
  --gold:#C6A15B; --gold-2:#E2C584; --gold-soft:#F7EEDC;

  /* متغيرات القالب */
  --primary:#123A6B;  --primary-dark:#0B294E;  --primary-soft:#EAF1FC;
  --accent:#C6A15B;

  --bg:#F5F7FB;  --card:#FFFFFF;  --text:#13243B;  --muted:#5F6D7C;  --border:#E2E8F0;

  --header-bg:#FFFFFF;
  --nav-bg:var(--navy);        --nav-text:#FFFFFF;
  --top-bg:#04101F;            --top-text:#8FA3BC;
  --footer-bg:var(--navy);     --footer-text:#8FA3BC;

  --radius:14px;
  --shadow:0 1px 2px rgba(19,36,59,.04),0 10px 30px rgba(19,36,59,.07);
}

/* ── الهوية في الترويسة ── */
.brand-icon{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:var(--navy); border-radius:16px; font-size:1.25rem;
}
.brand-text b{color:var(--navy)}

/* ── القائمة: خط ذهبي تحت العنصر النشط ── */
.mainnav{box-shadow:0 2px 14px rgba(7,26,51,.18)}
.mainnav a{position:relative}
.mainnav a:hover{background:rgba(198,161,91,.16)}
.mainnav a.active,.mainnav li.active>a{background:rgba(198,161,91,.16)}
.mainnav a.active::after,.mainnav li.active>a::after{
  content:"";position:absolute;inset-inline:12px;bottom:0;height:2px;background:var(--gold);
}

/* ── الشريط العلوي والفوتر ── */
.topbar a:hover,.footer a:hover{color:var(--gold-2)}
.footer{border-top:3px solid var(--gold)}
.footer h3,.footer-blocks h3{color:#fff}

/* ── العناوين: الأيقونة ذهبية والنص كحلي ── */
.box-head h2{color:var(--navy)}
.box-head h2 i{color:var(--gold)}

/* ── بطاقات المواقع ── */
.site-card:hover{border-color:var(--gold);box-shadow:0 8px 24px rgba(19,36,59,.10)}
.site-card.is-featured{background:linear-gradient(0deg,var(--card),var(--gold-soft));border-color:#EBDCBE}
.badge-feat{background:var(--gold-soft);color:#8D6828;border:1px solid #EBDCBE}
.badge-pin{background:var(--primary-soft);color:var(--primary);border:1px solid #CBDDF7}

/* ── الأزرار ── */
.btn{border-radius:10px}
.visit-btn{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:var(--navy);border-color:transparent;font-weight:700;
}
.visit-btn:hover{filter:brightness(1.05);color:var(--navy)}

/* ── الاقتباس والإحصاءات ── */
.quote{
  background:linear-gradient(135deg,var(--navy),var(--navy-3));
  color:#E8EEF6;border-inline-start:4px solid var(--gold);
}
.quote .q-type{background:rgba(198,161,91,.22);color:var(--gold-2)}
.site-url,.site-page-url{color:#2E7D55}
.stats b,.stats strong{color:var(--navy)}

/* ── الأقسام ── */
.cat-card:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(19,36,59,.09)}
.cat-head i{background:var(--gold-soft);color:#8D6828}
.cat-head a:hover{color:var(--navy-3)}

/* ── الترقيم والتقييم ── */
.page-item.active .page-link{background:var(--navy);border-color:var(--navy);color:#fff}
.stars{color:var(--gold)}

/* ── نموذج البحث ── */
.search-form .btn{background:var(--navy);border-color:var(--navy);color:#fff}
.search-form .btn:hover{background:var(--navy-3);border-color:var(--navy-3)}