/* ============================================================================
   شمس — إضافات ووردبريس
   ما يحتاجه القالب ولم يكن في الموقع الثابت: شريط الإدارة، ترقيم الصفحات،
   محتوى المحرّر (الصور، الاقتباسات، الجداول، المحاذاة)، والتنقّل بين الأخبار.
   ========================================================================= */

/* ── شريط الإدارة: إزاحة العناصر الثابتة ───────────────────────────────── */
.admin-bar .site-header,
.admin-bar .drawer { inset-block-start: var(--wp-admin--admin-bar--height, 32px); }
.admin-bar .drawer { block-size: calc(100% - var(--wp-admin--admin-bar--height, 32px)); }
html.admin-bar-showing { scroll-padding-block-start: calc(var(--header-h) + var(--wp-admin--admin-bar--height, 32px) + 1rem); }
@media (max-width: 600px) {
  /* على الجوال يتمرّر شريط الإدارة مع الصفحة */
  .admin-bar .site-header:not(.is-stuck) { inset-block-start: var(--wp-admin--admin-bar--height, 46px); }
  .admin-bar .site-header.is-stuck { inset-block-start: 0; }
}

/* ── صفّ الخبر: العنوان رابط ───────────────────────────────────────────── */
.news-row__title { color: inherit; text-decoration: none; }
.news-row__title:hover { color: var(--accent); }
a.badge { text-decoration: none; }

/* ── ترقيم الصفحات ─────────────────────────────────────────────────────── */
.pagination { margin-block-start: clamp(2rem, 4vw, 3rem); }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.pagination .page-numbers {
  display: inline-grid;
  place-items: center;
  min-inline-size: 2.75rem;
  block-size: 2.75rem;
  padding-inline: .9rem;
  border: 1px solid var(--rule-strong);
  border-radius: var(--r-pill);
  color: var(--fg);
  font-size: var(--fs-small);
  text-decoration: none;
  transition: background-color var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft);
}
.pagination a.page-numbers:hover { border-color: var(--accent); color: var(--accent); }
.pagination .page-numbers.current { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.pagination .page-numbers.dots { border: 0; min-inline-size: auto; padding: 0; }

/* ── الخبر الواحد: التنقّل ─────────────────────────────────────────────── */
.post-nav {
  max-inline-size: 70ch;
  margin-block-start: clamp(2.5rem, 5vw, 4rem);
  padding-block-start: var(--s-5);
  border-block-start: 1px solid var(--rule);
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
  align-items: end;
}
.post-nav__next { display: grid; gap: .35rem; color: var(--fg); text-decoration: none; font-family: var(--font-display); font-size: var(--fs-h4); }
.post-nav__next:hover { color: var(--accent); }
.page-head .news-row__meta { margin-block-start: 1rem; }

/* ── محتوى المحرّر داخل .prose ─────────────────────────────────────────── */
.prose > * { margin: 0; }
.prose a { color: var(--accent); }
.prose ol { display: grid; gap: .65rem; padding-inline-start: 1.25rem; }
.prose ol li { list-style: decimal; }
.prose img, .prose video, .prose iframe { max-inline-size: 100%; block-size: auto; border-radius: var(--r-2, 14px); }
.prose figure { margin: 0; }
.prose figcaption, .prose .wp-element-caption, .prose .wp-caption-text {
  margin-block-start: .6rem; font-size: var(--fs-micro); color: var(--fg-mute); text-align: center;
}
.prose blockquote {
  margin: 0;
  padding-inline-start: 1.25rem;
  border-inline-start: 2px solid var(--accent-deco);
  font-family: var(--font-display);
  font-size: var(--fs-lead);
  color: var(--fg);
}
.prose blockquote p { font-size: inherit; color: inherit; }
.prose table { inline-size: 100%; border-collapse: collapse; font-size: var(--fs-small); }
.prose th, .prose td { padding: .75rem .9rem; border-block-end: 1px solid var(--rule); text-align: start; }
.prose th { color: var(--fg); font-weight: 600; }
.prose hr { border: 0; border-block-start: 1px solid var(--rule); }
.prose .wp-block-table { overflow-x: auto; }
.prose .alignleft  { float: left;  margin: .35rem 0 1rem 1.5rem; max-inline-size: 50%; }
.prose .alignright { float: right; margin: .35rem 1.5rem 1rem 0; max-inline-size: 50%; }
.prose .aligncenter { margin-inline: auto; }
.prose .wp-block-image img { display: block; }
.page-links { display: flex; gap: .5rem; font-size: var(--fs-small); }

/* ── عناصر ووردبريس العامة ─────────────────────────────────────────────── */
.screen-reader-text {
  position: absolute !important;
  inline-size: 1px; block-size: 1px;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap;
}
.form[aria-busy="true"] [type="submit"] { opacity: .6; cursor: progress; }