/* ==========================================================================
   البوصلة — نظام الخطوط والألوان v2 (معتمد 4 نونبر 2026)
   - Amiri 700         → العناوين (الرئيسي، البطاقات، المقال، الأقسام)
   - Markazi Text 400/600 → متن المقال والمقدمة
   - Cairo 400/600/700 → الواجهة: القائمة، التصنيفات، التواريخ، الأزرار، التذييل
   ========================================================================== */

:root {
  /* العائلات */
  --albs-font-head: "Amiri", "Traditional Arabic", serif;
  --albs-font-body: "Markazi Text", "Traditional Arabic", serif;
  --albs-font:      "Cairo", "Segoe UI", Tahoma, sans-serif;   /* الواجهة */

  /* الألوان */
  --albs-navy: #071B40;
  --albs-navy-deep: #051334;
  --albs-gold: #B4904F;        /* للخطوط والزخارف فقط — لا للنص على الأبيض (تباين 3:1) */
  --albs-gold-text: #876430;   /* ذهبي النص على الأبيض/الورق (5.4:1) */
  --albs-gold-light: #D4B46A;  /* ذهبي النص على الكحلي (8.5:1) */
  --albs-ink: #14161A;
  --albs-muted: #6B7280;       /* 4.8:1 */
  --albs-paper: #FAF8F3;       /* خلفية ورقية دافئة */
  --albs-card: #FFFFFF;
  --albs-rule: rgba(7, 27, 64, .15);

  /* الأحجام — Amiri وMarkazi يبدوان أصغر من حجمهما الاسمي، لذلك رفعناها */
  --fs-meta:    0.8125rem;                                   /* 13 Cairo */
  --fs-label:   0.875rem;                                    /* 14 Cairo */
  --fs-ui:      0.9375rem;                                   /* 15 Cairo */
  --fs-card:    clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);   /* 18→20 Amiri */
  --fs-card-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);      /* 20→24 */
  --fs-section: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);         /* 24→32 */
  --fs-hero:    clamp(1.625rem, 1.3rem + 1.3vw, 2.375rem);   /* 26→38 */
  --fs-h1:      clamp(1.875rem, 1.5rem + 1.5vw, 2.75rem);    /* 30→44 */
  --fs-h2:      clamp(1.375rem, 1.25rem + 0.5vw, 1.625rem);  /* 22→26 */
  --fs-body:    clamp(1.3125rem, 1.25rem + 0.3vw, 1.4375rem); /* 21→23 Markazi (عينه صغيرة) */
  --fs-lead:    clamp(1.375rem, 1.3rem + 0.35vw, 1.5rem);    /* 22→24 */

  --lh-head: 1.55;   /* Amiri صواعده طويلة */
  --lh-ui: 1.35;
  --lh-body: 1.85;
}

/* ---------- القاعدة ---------- */
body {
  font-family: var(--albs-font);
  font-size: var(--fs-ui);
  line-height: 1.6;
  color: var(--albs-ink);
  background: var(--albs-paper);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
}

