/* ── صفحة الروابط (/links، links.php) ───────────────────────────────────────
   وجهة الباركود: عمودٌ واحد مريح للهاتف، وعلى الحاسوب بطاقة الرمز بجانبه. فاتحة كالرئيسية،
   فوق aurora.css (المتغيّرات والخطوط) بلا سكربت. الأصناف بسابقة lk- (حقيقة 30.5). */
.page-links { background: var(--brand-mist); color: var(--ink); }
.page-links .canvas { display: none; }

.lk {
  min-block-size: 100dvh; display: flex; justify-content: center; align-items: flex-start; gap: 40px;
  padding: 28px 16px 48px;
  background:
    radial-gradient(60% 40% at 50% 0%, rgba(0,53,230,.12), transparent 70%),
    radial-gradient(40% 30% at 100% 100%, rgba(42,208,200,.12), transparent 70%);
}
.lk-col { inline-size: 100%; max-inline-size: 520px; display: flex; flex-direction: column; gap: 22px; }

/* الرأس */
.lk-head { position: relative; text-align: center; padding-block-start: 18px; }
.lk-langs { position: absolute; inset-block-start: 0; inset-inline-end: 0; display: flex; gap: 6px; }
.lk-langs a {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
  font-size: 13.5px; font-weight: 700; color: var(--brand); text-decoration: none;
  background: #fff; box-shadow: 0 4px 14px rgba(17,24,50,.08);
}
.lk-langs a:hover { background: var(--brand); color: #fff; }
.lk-logo {
  display: grid; place-items: center; inline-size: 88px; block-size: 88px; margin: 20px auto 14px;
  border-radius: 26px; background: #fff; box-shadow: 0 16px 40px rgba(0,53,230,.16), 0 0 0 1px rgba(17,24,50,.05);
}
.lk-logo svg { inline-size: 52px; block-size: 52px; }
.lk-head h1 { margin: 0; font-size: clamp(24px, 6vw, 30px); font-weight: 800; color: var(--ink); }
.lk-head p { margin: 8px auto 0; max-inline-size: 40ch; font-size: 15px; line-height: 1.7; color: var(--dim); }

/* الأقسام */
.lk-sec { display: flex; flex-direction: column; gap: 10px; }
.lk-h { margin: 0; font-size: 15px; font-weight: 800; color: var(--dim); letter-spacing: .01em; }
.lk-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }

/* زرّ رابط: أيقونة بلون المنصّة (--c) في مربّع، والاسم، وسهم */
.lk-btn {
  --c: var(--brand);
  display: flex; align-items: center; gap: 14px; min-block-size: 60px; padding: 10px 14px;
  border-radius: 16px; background: #fff; color: var(--ink); text-decoration: none;
  box-shadow: 0 6px 18px rgba(17,24,50,.06), 0 0 0 1px rgba(17,24,50,.05);
  transition-property: box-shadow, translate; transition-duration: .2s;
}
.lk-btn:hover { translate: 0 -2px; box-shadow: 0 12px 28px rgba(17,24,50,.1), 0 0 0 1px var(--c); }
.lk-btn:focus-visible { outline: 3px solid var(--brand-soft); outline-offset: 2px; }
.lk-btn > i {
  flex: none; display: grid; place-items: center; inline-size: 42px; block-size: 42px; border-radius: 12px;
  font-size: 20px; color: #fff; background: var(--c);
}
.lk-btn > span { flex: 1; min-inline-size: 0; display: flex; flex-direction: column; font-size: 16px; font-weight: 700; line-height: 1.4; }
.lk-btn small { font-size: 13.5px; font-weight: 400; color: var(--dim); text-align: left; overflow-wrap: anywhere; }
/* الرقم والبريد dir="ltr" فبدايتهما يسار؛ في العربية يُحاذيان العنوان فوقهما */
[dir="rtl"] .lk-btn small { text-align: right; }
.lk-btn::after {
  content: "\f054"; font: var(--fa-font-solid); font-size: 13px; color: var(--dim); flex: none;
}
[dir="rtl"] .lk-btn::after { content: "\f053"; }

