/* ============================================================
   ليڤانت غيت — هوية الصفحة الرئيسية
   الألوان مأخوذة من ليڤانت هوست ومطابقة لدليل الاستخدام:
   الأزرق #0774FF · العميق #033AA7 · الأغمق #022C7E · الكهرماني #FFC107
   ============================================================ */

@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-arabic-400-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+FB50-FDFF,U+FE70-FEFC;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-arabic-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-arabic-600-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+FB50-FDFF,U+FE70-FEFC;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-arabic-700-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+FB50-FDFF,U+FE70-FEFC;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-arabic-700-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;}

:root{
  --lg-blue:#0774ff; --lg-blue-deep:#033aa7; --lg-blue-darker:#022c7e;
  --lg-blue-light:#308bff; --lg-blue-50:#f3f7ff;
  --lg-amber:#ffc107; --lg-amber-dark:#e0a800;
  --lg-ink:#20304b; --lg-text:#2d3c58; --lg-muted:#5b6783;
  --lg-border:#e6ecfb;
}

/* ---- شريط ليڤانت غيت العلوي (مُقدَّم من الخادم لا بجافاسكربت) ---- */
.lg-brand{
  display:flex; align-items:center; gap:.35rem;
  padding:0 14px; font-size:1.2rem; font-weight:700;
  color:var(--color-text)!important; text-decoration:none; white-space:nowrap;
  letter-spacing:-.2px; direction:ltr;
}
/* كلمة Git بالأزرق. اللون الفاتح للسمة الداكنة حتى يبقى مقروءًا */
.lg-brand .lg-brand__git{color:var(--lg-blue);}
[data-theme="gitea-dark"] .lg-brand .lg-brand__git{color:var(--lg-blue-light);}
@media (prefers-color-scheme: dark){
  [data-theme="gitea-auto"] .lg-brand .lg-brand__git{color:var(--lg-blue-light);}
}

