/* ============================================================
   ألوان ليڤانت هوست — الأزرق #0774FF (والعميق #033AA7) والكهرماني #FFC107
   مصدرها tokens.css في موقع levanthost.com
   ============================================================ */

:root,
[data-md-color-scheme="default"] {
  --lg-blue:        #0774ff;
  --lg-blue-deep:   #033aa7;
  --lg-blue-darker: #022c7e;
  --lg-blue-light:  #308bff;
  --lg-blue-700:    #0755f0;
  --lg-blue-50:     #f3f7ff;
  --lg-amber:       #ffc107;
  --lg-amber-dark:  #e0a800;

  --md-primary-fg-color:         var(--lg-blue);
  --md-primary-fg-color--light:  var(--lg-blue-light);
  --md-primary-fg-color--dark:   var(--lg-blue-deep);
  --md-primary-bg-color:         #ffffff;
  --md-primary-bg-color--light:  rgba(255, 255, 255, 0.7);
  --md-accent-fg-color:          var(--lg-blue-deep);
  --md-accent-fg-color--transparent: rgba(7, 116, 255, 0.1);
  --md-typeset-a-color:          var(--lg-blue);
  --md-footer-bg-color:          var(--lg-blue);
  --md-footer-bg-color--dark:    var(--lg-blue-deep);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        var(--lg-blue);
  --md-primary-fg-color--light: var(--lg-blue-light);
  --md-primary-fg-color--dark:  var(--lg-blue-deep);
  --md-accent-fg-color:         var(--lg-blue-light);
  --md-typeset-a-color:         var(--lg-blue-light);
  --md-footer-bg-color:         var(--lg-blue);
  --md-footer-bg-color--dark:   var(--lg-blue-deep);

  /* ------------------------------------------------------------
     الوضع الداكن: Material يخفّف ألوان النص افتراضيًّا فتبدو رمادية.
     العناوين تأخذ لونها من fg-color--light بشفافية ٦٢٪ (تباين 4.6:1)،
     والنص الثانوي من fg-color--lighter بشفافية ٣٢٪ (تباين 2.3:1 — راسب).
     نرفعها هنا إلى قيم معتمة مقروءة.
     ------------------------------------------------------------ */
  --md-default-fg-color:          #f2f4fa;   /* 11.9:1 */
  --md-default-fg-color--light:   #ffffff;   /* العناوين — 13.1:1 */
  --md-default-fg-color--lighter: #c3c9dd;   /*  7.9:1 */
  --md-default-fg-color--lightest: rgba(255,255,255,.22);
  --md-typeset-color:             #f2f4fa;
}

/* العناوين بيضاء صريحة: Material يعيّن h1 إلى fg-color--light مباشرةً */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: #ffffff;
}

/* نصوص ثانوية تظهر أيضًا بالرمادي الباهت في الوضع الداكن */
[data-md-color-scheme="slate"] .md-typeset,
[data-md-color-scheme="slate"] .md-typeset p,
[data-md-color-scheme="slate"] .md-typeset li,
[data-md-color-scheme="slate"] .md-typeset td,
[data-md-color-scheme="slate"] .md-typeset th {
  color: #f2f4fa;
}
[data-md-color-scheme="slate"] .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__title {
  color: #dfe4f2;
}
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:focus,
[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: var(--lg-blue-light);
}
[data-md-color-scheme="slate"] .md-typeset .headerlink {
  color: rgba(255,255,255,.4);
}

/* ============================================================
   التذييل — إعادة تصميم. الخلفية #033AA7 لأن الأبيض عليها بنسبة تباين
   9.7:1، بينما على #0774FF لا تتجاوز 4.2:1 ونصّ Material الافتراضي 2.5:1.
   ============================================================ */

.md-footer-meta {
  background: var(--lg-blue-deep);
}

.md-footer-meta {
  --md-footer-fg-color: #ffffff;
  --md-footer-fg-color--light: rgba(255, 255, 255, 0.92);
  --md-footer-fg-color--lighter: rgba(255, 255, 255, 0.78);
}

.md-footer-meta__inner {
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}

.md-social {
  padding: 0 0 1rem;
  opacity: 1;
}

.md-social__link {
  color: rgba(255, 255, 255, 0.85);
}

.md-social__link:hover {
  color: var(--lg-amber);
}

.lg-footer {
  color: #ffffff;
  font-size: 0.64rem;
  line-height: 1.85;
}

.lg-footer__cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
  padding: 1.8rem 0 1.4rem;
}

@media screen and (min-width: 45em) {
  .lg-footer__cols {
    grid-template-columns: 1.5fr 1fr 1.4fr;
    gap: 2.2rem;
  }
}