/* الفروع والوكلاء: محافظةٌ مطويّة لكلٍّ */
.lk-gov { border-radius: 16px; background: #fff; box-shadow: 0 6px 18px rgba(17,24,50,.06), 0 0 0 1px rgba(17,24,50,.05); overflow: hidden; }
.lk-gov summary {
  display: flex; align-items: center; gap: 10px; padding: 14px 16px; cursor: pointer; list-style: none;
  font-size: 16px; font-weight: 800;
}
.lk-gov summary::-webkit-details-marker { display: none; }
.lk-gov summary span { flex: 1; }
.lk-gov summary b {
  min-inline-size: 26px; padding: 2px 8px; border-radius: 999px; text-align: center;
  font-size: 13px; color: var(--brand); background: rgba(0,53,230,.08);
}
.lk-gov summary::after { content: "\f078"; font: var(--fa-font-solid); font-size: 12px; color: var(--dim); transition: rotate .2s; }
.lk-gov[open] summary::after { rotate: 180deg; }
.lk-gov summary:focus-visible { outline: 3px solid var(--brand-soft); outline-offset: -3px; }
.lk-places { list-style: none; margin: 0; padding: 0 16px 6px; }
.lk-place { padding-block: 12px; border-block-start: 1px solid rgba(17,24,50,.08); }
.lk-place strong { display: block; font-size: 15.5px; }
.lk-place p { margin: 4px 0 0; font-size: 14px; line-height: 1.65; color: var(--dim); }
.lk-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 10px; }
.lk-acts a {
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 10px;
  font-size: 13.5px; font-weight: 700; color: var(--brand); text-decoration: none; background: rgba(0,53,230,.07);
}
.lk-acts a:hover { background: var(--brand); color: #fff; }

.lk-site {
  display: flex; justify-content: center; align-items: center; gap: 8px; min-block-size: 54px; border-radius: 16px;
  font-size: 16px; font-weight: 800; color: #fff; text-decoration: none;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow: 0 14px 32px rgba(0,53,230,.25);
}
.lk-site:hover { filter: brightness(1.06); }

/* تحميل الباركود: في بطاقة الرمز للحاسوب، وسطرٌ أسفل العمود للهاتف (.lk-dl-m) */
.lk-dl { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.lk-dl a {
  display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px;
  font-size: 13.5px; font-weight: 700; color: var(--brand); text-decoration: none; background: rgba(0,53,230,.07);
}
.lk-dl a:hover { background: var(--brand); color: #fff; }
.lk-dl a:focus-visible { outline: 3px solid var(--brand-soft); outline-offset: 2px; }

/* بطاقة الرمز: للحاسوب وحده — على الهاتف الزائر وصل أصلاً */
.lk-qr { display: none; }
@media (min-width: 900px) {
  .lk { padding-block-start: 56px; }
  .lk-qr {
    display: block; position: sticky; inset-block-start: 56px; inline-size: 280px; padding: 28px 24px; text-align: center;
    border-radius: 24px; background: #fff; box-shadow: 0 20px 50px rgba(17,24,50,.1), 0 0 0 1px rgba(17,24,50,.05);
  }
  .lk-qr img { display: block; inline-size: 220px; block-size: 220px; margin-inline: auto; }
  .lk-qr h2 { margin: 16px 0 6px; font-size: 18px; font-weight: 800; }
  .lk-qr p { margin: 0; font-size: 14px; line-height: 1.7; color: var(--dim); }
  .lk-qr .lk-dl { margin-block-start: 16px; }
  .lk-dl-m { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .lk-btn, .lk-gov summary::after { transition: none; }
  .lk-btn:hover { translate: none; }
}