/* ══════════════════════════════════════════════════════════
   ARANIX — WordPress layer
   Everything the static build never needed: prose for the
   editor's output, archives, pagination, comments, forms and
   the admin bar. Same tokens, same logical properties, so it
   inherits LTR/RTL from styles.css without a second ruleset.
   ══════════════════════════════════════════════════════════ */

/* ── accessibility ─────────────────────────────────────── */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:16px;z-index:300;
  background:var(--ink);color:#06131a;padding:12px 18px;font-family:var(--f-mono);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:inset-block-start .25s var(--ease)}
.skip-link:focus{inset-block-start:16px}

/* ── admin bar ─────────────────────────────────────────── */
body.admin-bar .nav{inset-block-start:32px}
body.admin-bar .loader,body.admin-bar .pt{inset-block-start:32px}
@media(max-width:782px){
  body.admin-bar .nav{inset-block-start:46px}
  body.admin-bar .loader,body.admin-bar .pt{inset-block-start:46px}
}

/* ── honeypot: present for bots, gone for everyone else ── */
.field--trap{position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;margin:-1px;padding:0}

/* ── slim hero for archives, articles and errors ───────── */
.phero--slim{min-height:min(560px,66svh)}
.phero--slim .phero__title{font-size:clamp(34px,6.4vw,86px)}
.phero__search{margin-block-start:28px;max-width:520px}