.lg-footer__logo {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 0.4rem;
}

.lg-footer__title {
  margin: 0 0 0.55rem;
  font-size: 0.66rem;
  font-weight: 700;
  color: var(--lg-amber);
}

.lg-footer__desc {
  margin: 0 0 0.9rem;
  color: rgba(255, 255, 255, 0.9);
  max-width: 30rem;
}

.lg-footer__desc--tight {
  margin-bottom: 0.7rem;
}

.lg-footer__desc strong {
  color: #ffffff;
}

.lg-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lg-footer__list li {
  margin: 0 0 0.28rem;
}

.lg-footer__list a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.lg-footer__list a:hover,
.lg-footer__list a:focus {
  color: #ffffff;
  border-bottom-color: var(--lg-amber);
}

.lg-footer__list--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 0.9rem;
  margin-top: 0.85rem;
  font-size: 0.6rem;
}

.lg-footer__list--inline li {
  margin: 0;
}

.lg-footer__list--inline a {
  color: rgba(255, 255, 255, 0.78);
}

.lg-footer__btn {
  display: inline-block;
  padding: 0.34rem 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 0.35rem;
  color: #ffffff !important;
  font-size: 0.62rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.lg-footer__btn:hover,
.lg-footer__btn:focus {
  background: rgba(255, 255, 255, 0.14);
  border-color: #ffffff;
}

.lg-footer__btn--accent {
  background: var(--lg-amber);
  border-color: var(--lg-amber);
  color: #20304b !important;
}

.lg-footer__btn--accent:hover,
.lg-footer__btn--accent:focus {
  background: #ffd454;
  border-color: #ffd454;
  color: #20304b !important;
}

.lg-footer__bottom {
  padding: 0.85rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.6rem;
}


/* ليڤانت غيت — تحسينات العربية و RTL فوق Material for MkDocs */

:root {
  --md-text-font: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --md-code-font: "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;
}

/* تباعد أسطر أريح للنص العربي */
.md-typeset {
  line-height: 1.85;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 700;
}

/* كل ما هو كود يبقى من اليسار إلى اليمين */
.md-typeset pre,
.md-typeset pre > code,
.md-typeset .highlight,
.md-typeset .highlighttable,
.md-typeset kbd,
.md-typeset .keys {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

.md-typeset code {
  direction: ltr;
  unicode-bidi: isolate;
}

/* جداول فيها مصطلحات إنجليزية وأوامر: تبقى الخلية قابلة للقراءة */
.md-typeset table:not([class]) td code,
.md-typeset table:not([class]) th code {
  white-space: nowrap;
}

/* شعار العنوان */
.md-header__title {
  font-weight: 700;
}

/* الروابط الخارجية والمسارات داخل النص */
.md-typeset a[href^="http"] code {
  direction: ltr;
}

/* بطاقات الصفحة الرئيسية */
.lg-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.lg-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  background: var(--md-default-bg-color);
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.lg-card:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.08);
}

.lg-card h3 {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

.lg-card p {
  margin: 0 0 0.5rem;
}

/* ---- قسم الذكاء الاصطناعي في الصفحة الرئيسية ---- */

.lg-ai {
  margin: 1.25rem 0 1.75rem;
  padding: 1rem 1.15rem 1.15rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-inline-start: 3px solid var(--lg-blue);
  border-radius: 0.5rem;
  background: var(--lg-blue-50);
}

[data-md-color-scheme="slate"] .lg-ai {
  background: rgba(7, 116, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.12);
  border-inline-start-color: var(--lg-blue-light);
}

.lg-ai > p:first-child {
  margin-top: 0;
}

.md-typeset .lg-btn {
  display: inline-block;
  margin: 0.35rem 0 0;
  padding: 0.42rem 1rem;
  border: 1px solid var(--lg-blue);
  border-radius: 0.35rem;
  background: var(--lg-blue);
  color: #ffffff !important;
  font-size: 0.7rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.15s ease;
}

.md-typeset .lg-btn:hover,
.md-typeset .lg-btn:focus {
  background: var(--lg-blue-deep);
  border-color: var(--lg-blue-deep);
}

.md-typeset .lg-btn--ghost {
  background: transparent;
  color: var(--lg-blue) !important;
}

.md-typeset .lg-btn--ghost:hover,
.md-typeset .lg-btn--ghost:focus {
  background: rgba(7, 116, 255, 0.1);
  color: var(--lg-blue-deep) !important;
}

[data-md-color-scheme="slate"] .md-typeset .lg-btn--ghost {
  color: var(--lg-blue-light) !important;
  border-color: var(--lg-blue-light);
}