/* naqlakpro.com — إضافات على ثيم mtemps7 (الألوان والمسافات من التوكنز بس) */

/* لماذا تختارنا: كروت بعنوان وفقرة جوه قايمة "ورا الكواليس" */
.nk-values li { align-items: start; }
.nk-values li > span:nth-child(2) { display: grid; gap: var(--mtemps7-sp-1); }
.nk-card-title { margin: 0; font-size: var(--mtemps7-fs-md); line-height: 1.45; }
.nk-card-text { margin: 0; color: var(--mtemps7-muted); font-size: var(--mtemps7-fs-sm); line-height: 1.85; }
@media (min-width: 960px) { .mtemps7-abo-shot { position: sticky; inset-block-start: 6.5rem; } }
/* موبايل: الأيقونة جنب العنوان، والفقرة بعرض الكارت كله، ومن غير عمود الرقم */
@media (max-width: 639px) {
  .nk-values li { grid-template-columns: auto 1fr; align-items: center; row-gap: var(--mtemps7-sp-2); }
  .nk-values li::after { display: none; }
  .nk-values li > span:nth-child(2) { display: contents; }
  .nk-values .nk-card-text { grid-column: 1 / -1; }
}

/* أزرار الهيرو: نص الزرار الأساسي طويل (الكلمة + تواصل واتساب) فبيلف بدل ما يتقص */
.mtemps7-hro-btns .mtemps7-ui-btn { white-space: normal; text-align: center; line-height: 1.4; }
@media (max-width: 639px) { .mtemps7-hro-btns { flex-direction: column; align-items: stretch; } .mtemps7-hro-btns .mtemps7-ui-btn { width: 100%; justify-content: center; } }

/* الآراء: من غير صور ولا نجوم */
.nk-tst-note { margin: 0; color: var(--mtemps7-muted); font-size: var(--mtemps7-fs-sm); line-height: 1.8; }
.nk-tst-avatar { display: grid; place-items: center; flex-shrink: 0; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--mtemps7-deep); color: var(--mtemps7-accent); font-weight: var(--mtemps7-fw-bold); }

/* زرار "كل الخدمات" تحت كروت الخدمات */
.nk-more { margin: var(--mtemps7-sp-6) 0 0; text-align: center; }

/* قايمة "المزيد" في الهيدر: من غير كادر الصورة */
.nk-hdr-dd--small .mtemps7-hdr-dd-in { grid-template-columns: 1fr; }
@media (min-width: 1100px) { .mtemps7-hdr-dd.nk-hdr-dd--small { width: 20rem; } }

/* الصفحات الثابتة والمقالات */
.nk-prose-wrap { display: grid; gap: var(--mtemps7-sp-6); }
@media (min-width: 960px) { .nk-prose-wrap:has(.nk-aside) { grid-template-columns: minmax(0, 1fr) 17rem; align-items: start; } }
.nk-prose { max-width: 46rem; line-height: 1.95; }
.nk-prose h2 { margin: var(--mtemps7-sp-7) 0 var(--mtemps7-sp-3); font-size: var(--mtemps7-fs-xl); line-height: 1.4; scroll-margin-block-start: 6.5rem; }
.nk-prose h2:first-child { margin-block-start: 0; }
.nk-prose p { margin: 0 0 var(--mtemps7-sp-4); }
.nk-prose ol, .nk-prose ul:not([role]) { margin: 0 0 var(--mtemps7-sp-4); padding-inline-start: 1.4em; }
.nk-prose li { margin-block-end: var(--mtemps7-sp-2); }
.nk-prose a:not(.mtemps7-ui-btn) { color: var(--mtemps7-primary); text-decoration: underline; text-underline-offset: 0.2em; }
.nk-figure { margin: 0 0 var(--mtemps7-sp-5); }
.nk-figure .mtemps7-ui-media { --mtemps7-ratio: 4 / 3; border-radius: var(--mtemps7-r-md); }
.nk-table { overflow-x: auto; margin: 0 0 var(--mtemps7-sp-5); }
.nk-table table { width: 100%; border-collapse: collapse; font-size: var(--mtemps7-fs-sm); background: var(--mtemps7-surface, #fff); }
.nk-table th, .nk-table td { padding: var(--mtemps7-sp-2) var(--mtemps7-sp-3); border: var(--mtemps7-hair) solid var(--mtemps7-line-2); text-align: start; vertical-align: top; }
.nk-table thead th { background: var(--mtemps7-deep); color: var(--mtemps7-on-deep, #fff); }
.nk-link-list { display: grid; gap: var(--mtemps7-sp-3); margin: 0; padding: 0; list-style: none; }
.nk-link-list a { display: grid; gap: var(--mtemps7-sp-1); padding: var(--mtemps7-sp-4); border: var(--mtemps7-hair) solid var(--mtemps7-line-2); border-radius: var(--mtemps7-r-md); background: var(--mtemps7-surface, #fff); color: inherit; text-decoration: none; transition: border-color var(--mtemps7-dur-2, .2s); }
.nk-link-list a:hover, .nk-link-list a:focus-visible { border-color: var(--mtemps7-accent); }
.nk-link-list strong { font-size: var(--mtemps7-fs-md); }
.nk-link-list small { color: var(--mtemps7-muted); font-size: var(--mtemps7-fs-sm); line-height: 1.7; }
.nk-aside { padding: var(--mtemps7-sp-4); border-inline-start: 3px solid var(--mtemps7-accent); background: var(--mtemps7-surface, #fff); border-radius: var(--mtemps7-r-sm); }
@media (min-width: 960px) { .nk-aside { position: sticky; inset-block-start: 6.5rem; } }
.nk-aside-title { margin: 0 0 var(--mtemps7-sp-2); font-weight: var(--mtemps7-fw-bold); }
.nk-aside ol { margin: 0; padding-inline-start: 1.2em; font-size: var(--mtemps7-fs-sm); line-height: 1.8; }
.nk-aside a { color: inherit; }