/* ==========================================================================
   17) نسخة Blade — تعديلات طلبها العميل (2026-09-07) دون مساس ببقية التصميم
   ========================================================================== */

/* أزرار الهيدر أصغر وأهدأ: زر التحقق ورابط الوكلاء بارتفاع واحد */
.site-header .btn {
  min-width: 0; height: 42px; padding-inline: 22px;
  font-size: 13px; border-radius: 11px;
}
.site-header .nav__trade {
  display: inline-flex; align-items: center; height: 42px; padding-inline: 18px;
  border: 1px solid var(--c-line); border-radius: 11px;
  background: var(--c-card); color: var(--c-navy);
  font-weight: 500; font-size: 13px; line-height: 1;
  transition: border-color .25s var(--ease), background-color .25s var(--ease), color .25s var(--ease);
}
.site-header .nav__trade::after { display: none; }
.site-header .nav__trade:hover { border-color: var(--c-navy); background: #FFFFFF; }
.nav--secondary { gap: 28px; }
.nav--secondary .nav__trade + .btn { margin-inline-start: -16px; }

/* الفوتر بعرض الصفحة كاملًا: الخلفية الكحلية تمتد من الحافة إلى الحافة
   ويبقى المحتوى داخل شبكة الصفحة */
.site-footer { background: var(--c-navy-ink); padding-bottom: 0; margin-top: 100px; }
.footer-card { background: transparent; border-radius: 0; padding: 64px 0 40px; }

@media (max-width: 860px) {
  .site-header .nav__trade { display: none; }
  .site-footer { padding-bottom: 0; margin-top: 56px; }
  .footer-card { padding: 32px 0 24px; }
}

/* العناصر المخفية بالسمة hidden تبقى مخفية ولو كان لها display في التنسيق
   (البطاقات flex والشرائط grid) — الترقيم والتصفية يعتمدان عليها */
[hidden] { display: none !important; }

/* الهيرو أقصر: تقليص الفراغات الرأسية فوق النص وتحته حتى يظهر ما بعده
   من أول شاشة (طلب العميل 2026-09-07 مساءً) */
.hero__title  { margin-top: 136px; }
.hero__action { margin-top: 131px; }
.hero__coin   { margin-top: 36px; }
.home-trust   { margin-top: 56px; }
.home-trade   { margin-top: 72px; }
@media (max-width: 1280px) {
  .hero__title, .hero__action { margin-top: 32px; }
  .hero__coin { margin-top: 16px; }
}
@media (max-width: 860px) {
  .home-trust { margin-top: 32px; }
  .home-trade { margin-top: 48px; }
}

/* الهيدر شفاف وطافٍ فوق الهيرو: لا شريط مستقل فوق الصفحة، والأشعة وخلفية
   الهيرو تمتد خلفه (طلب العميل 2026-09-07 مساءً) */
.site-header { position: absolute; top: 0; inset-inline: 0; z-index: 40; background: transparent; }
.page { padding-top: var(--header-h); }
.home .page { padding-top: 120px; }
@media (max-width: 860px) {
  .home .page { padding-top: var(--header-h); }
}

/* شريط تمرير واحد فقط: body كان حاوية تمرير ثانية بسبب overflow-x: hidden
   (يجعل overflow-y تلقائيًا auto)، فظهر شريط ثانٍ على الجهة الأخرى */
body { overflow: visible; }
body.is-loading { overflow: hidden; }

/* الشعار أنزل قليلًا عن منتصف الهيدر بعد أن صار الهيدر طافيًا */
@media (min-width: 861px) {
  .site-header__logo { top: calc(50% + 7px); transform: translate(50%, -50%); }
}

/* أزرار أصغر وأرشق في الموقع كله، خاصة على الهاتف (طلب العميل 2026-09-07 مساءً).
   الأصل: 52px ارتفاعًا و180px حدًا أدنى للعرض وحشوًا 34px — كبير جدًا في الصف الواحد. */
.btn {
  min-width: 0; height: 44px; padding-inline: 22px;
  font-size: 13.5px; font-weight: 500; letter-spacing: .01em; border-radius: 12px;
}
.btn--primary, .btn--ink { box-shadow: 0 6px 16px rgba(22, 38, 74, .14); }
.btn--primary:hover, .btn--ink:hover { box-shadow: 0 8px 20px rgba(22, 38, 74, .2); transform: translateY(-1px); }
.btn:active { transform: translateY(0); box-shadow: none; }
.btn-row { gap: 10px; }

/* الهيدر: زر التحقق ورابط الوكلاء أصغر من أزرار الصفحة وبلا ظل */
.site-header .btn { height: 38px; padding-inline: 18px; font-size: 12.5px; border-radius: 10px; box-shadow: none; }
.site-header .btn:hover { transform: none; box-shadow: none; }
.site-header .nav__trade { height: 38px; padding-inline: 14px; font-size: 12.5px; border-radius: 10px; }
.nav-drawer .btn { height: 42px; width: auto; align-self: flex-start; }

/* الشرائح والترقيم وشريط التصفية بالمقاس نفسه حتى لا تبدو الأزرار وحدها صغيرة */
.chip { height: 36px; padding-inline: 14px; font-size: 12.5px; }
.fbar__pill { height: 36px; font-size: 12.5px; }
.pager__arrow, .pager__page { height: 34px; min-width: 34px; font-size: 12.5px; }
.pager--compact .pager__arrow, .pager--compact .pager__page { height: 32px; min-width: 32px; }

@media (max-width: 860px) {
  .btn { height: 40px; padding-inline: 16px; font-size: 12.5px; border-radius: 10px; }
  /* الأصل يمدّ الأزرار لعرض الشاشة كلها على الهاتف؛ نتركها بحجم نصها */
  .btn-row { gap: 8px; flex-wrap: wrap; }
  .btn-row .btn { flex: 0 1 auto; }
  .site-header .btn { height: 34px; padding-inline: 13px; font-size: 12px; border-radius: 9px; }
  .nav-drawer .btn { height: 40px; }
  .chip { height: 32px; padding-inline: 12px; font-size: 12px; }
  .fbar__pill { height: 34px; }
}

/* الشهادة: عنوان البيانات، نبذة المنتج، وصندوق خياري الرقم التسلسلي */
.cert-title { margin-top: 28px; text-align: start; font-weight: 600; font-size: 15px; color: var(--c-navy-ink); }
.cert-about { margin-top: 10px; text-align: start; font-weight: 300; font-size: 13px; line-height: 1.8; color: var(--c-muted); }
.cert-options { margin-top: 28px; padding: 22px 24px; border: 1px solid var(--c-line); border-radius: var(--r-tile); background: var(--c-card-soft); text-align: start; }
.cert-options__title { font-weight: 600; font-size: 15px; color: var(--c-navy-ink); }
.cert-options__body { margin-top: 6px; font-weight: 300; font-size: 13px; line-height: 1.8; color: var(--c-muted); }
.cert-options__list { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.cert-options__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.7; color: var(--c-text); }
.cert-options__list .t-number { flex: none; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--c-navy); color: #fff; font-size: 12px; }
.cert-options .serial-form { margin-top: 14px; }
.cert-options .serial-form .btn-row { justify-content: flex-start; margin-top: 14px; }
.cert-matched { margin-top: 16px; padding: 12px 16px; border-radius: 12px; background: rgba(30,107,82,.08); color: var(--c-verified); font-weight: 500; font-size: 13px; text-align: start; }
.state-card .cert-actions { margin-top: 28px; }
@media print { .cert-options, .cert-actions, .cert-matched { display: none !important; } }

/* التحقق بالرقم التسلسلي كبديل للمسح في شاشة المسح */
.serial-lookup { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--c-line); text-align: start; }
.serial-lookup__title { font-weight: 600; font-size: 15px; color: var(--c-navy-ink); }
.serial-lookup__body { margin-top: 6px; font-weight: 300; font-size: 13px; line-height: 1.8; color: var(--c-muted); }
.serial-lookup .serial-form { margin-top: 12px; }
.serial-lookup .serial-form .btn-row { justify-content: flex-start; margin-top: 12px; }
.serial-lookup input { direction: ltr; text-align: start; text-transform: uppercase; letter-spacing: .04em; }
.serial-lookup__error { margin-top: 10px; font-size: 13px; color: var(--c-unavailable); }
.cert-serial-note { margin-top: 16px; padding: 12px 16px; border-radius: 12px; background: rgba(169,118,31,.08); color: var(--c-mismatch); font-weight: 500; font-size: 13px; line-height: 1.7; text-align: start; }
@media print { .cert-serial-note { display: block; } }