/* ── search form ───────────────────────────────────────── */
.searchform{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.searchform input[type=search]{flex:1 1 220px;background:none;border:0;
  border-block-end:1px solid var(--line);color:var(--ink);font:inherit;padding:10px 2px}
.searchform input[type=search]:focus{outline:none;border-color:var(--cyan)}
.searchform input[type=search]::placeholder{color:rgba(139,143,152,.5)}

/* ── prose ─────────────────────────────────────────────── */
.entry__wrap{padding-block:clamp(56px,8vw,110px);border-block-start:1px solid var(--line)}
.entry__wrap--inset{padding-block:clamp(40px,6vw,80px);border-block-start:0}
.entry__body{max-width:74ch;font-size:clamp(15px,1.15vw,17.5px);line-height:1.75;color:#d7d9dd}
.entry__body>*:first-child{margin-block-start:0}
.entry__body>*:last-child{margin-block-end:0}
.entry__body p{margin-block:0 1.4em}
.entry__body h2,.entry__body h3,.entry__body h4{color:var(--ink);font-weight:400;
  letter-spacing:-.025em;line-height:1.15;margin-block:2em .6em}
.entry__body h2{font-size:clamp(26px,3.4vw,40px)}
.entry__body h3{font-size:clamp(21px,2.4vw,28px)}
.entry__body h4{font-size:clamp(18px,1.9vw,22px)}
.entry__body a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:rgba(41,182,216,.42);
  transition:text-decoration-color .3s var(--ease)}
.entry__body a:hover{text-decoration-color:var(--cyan)}
.entry__body strong,.entry__body b{color:var(--ink);font-weight:500}
.entry__body ul,.entry__body ol{margin-block:0 1.4em;padding-inline-start:1.3em}
.entry__body li{margin-block-end:.5em}
.entry__body li::marker{color:var(--cyan)}
.entry__body blockquote{margin:2em 0;padding-inline-start:clamp(18px,2.4vw,30px);
  border-inline-start:1px solid var(--cyan);font-family:var(--f-serif);font-style:italic;
  font-size:clamp(19px,2.4vw,26px);line-height:1.35;color:var(--ink)}
.entry__body blockquote p:last-child{margin-block-end:0}
.entry__body blockquote cite{display:block;margin-block-start:.7em;font:400 13px/1.4 var(--f-mono);
  font-style:normal;color:var(--muted)}
.entry__body code,.entry__body kbd{font-family:var(--f-mono);font-size:.86em;
  background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:.12em .4em}
.entry__body pre{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;
  padding:clamp(16px,2vw,24px);overflow-x:auto;margin-block:0 1.6em;font-size:13.5px;line-height:1.6}
.entry__body pre code{background:none;border:0;padding:0}
.entry__body hr,.entry__body .wp-block-separator{border:0;border-block-start:1px solid var(--line);
  margin-block:2.6em}
.entry__body img,.entry__body figure{margin-block:0 1.8em}
.entry__body figure{max-width:100%}
.entry__body figcaption,.entry__body .wp-caption-text{margin-block-start:10px;
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
.entry__body table{width:100%;border-collapse:collapse;margin-block:0 1.8em;font-size:14px}
.entry__body th,.entry__body td{border-block-end:1px solid var(--line);padding:12px 14px;
  text-align:start;vertical-align:top}
.entry__body th{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);font-weight:400}
.entry__body iframe,.entry__body video,.entry__body embed{max-width:100%}

/* wide and full-bleed blocks */
.entry__body .alignwide{width:min(100vw - 2 * var(--pad),1100px);max-width:none;
  margin-inline:calc(50% - min(50vw - var(--pad),550px))}
.entry__body .alignfull{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}
.entry__body .alignleft{float:inline-start;margin-inline-end:1.6em;margin-block-end:1em;max-width:min(46%,340px)}
.entry__body .alignright{float:inline-end;margin-inline-start:1.6em;margin-block-end:1em;max-width:min(46%,340px)}
.entry__body .aligncenter{margin-inline:auto;text-align:center}
@media(max-width:860px){
  .entry__body .alignleft,.entry__body .alignright{float:none;max-width:100%;margin-inline:0}
  .entry__body .alignwide,.entry__body .alignfull{width:100%;margin-inline:0}
}

/* editor colour palette */
.has-ink-color{color:var(--ink)}
.has-muted-color{color:var(--muted)}
.has-cyan-color{color:var(--cyan)}
.has-gold-color{color:var(--gold)}
.has-base-background-color{background-color:var(--bg)}
.has-base-2-background-color{background-color:var(--bg-2)}
.has-cyan-background-color{background-color:var(--cyan);color:#06131a}
.has-gold-background-color{background-color:var(--gold);color:#1a1206}

/* ── article furniture ─────────────────────────────────── */
.entry__meta{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--muted);
  margin-block:18px 0}
.entry__tags{margin-block-start:36px;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em}
.entry__tags a{color:var(--gold)}
.entry__pages{margin-block-start:24px;font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.entry__pages a{color:var(--cyan)}
.entry__nav{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  margin-block-start:clamp(40px,6vw,72px);padding-block-start:26px;border-block-start:1px solid var(--line);
  font-family:var(--f-mono);font-size:12px;letter-spacing:.08em}
.entry__nav a{color:var(--muted);transition:color .3s var(--ease)}
.entry__nav a:hover{color:var(--ink)}
.entry__nav .link-arrow{font-family:var(--f-sans);letter-spacing:0}
.entry__nav .link-arrow:hover{color:var(--cyan)}

/* ── pagination ────────────────────────────────────────── */
.pagination{margin-block-start:clamp(36px,5vw,64px)}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  font-family:var(--f-mono);font-size:12px;letter-spacing:.1em}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;
  color:var(--muted);transition:color .3s var(--ease),border-color .3s var(--ease)}
.pagination a.page-numbers:hover{color:var(--ink);border-color:rgba(41,182,216,.5)}
.pagination .page-numbers.current{color:#06131a;background:var(--cyan);border-color:transparent}
.pagination .page-numbers.dots{border-color:transparent}

/* ── comments ──────────────────────────────────────────── */
.comments{margin-block-start:clamp(48px,7vw,88px);padding-block-start:clamp(30px,4vw,48px);
  border-block-start:1px solid var(--line);max-width:74ch}
.comments__title{font-size:clamp(20px,2.4vw,28px);font-weight:400;letter-spacing:-.02em;
  margin:0 0 24px}
.comments__list,.comments__list .children{list-style:none;margin:0;padding:0}
.comments__list .children{padding-inline-start:clamp(16px,3vw,34px);
  border-inline-start:1px solid var(--line);margin-block-start:20px}
.comments__list li{margin-block-end:26px}
.comments__list .comment-body{font-size:15px;line-height:1.65;color:#d7d9dd}
.comments__list .comment-author{display:flex;align-items:center;gap:10px;
  font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--ink)}
.comments__list .comment-author img{border-radius:50%}
.comments__list .comment-metadata{font-family:var(--f-mono);font-size:11px;color:var(--muted);
  margin-block:4px 12px}
.comments__list .comment-metadata a{color:inherit}
.comments__list .reply{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase}
.comments__list .reply a{color:var(--cyan)}
.comment-respond{margin-block-start:36px}
.comment-reply-title{font-size:clamp(18px,2vw,24px);font-weight:400;letter-spacing:-.02em;
  margin:0 0 20px}
.form--comments{grid-template-columns:1fr 1fr}
.form--comments .comment-form-comment,.form--comments .form-submit,
.form--comments .comment-notes,.form--comments .comment-form-cookies-consent{grid-column:1/-1}
.comment-form label{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-block-end:8px}
.comment-form input[type=text],.comment-form input[type=email],
.comment-form input[type=url],.comment-form textarea{width:100%;background:none;border:0;
  border-block-end:1px solid var(--line);color:var(--ink);font:inherit;padding:10px 2px}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--cyan)}