/* ---- الصفحة الرئيسية ---- */
.lg-landing{
  font-family:'IBM Plex Sans Arabic','Noto Sans Arabic',system-ui,sans-serif;
  direction:rtl; text-align:right;
  /* ألوان صريحة: الصفحة لا ترث سمة Gitea (gitea-auto قد تكون داكنة) */
  background:#ffffff; color:var(--lg-text);
  line-height:1.9; width:100%; margin:0;
}
/* شريط علوي خاص بالصفحة الرئيسية */
.lg-topbar{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:1rem; padding:1.1rem 0 2.2rem;
}
.lg-topbar__brand{
  font-size:1.6rem; font-weight:700; color:#fff !important; text-decoration:none;
}
.lg-topbar__brand span{color:var(--lg-amber);}
.lg-topbar__nav{display:flex; align-items:center; flex-wrap:wrap; gap:.4rem 1.3rem;}
.lg-topbar__nav a{
  color:rgba(255,255,255,.94) !important; text-decoration:none;
  font-size:.98rem; font-weight:600;
}
.lg-topbar__nav a:hover{color:var(--lg-amber) !important;}
.lg-topbar__nav a.lg-topbar__cta{
  padding:.42rem 1rem; border:1px solid rgba(255,255,255,.55); border-radius:.4rem;
}
.lg-topbar__nav a.lg-topbar__cta:hover{background:rgba(255,255,255,.14); color:#fff !important;}
.lg-landing *{box-sizing:border-box;}
.lg-wrap{max-width:1140px; margin:0 auto; padding:0 1.5rem;}

.lg-hero{
  padding-top:0 !important;
  background:linear-gradient(160deg,var(--lg-blue-darker) 0%,var(--lg-blue-deep) 55%,var(--lg-blue) 100%);
  color:#fff; padding:1.5rem 0 4rem;
}
.lg-hero__eyebrow{
  display:inline-block; margin-bottom:1rem; padding:.25rem .8rem;
  border:1px solid rgba(255,255,255,.35); border-radius:999px;
  font-size:.85rem; color:var(--lg-amber);
}
.lg-hero h1{
  margin:0 0 .6rem; font-size:clamp(2rem,5vw,3.1rem); font-weight:700;
  line-height:1.35; color:#fff;
}
.lg-hero h2{
  margin:0 0 1.1rem; font-size:clamp(1.05rem,2.4vw,1.4rem); font-weight:600;
  color:var(--lg-amber); line-height:1.6;
}
.lg-hero__lead{max-width:44rem; font-size:1.06rem; color:rgba(255,255,255,.94); margin:0 0 1.8rem;}
.lg-cta{display:flex; flex-wrap:wrap; gap:.7rem;}
.lg-btn{
  display:inline-block; padding:.7rem 1.5rem; border-radius:.45rem;
  font-weight:700; font-size:1rem; text-decoration:none; border:1px solid transparent;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.lg-btn--primary{background:var(--lg-amber); color:var(--lg-ink)!important;}
.lg-btn--primary:hover{background:#ffd454; transform:translateY(-1px);}
.lg-btn--ghost{background:transparent; color:#fff!important; border-color:rgba(255,255,255,.55);}
.lg-btn--ghost:hover{background:rgba(255,255,255,.14); border-color:#fff;}

.lg-section{padding:3.5rem 0; background:#ffffff;}
.lg-section--alt{background:var(--lg-blue-50);}
.lg-section h2{
  margin:0 0 .6rem; font-size:clamp(1.4rem,3vw,1.9rem); font-weight:700; color:var(--lg-blue-deep);
}
.lg-section__lead{max-width:46rem; margin:0 0 2rem; color:var(--lg-muted);}

.lg-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:1.1rem;}
.lg-card{
  background:#fff; border:1px solid var(--lg-border); border-radius:.6rem;
  padding:1.3rem 1.4rem; transition:border-color .15s ease,box-shadow .15s ease;
}
.lg-card:hover{border-color:var(--lg-blue); box-shadow:0 .3rem 1rem rgba(7,116,255,.1);}
.lg-card h3{margin:0 0 .5rem; font-size:1.06rem; font-weight:700; color:var(--lg-ink);}
.lg-card p{margin:0; color:var(--lg-muted); font-size:.95rem;}

.lg-steps{counter-reset:s; display:grid; grid-template-columns:repeat(auto-fit,minmax(16rem,1fr)); gap:1.1rem;}
.lg-step{position:relative; background:#fff; border:1px solid var(--lg-border); border-radius:.6rem; padding:1.3rem 1.4rem;}
.lg-step::before{
  counter-increment:s; content:counter(s);
  display:flex; align-items:center; justify-content:center;
  width:1.9rem; height:1.9rem; margin-bottom:.6rem; border-radius:50%;
  background:var(--lg-blue); color:#fff; font-weight:700; font-size:.95rem;
}
.lg-step h3{margin:0 0 .4rem; font-size:1.02rem; color:var(--lg-ink);}
.lg-step p{margin:0; color:var(--lg-muted); font-size:.94rem;}
.lg-step code{
  direction:ltr; unicode-bidi:isolate; display:inline-block;
  background:var(--lg-blue-50); border:1px solid var(--lg-border); border-radius:.3rem;
  padding:.05rem .35rem; font-size:.86rem; color:var(--lg-blue-deep);
}

.lg-split{display:grid; grid-template-columns:1fr; gap:1.6rem; align-items:start;}
@media(min-width:52em){.lg-split{grid-template-columns:1.25fr 1fr; gap:2.5rem;}}

.lg-panel{
  background:var(--lg-blue-deep); color:#fff; border-radius:.7rem; padding:1.7rem 1.8rem;
}
.lg-panel h3{margin:0 0 .6rem; color:var(--lg-amber); font-size:1.1rem;}
.lg-panel p{margin:0 0 1rem; color:rgba(255,255,255,.92); font-size:.96rem;}
.lg-panel a.lg-btn{font-size:.94rem; padding:.55rem 1.1rem;}

.lg-faq{max-width:52rem;}
.lg-faq details{
  border:1px solid var(--lg-border); border-radius:.5rem; background:#fff;
  padding:.85rem 1.1rem; margin-bottom:.6rem;
}
.lg-faq details[open]{border-color:var(--lg-blue);}
.lg-faq summary{cursor:pointer; font-weight:700; color:var(--lg-ink); font-size:1rem;}
.lg-faq p{margin:.7rem 0 0; color:var(--lg-muted); font-size:.95rem;}

.lg-foot{background:var(--lg-blue-darker); color:#fff; padding:2.5rem 0 2rem;}
.lg-foot a{color:var(--lg-amber); text-decoration:none;}
.lg-foot a:hover{text-decoration:underline;}
.lg-foot__cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)); gap:1.5rem; margin-bottom:1.4rem;}
.lg-foot h4{margin:0 0 .5rem; color:var(--lg-amber); font-size:.95rem;}
.lg-foot p,.lg-foot li{color:rgba(255,255,255,.9); font-size:.92rem; margin:0 0 .3rem;}
.lg-foot ul{list-style:none; margin:0; padding:0;}
.lg-foot__bar{
  border-top:1px solid rgba(255,255,255,.18); padding-top:1rem;
  font-size:.86rem; color:rgba(255,255,255,.8);
}


/* ============================================================
   حصانة من السمة الداكنة: Gitea يعمل بـ gitea-auto فيتبع نظام الزائر.
   الصفحة الرئيسية تفرض ألوانها الفاتحة صراحةً حتى تبقى مقروءة دائمًا.
   ============================================================ */
.lg-landing, .lg-landing p, .lg-landing li, .lg-landing span{color:var(--lg-text);}
.lg-landing h1, .lg-landing h2, .lg-landing h3, .lg-landing h4{color:var(--lg-ink);}
.lg-section h2{color:var(--lg-blue-deep) !important;}
.lg-section__lead{color:var(--lg-muted) !important;}
.lg-card{background:#ffffff !important; border-color:var(--lg-border) !important;}
.lg-card h3{color:var(--lg-ink) !important;}
.lg-card p{color:var(--lg-muted) !important;}
.lg-step{background:#ffffff !important; border-color:var(--lg-border) !important;}
.lg-step h3{color:var(--lg-ink) !important;}
.lg-step p{color:var(--lg-muted) !important;}
.lg-faq details{background:#ffffff !important; border-color:var(--lg-border) !important;}
.lg-faq summary{color:var(--lg-ink) !important;}
.lg-faq p{color:var(--lg-muted) !important;}
.lg-section--alt{background:var(--lg-blue-50) !important;}

/* الأبيض داخل المناطق الملوّنة يبقى أبيض */
.lg-hero, .lg-hero h1, .lg-hero h2, .lg-hero p, .lg-hero span,
.lg-panel, .lg-panel p,
.lg-foot, .lg-foot p, .lg-foot li, .lg-foot h4{color:#fff;}
.lg-hero h2, .lg-hero__eyebrow, .lg-panel h3, .lg-foot h4{color:var(--lg-amber) !important;}
.lg-hero__lead{color:rgba(255,255,255,.94) !important;}
.lg-panel p{color:rgba(255,255,255,.92) !important;}
.lg-foot p, .lg-foot li{color:rgba(255,255,255,.9) !important;}
.lg-foot a{color:var(--lg-amber) !important;}
.lg-btn--primary{color:var(--lg-ink) !important;}
.lg-btn--ghost{color:#fff !important;}

/* المصطلحات اللاتينية داخل الجملة العربية معزولة بـ <bdi> حتى لا تُعيد
   خوارزمية الاتجاهين ترتيب الفواصل وعلامات الترقيم حولها عند الالتفاف. */
.lg-landing bdi{ font:inherit; color:inherit; unicode-bidi:isolate; }