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

/* ── شريط الإدارة: إزاحة العناصر الثابتة ───────────────────────────────── */
.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; }

/* إعلان تداول: جداول أعرض وأرقام بمحاذاة ثابتة */
.single-shams_announcement .page-head h1 { font-size: var(--fs-h2); line-height: 1.35; max-inline-size: 32ch; }
.prose--wide { max-inline-size: 64rem; }
.announce-entry { grid-template-columns: minmax(0, 1fr); }
.announce-entry table { min-inline-size: 36rem; }
.announce-entry .wp-block-table:has(> table > tbody:only-child) table { min-inline-size: 0; }
.announce-entry table { border-block-start: 1px solid var(--rule); }
.announce-entry th[scope="row"] { inline-size: 32%; vertical-align: top; color: var(--fg); }
.announce-entry thead th { background: rgb(from var(--fg) r g b / .04); }
.announce-entry .num { direction: ltr; text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.announce-entry caption { caption-side: bottom; padding-block-start: .6rem; font-size: var(--fs-micro); color: var(--fg-mute); text-align: start; }
.announce-entry__source { padding-block-start: var(--s-4, 1.5rem); border-block-start: 1px solid var(--rule); font-size: var(--fs-micro) !important; }
.announce-entry__source svg { inline-size: 14px; block-size: 14px; vertical-align: -2px; }
.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; }

/* رابط ملف اللائحة داخل عنصر «اللوائح والسياسات» */
.acc__panel p.acc__file { margin-block-start: -.5rem; }

/* ══ الخبر الواحد: ترويسة تحريرية + عمود مقال + شريط جانبي ═══════════════ */
.post-head { padding-block-end: clamp(2.5rem, 5vw, 3.75rem); }
.post-head .page-head__inner { gap: var(--s-5); }
.post-head .page-head__inner > * { max-inline-size: 54rem; }
.post-head h1 {
  font-size: clamp(1.9rem, 3.6vw, 3rem);
  line-height: 1.55;
  text-wrap: balance;
}
.post-head__meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .9rem;
  font-size: var(--fs-small); color: var(--fg-mute);
}
.post-head__meta time { display: inline-flex; align-items: center; gap: .9rem; }
.post-head__meta .badge + time::before {          /* نقطة شمس صغيرة بين التصنيف والتاريخ */
  content: ""; inline-size: .35rem; aspect-ratio: 1; border-radius: 50%; background: var(--accent-deco);
}

.post-body { padding-block-start: clamp(2.5rem, 5vw, 4rem); border-block-start: 1px solid var(--rule); }
.post-layout {
  display: grid;
  grid-template-columns: minmax(0, 46rem) minmax(15rem, 18rem);
  justify-content: space-between;
  column-gap: clamp(2.5rem, 7vw, 7rem);
  row-gap: clamp(2.5rem, 5vw, 4rem);
  align-items: start;
}
.post-article { max-inline-size: none; gap: var(--s-6); }
.single-post .post-article p,
.single-post .post-article li { font-size: clamp(1.05rem, 1.2vw, 1.175rem); line-height: 2.1; color: var(--fg-dim); }
.single-post .post-article > p:first-of-type { font-size: var(--fs-lead); line-height: 2; color: var(--fg); }

/* رابط وحيد في فقرة (مثل «شاهد المقابلة») يصير زرًّا واضحًا */
.post-article p:has(> a:only-child) > a {
  display: inline-flex; align-items: center; gap: .7rem;
  padding: .85rem 1.5rem; border-radius: var(--r-pill);
  background: var(--ink); color: var(--ivory);
  font-size: var(--fs-small); text-decoration: none;
  transition: background var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);
}
.post-article p:has(> a:only-child) > a::after {
  content: ""; inline-size: 1.05rem; aspect-ratio: 1; flex: none;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4 10 14M18 14v5a1 1 0 01-1 1H5a1 1 0 01-1-1V7a1 1 0 011-1h5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4 10 14M18 14v5a1 1 0 01-1 1H5a1 1 0 01-1-1V7a1 1 0 011-1h5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.post-article p:has(> a:only-child) > a:hover { background: var(--accent); transform: translateY(-2px); }

/* صورة الخبر */
.post-cover { position: relative; overflow: hidden; border-radius: var(--r-4); isolation: isolate; }
.post-cover img { display: block; inline-size: 100%; block-size: auto; border-radius: 0; }
.post-cover--wide img { aspect-ratio: 16 / 9; object-fit: cover; }
.post-cover--framed {                               /* شعار أو صورة مربّعة: كاملة على لوح رملي */
  display: grid; place-items: center;
  padding: clamp(1.75rem, 5vw, 3.25rem);
  background: linear-gradient(160deg, var(--sand), var(--dune));
}
.post-cover--framed::before {                       /* قرص شمس خافت خلف الصورة */
  content: ""; position: absolute; z-index: -1;
  inset-block-start: -30%; inset-inline-start: -12%;
  inline-size: 60%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle closest-side, rgb(255 253 248 / .75), transparent 70%);
}
.post-cover--framed img {
  inline-size: auto; max-inline-size: 100%;
  max-block-size: clamp(14rem, 30vw, 21rem);
  object-fit: contain;
  border-radius: var(--r-3);
  box-shadow: var(--shadow);
}

/* الشريط الجانبي */
.post-aside { position: sticky; inset-block-start: calc(var(--header-h) + 2rem); display: grid; gap: var(--s-5); }
.post-aside__card {
  display: grid; gap: var(--s-5);
  padding: var(--s-6);
  border-radius: var(--r-4);
  background: var(--bg-raised);
  border: 1px solid var(--rule);
}
.post-aside__facts { display: grid; gap: var(--s-4); margin: 0; }
.post-aside__facts > div { display: grid; gap: .2rem; padding-block-end: var(--s-4); border-block-end: 1px solid var(--rule); }
.post-aside__facts dt { font-size: var(--fs-micro); color: var(--fg-mute); }
.post-aside__facts dd { margin: 0; font-family: var(--font-display); font-size: var(--fs-h4); color: var(--fg); }
.post-aside__facts dd a { color: inherit; text-decoration: none; }
.post-aside__facts dd a:hover { color: var(--accent); }
.post-share { display: grid; gap: var(--s-3); }
.post-share__label { font-size: var(--fs-micro); color: var(--fg-mute); }
.post-share__list { display: flex; gap: .6rem; padding: 0; margin: 0; list-style: none; }
.post-share__list a {
  display: grid; place-items: center;
  inline-size: 2.75rem; aspect-ratio: 1; border-radius: 50%;
  border: 1px solid var(--rule-strong); color: var(--fg);
  transition: background var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);
}
.post-share__list a:hover { background: var(--ink); border-color: var(--ink); color: var(--ivory); }
.post-share__list svg { inline-size: 1.1rem; block-size: 1.1rem; }
.post-aside__back { justify-self: start; }

.post-layout > .post-nav { grid-column: 1 / -1; max-inline-size: none; margin-block-start: 0; }

@media (max-width: 61.99rem) {
  .post-layout { grid-template-columns: minmax(0, 1fr); }
  .post-aside { position: static; }
  .post-aside__card { grid-template-columns: 1fr auto; align-items: end; }
  .post-aside__facts { grid-auto-flow: column; justify-content: start; gap: var(--s-6); }
  .post-aside__facts > div { padding: 0; border: 0; }
}
@media (max-width: 35.99rem) {
  .post-aside__card { grid-template-columns: 1fr; padding: var(--s-5); }
}