.comment-form .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;
  font-size:13px;color:var(--muted)}
.comment-form .comment-form-cookies-consent label{text-transform:none;letter-spacing:0;
  font-family:var(--f-sans);font-size:13px;margin:0}
.comment-notes,.logged-in-as{font-size:13px;color:var(--muted)}
.comment-notes a,.logged-in-as a{color:var(--cyan)}

/* ── footer additions ──────────────────────────────────── */
.footer__social{margin-block-start:14px;font-family:var(--f-mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.footer__social a{transition:color .3s var(--ease)}
.footer__social a:hover{color:var(--cyan)}
.footer__widget{margin-block-end:18px;color:var(--muted);font-size:14px}
.footer__widget ul{list-style:none;margin:0;padding:0}
.footer__widget li{margin-block-end:6px}
.footer__widget a:hover{color:var(--ink)}

/* Match the Arabic site typography in WordPress content and controls. */
[dir=rtl] .entry__body blockquote{font-family:var(--f-ar);font-style:normal;line-height:1.75}
[dir=rtl] .entry__meta,[dir=rtl] .entry__tags,[dir=rtl] .entry__pages,
[dir=rtl] .entry__nav,[dir=rtl] .pagination,[dir=rtl] .entry__body figcaption,
[dir=rtl] .entry__body th,[dir=rtl] .comments__list .comment-metadata,
[dir=rtl] .comments__list .reply,[dir=rtl] .comment-form label,
[dir=rtl] .footer__social,[dir=rtl] .skip-link{
  font-family:var(--f-ar);letter-spacing:0}

/* Responsive WordPress content, search, comments and embeds. */
.entry__body{width:100%;overflow-wrap:anywhere}
.entry__body img{height:auto}
.entry__body iframe{width:100%;aspect-ratio:16/9;height:auto}
.entry__body .wp-block-table{max-width:100%;overflow-x:auto}
.entry__body table{display:block;max-width:100%;overflow-x:auto}
.entry__body th,.entry__body td{min-width:120px}
.entry__nav,.pagination .nav-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.comment-form input[type=text],.comment-form input[type=email],
.comment-form input[type=url],.comment-form textarea,.searchform input[type=search]{font-size:16px;min-height:48px}
.form--comments .logged-in-as{grid-column:1/-1}
[dir=rtl] .entry__body h2,[dir=rtl] .entry__body h3,[dir=rtl] .entry__body h4{line-height:1.5;letter-spacing:0}
@media(max-width:640px){
  .form--comments{grid-template-columns:1fr}
  .searchform{align-items:stretch}.searchform input[type=search]{flex-basis:100%}
  .searchform .btn{width:100%}
  .comments__list .children{padding-inline-start:16px}
  .entry__nav{align-items:stretch;flex-direction:column}
  .entry__body .alignwide,.entry__body .alignfull{width:100%;max-width:100%;margin-inline:0}
  /* Core makes the toolbar absolute on small phones; keep it with the fixed nav. */
  body.admin-bar #wpadminbar{position:fixed}
  body.admin-bar .menu{padding-block-start:calc(var(--nav-h) + 78px)}
}

/* Center the reading column so full-width blocks align with the viewport. */
.entry__body{margin-inline:auto}