/* ---------- الرأسية والقائمة ---------- */
.albs-nav { background: var(--albs-navy); }
.albs-nav a { font-family: var(--albs-font); font-size: var(--fs-ui); font-weight: 600; line-height: var(--lh-ui); color: #fff; }
.albs-nav a:hover, .albs-nav a[aria-current] { color: var(--albs-gold-light); }
.albs-ticker__label { background: var(--albs-gold); color: var(--albs-navy-deep); font-weight: 700; font-size: var(--fs-label); }
.albs-ticker__item  { font-weight: 600; font-size: var(--fs-ui); color: #fff; }

/* ---------- عناوين الأقسام: خط رفيع + شرطة ذهبية قصيرة ---------- */
.albs-section-title {
  position: relative; display: flex; justify-content: space-between; align-items: baseline;
  border-bottom: 1px solid var(--albs-rule); padding-bottom: 8px;
}
.albs-section-title::after {
  content: ""; position: absolute; bottom: -1px; inset-inline-start: 0;
  width: 56px; height: 2px; background: var(--albs-gold);
}
.albs-section-title h2 { font-family: var(--albs-font-head); font-size: var(--fs-section); font-weight: 700; line-height: 1.3; color: var(--albs-navy); margin: 0; }
.albs-section-title .more { font-family: var(--albs-font); font-size: var(--fs-label); font-weight: 600; color: var(--albs-gold-text); }

/* ---------- البطاقات ---------- */
.albs-cat { font-family: var(--albs-font); font-size: var(--fs-label); font-weight: 600; line-height: 1.2; color: var(--albs-gold-text); }
.albs-hero .albs-cat { color: var(--albs-gold-light); }
.albs-card__title { font-family: var(--albs-font-head); font-size: var(--fs-card); font-weight: 700; line-height: 1.5; color: var(--albs-ink); }
.albs-card--lg .albs-card__title { font-size: var(--fs-card-lg); }
.albs-hero__title { font-family: var(--albs-font-head); font-size: var(--fs-hero); font-weight: 700; line-height: 1.45; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.35); }
.albs-meta, time { font-family: var(--albs-font); font-size: var(--fs-meta); font-weight: 400; color: var(--albs-muted); }
.albs-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

/* ---------- صفحة المقال ---------- */
.albs-article h1 { font-family: var(--albs-font-head); font-size: var(--fs-h1); font-weight: 700; line-height: 1.4; color: var(--albs-navy); }
.albs-article .lead { font-family: var(--albs-font-body); font-size: var(--fs-lead); font-weight: 600; line-height: 1.7; color: #2B2F36; }
.albs-article p, .albs-article li { font-family: var(--albs-font-body); font-size: var(--fs-body); font-weight: 400; line-height: var(--lh-body); max-width: 66ch; margin-block: 0 1em; }
.albs-article h2 { font-family: var(--albs-font-head); font-size: var(--fs-h2); font-weight: 700; line-height: 1.45; color: var(--albs-navy); margin-block: 1.6em .5em; }
.albs-article blockquote {
  font-family: var(--albs-font-head); font-size: var(--fs-lead); font-weight: 700; line-height: 1.6;
  color: var(--albs-navy); border-inline-start: 3px solid var(--albs-gold); padding-inline-start: 1em; margin: 1.5em 0;
}
.albs-article .kalima-akhira { background: var(--albs-navy); color: #fff; padding: 1.25em 1.5em; border-radius: 3px; }
.albs-article .kalima-akhira h2 { color: var(--albs-gold-light); margin-top: 0; }
.albs-article .kalima-akhira p { color: #fff; }
.albs-num, table { font-variant-numeric: tabular-nums; }

/* ---------- التذييل ---------- */
.albs-footer { background: var(--albs-navy-deep); color: #C9CED8; font-family: var(--albs-font); font-size: var(--fs-ui); }
.albs-footer a { color: #fff; }
.albs-footer .slogan { font-family: var(--albs-font-head); color: var(--albs-gold-light); font-weight: 700; font-size: 1.25rem; }
.albs-footer .legal { font-size: var(--fs-meta); color: #8A93A6; }

/* ==========================================================================
   جسر القالب الحالي (Newsmatic) — العائلات فقط بـ !important لتجاوز Customizer
   ========================================================================== */
body, button, input, select, textarea,
.main-navigation a, nav a, .menu a, .site-description,
.cat-links a, .post-categories a, .post-meta, .entry-meta, .byline, .posted-on, .post-date,
.site-footer, .site-footer a, .ticker, .breaking-news, .breadcrumb, .breadcrumbs,
.widget, .widget a, .read-more, .button, .wp-block-button__link {
  font-family: var(--albs-font) !important;
}
h1, h2, h3, h4, h5, h6,
.site-title, .entry-title, .post-title, .widget-title, .section-title, .block-title,
.entry-title a, .post-title a {
  font-family: var(--albs-font-head) !important;
  font-weight: 700;
  line-height: var(--lh-head);
}
.cat-links a, .post-categories a { color: var(--albs-gold-text); }

/* متن المقالات والصفحات */
.single .entry-content, .page .entry-content,
.single .entry-content p, .single .entry-content li, .single .entry-content td,
.page .entry-content p, .page .entry-content li {
  font-family: var(--albs-font-body) !important;
}
.single .entry-content p, .single .entry-content li,
.page .entry-content p, .page .entry-content li {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
.single .entry-content h2, .single .entry-content h3, .single .entry-content h4 {
  font-family: var(--albs-font-head) !important; color: var(--albs-navy);
}
.single .entry-content blockquote {
  font-family: var(--albs-font-head) !important; font-weight: 700;
  border-inline-start: 3px solid var(--albs-gold); padding-inline-start: 1em; color: var(--albs-navy);
}
.single .entry-content figcaption, .wp-caption-text { font-family: var(--albs-font) !important; font-size: var(--fs-meta); color: var(--albs-muted); }

/* ---------- الطباعة ---------- */
@media print {
  body { background: #fff; color: #000; }
  .albs-article p, .single .entry-content p { font-size: 13pt; line-height: 1.7; max-width: none; }
  .albs-article h1, .single .entry-title { font-size: 22pt; color: #000; }
  .albs-nav, .albs-ticker, .albs-footer, .albs-ad, .site-header, .site-footer, .sidebar, .widget-area { display: none !important; }
}