/* =========================================================
   معلمينا — أنماط خاصة بووردبريس
   كل ما لا يوجد في الموقع الثابت: المدونة، التعليقات،
   الودجات، الترقيم، الوصول، ومحرر الكتل.
   ========================================================= */

/* ---------- إتاحة الوصول ---------- */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;
  position:absolute!important;word-wrap:normal!important;
}
.screen-reader-text:focus{
  clip:auto!important;clip-path:none;background:#fff;color:var(--g-700);
  height:auto;width:auto;padding:14px 22px;border-radius:12px;
  box-shadow:var(--shadow);font-size:15px;font-weight:700;
  inset-inline-start:16px;top:16px;z-index:1200;line-height:normal;text-decoration:none;
}
.skip-link:focus{outline:3px solid var(--g-400);outline-offset:2px}

a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--g-400);outline-offset:3px;border-radius:6px;
}

/* حقل مصيدة السبام
   يُخفى بالقصّ لا بالإزاحة خارج الشاشة؛ إزاحته بـ left:-9999px كانت
   توسّع عرض محتوى الصفحة بنحو 10000px وتُفسد حسابات التمرير. */
.field--hp{
  position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;border:0;overflow:hidden;white-space:nowrap;
  clip:rect(0 0 0 0);clip-path:inset(50%);
}

/* ---------- الشعار كصورة ---------- */
.logo--image img{max-height:52px;width:auto;display:block}
.footer .logo--image img{filter:brightness(0) invert(1)}

/* ---------- قوائم فرعية ---------- */
.nav__list li{position:relative}
.nav__sub{
  position:absolute;top:100%;inset-inline-start:0;min-width:210px;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--shadow);padding:8px;display:grid;gap:2px;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:.28s var(--ease);z-index:20;
}
.nav__list li:hover>.nav__sub,
.nav__list li:focus-within>.nav__sub{opacity:1;visibility:visible;transform:none}
.nav__sub .nav__link{display:block;padding:9px 12px;font-size:14.5px}
.nav__sub .nav__link::after{display:none}
.nav__sub .nav__link:hover{background:var(--g-50)}

@media (max-width:980px){
  .nav__sub{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;border-inline-start:2px solid var(--line);
    border-radius:0;padding:0 0 0 0;margin-inline-start:14px;
  }
}

/* ---------- ترويسة الصفحات الداخلية ---------- */
.page-hero{
  position:relative;padding:56px 0 96px;color:#fff;isolation:isolate;overflow:hidden;
}
.page-hero .hero__bg{z-index:-2}
.page-hero__title{
  font-size:clamp(26px,3.6vw,42px);font-weight:900;color:#fff;line-height:1.4;margin:0;
}
.page-hero__title .hl{color:var(--g-300)}
.page-hero__sub{margin:12px 0 0;color:rgba(255,255,255,.82);font-size:16.5px;max-width:68ch}

/* ---------- مسار التنقل ---------- */
.mu-crumbs{margin-bottom:16px;font-size:13.5px}
.mu-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}
.mu-crumbs li{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.66)}
.mu-crumbs li+li::before{content:"‹";opacity:.5}
.mu-crumbs a{color:rgba(255,255,255,.85);transition:.25s}
.mu-crumbs a:hover{color:#fff}
.mu-crumbs [aria-current]{color:var(--g-300);font-weight:600}

/* ---------- تخطيط محتوى + شريط جانبي ---------- */
.mu-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start}
.mu-no-sidebar .mu-layout{grid-template-columns:minmax(0,1fr)}
.mu-layout__main{min-width:0}

@media (max-width:980px){
  .mu-layout{grid-template-columns:minmax(0,1fr);gap:48px}
}

/* ---------- شبكة عمودين للمقالات ---------- */
.grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:640px){.grid--2{grid-template-columns:1fr}}

.mu-posts .post__title{font-size:19px;margin-bottom:6px;line-height:1.55}
.mu-posts .post__title a{color:var(--g-800);transition:.25s}
.mu-posts .post__title a:hover{color:var(--g-500)}
.mu-posts .post__date{color:var(--muted);font-size:13px;margin:0 0 10px}
.post__body h3 a{transition:.25s}
.post__body h3 a:hover{color:var(--g-500)}
a.post__meta{transition:.25s}
a.post__meta:hover{background:var(--g-400);color:#fff}

.section__more{text-align:center;margin:42px 0 0}

/* ---------- المقال المفرد ---------- */
.entry{background:#fff}
.entry__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:18px;
  color:var(--muted);font-size:14px;margin-bottom:22px;
}
.entry__meta span{display:inline-flex;align-items:center;gap:7px}
.entry__meta svg{width:16px;height:16px;fill:currentColor;opacity:.8}
.entry__meta a{color:var(--g-600);transition:.25s}
.entry__meta a:hover{color:var(--g-400)}

.entry__thumb{margin:0 0 30px}
.entry__thumb img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.entry__thumb figcaption{color:var(--muted);font-size:13.5px;text-align:center;margin-top:10px}

/* ---------- محتوى المحرر ---------- */
.entry__content{color:var(--ink-2);font-size:16.5px;line-height:2.05}
.entry__content>*+*{margin-top:1.15em}
.entry__content h1,.entry__content h2,.entry__content h3,
.entry__content h4,.entry__content h5,.entry__content h6{
  color:var(--g-800);line-height:1.5;margin-top:1.9em;margin-bottom:.55em;font-weight:800;
}
.entry__content h2{font-size:clamp(21px,2.4vw,27px)}
.entry__content h3{font-size:20px}
.entry__content h4{font-size:18px}
.entry__content p{margin:0 0 1.15em}
.entry__content a{color:var(--g-600);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.entry__content a:hover{color:var(--g-400)}
.entry__content strong,.entry__content b{color:var(--g-800)}

.entry__content ul,.entry__content ol{padding-inline-start:1.5em;margin:0 0 1.15em;display:grid;gap:.5em}
.entry__content ul{list-style:disc}
.entry__content ol{list-style:decimal}
.entry__content li::marker{color:var(--g-400)}
.entry__content li>ul,.entry__content li>ol{margin-top:.5em}

.entry__content blockquote{
  margin:1.6em 0;padding:22px 26px;border-inline-start:4px solid var(--g-400);
  background:var(--g-50);border-radius:0 var(--radius) var(--radius) 0;
  color:var(--g-700);font-size:17px;
}
.entry__content blockquote p:last-child{margin-bottom:0}
.entry__content blockquote cite{display:block;margin-top:10px;font-size:14px;color:var(--muted);font-style:normal}

.entry__content img,.entry__content video,.entry__content iframe{
  max-width:100%;height:auto;border-radius:var(--radius);
}
.entry__content figure{margin:1.6em 0}
.entry__content figcaption,.wp-caption-text{
  color:var(--muted);font-size:13.5px;text-align:center;margin-top:9px;
}

.entry__content pre,.wp-block-code{
  background:var(--g-900);color:#DCF2E7;padding:20px 22px;border-radius:var(--radius);
  overflow-x:auto;direction:ltr;text-align:left;font-size:14px;line-height:1.75;
}
.entry__content code,.entry__content kbd{
  background:var(--g-50);color:var(--g-700);padding:2px 7px;border-radius:6px;
  font-size:.92em;direction:ltr;unicode-bidi:embed;
}
.entry__content pre code{background:none;color:inherit;padding:0}

.entry__content table,.wp-block-table table{
  width:100%;border-collapse:collapse;font-size:15px;
  display:block;overflow-x:auto;white-space:nowrap;
}
.entry__content th,.entry__content td{
  border:1px solid var(--line);padding:11px 14px;text-align:start;
}
.entry__content th{background:var(--g-50);color:var(--g-800);font-weight:800}

.entry__content hr,.wp-block-separator{
  border:0;height:1px;background:var(--line);margin:2.4em 0;
}

/* محاذاة الكتل */
.alignleft{float:inline-start;margin:.4em 1.4em 1.2em 0}
.alignright{float:inline-end;margin:.4em 0 1.2em 1.4em}
.aligncenter{margin-inline:auto;display:block;text-align:center}
.alignwide{width:min(100%,1000px);margin-inline:auto}
.alignfull{
  width:100vw;max-width:100vw;
  margin-inline-start:calc(50% - 50vw);margin-inline-end:calc(50% - 50vw);
}
.alignfull img{border-radius:0}
.entry__content .wp-block-image.alignwide img,
.entry__content .wp-block-image.alignfull img{width:100%}

@media (max-width:640px){
  .alignleft,.alignright{float:none;margin:1.2em 0;display:block}
}

.wp-block-button__link{
  display:inline-flex;align-items:center;gap:9px;padding:12px 26px;border-radius:100px;
  background:linear-gradient(135deg,var(--g-500),var(--g-400));color:#fff;
  font-weight:700;text-decoration:none;box-shadow:0 10px 26px rgba(30,142,99,.32);
  transition:.3s var(--ease);
}
.wp-block-button__link:hover{transform:translateY(-3px);color:#fff}
.is-style-outline .wp-block-button__link{
  background:transparent;border:1.5px solid var(--g-400);color:var(--g-600);box-shadow:none;
}

.wp-block-pullquote{border-block:3px solid var(--g-400);padding:26px 0;text-align:center}
.wp-block-gallery img{border-radius:14px}
.sticky .post{border-color:var(--g-300);box-shadow:var(--shadow-sm)}

.entry__pages{margin-top:26px;display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}
.entry__pages a{
  display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;
  border-radius:10px;background:var(--g-50);color:var(--g-600);font-weight:700;
}

/* ---------- الوسوم والمشاركة والتنقل ---------- */
.entry__tags{
  margin-top:34px;padding-top:22px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:14px;
}
.entry__tags>span{color:var(--muted);font-weight:700}
.entry__tags a{
  display:inline-block;padding:5px 14px;border-radius:100px;
  background:var(--g-50);color:var(--g-600);font-size:13px;font-weight:600;transition:.25s;
}
.entry__tags a:hover{background:var(--g-400);color:#fff}

.entry__share{margin-top:22px}

.entry__nav{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:38px 0 0;
}
.entry__nav>div{
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 22px;transition:.3s var(--ease);
}
.entry__nav>div:hover{background:#fff;box-shadow:var(--shadow-sm);border-color:var(--g-300)}
.entry__nav-next{text-align:end}
.entry__nav a{display:block;color:var(--g-800);font-weight:700;font-size:15.5px;line-height:1.6}
.entry__nav span{display:block;color:var(--g-500);font-size:12.5px;font-weight:800;margin-bottom:5px}
.entry__nav:empty{display:none}

@media (max-width:640px){
  .entry__nav{grid-template-columns:1fr}
  .entry__nav-next{text-align:start}
}

/* ---------- الترقيم ---------- */
.mu-pagination{margin-top:44px}
.mu-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.mu-pagination .page-numbers{
  display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;
  border-radius:14px;border:1.5px solid var(--line);background:#fff;
  color:var(--g-700);font-weight:700;font-size:15px;transition:.28s var(--ease);
}
.mu-pagination a.page-numbers:hover{
  background:var(--g-500);color:#fff;border-color:transparent;
  box-shadow:0 10px 22px rgba(30,142,99,.28);
}
.mu-pagination .page-numbers.current{
  background:linear-gradient(135deg,var(--g-500),var(--g-400));color:#fff;border-color:transparent;
}
.mu-pagination .page-numbers.dots{border-color:transparent;background:none}

/* ---------- الشريط الجانبي والودجات ---------- */
.widget-area{display:grid;gap:22px;position:sticky;top:calc(var(--header-h) + 20px)}
.widget{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;box-shadow:var(--shadow-sm);
}
.widget__title,.widget h4{
  color:var(--g-800);font-size:17px;font-weight:800;margin:0 0 16px;
  padding-bottom:11px;position:relative;
}
.widget__title::after,.widget h4::after{
  content:"";position:absolute;bottom:0;inset-inline-start:0;
  width:36px;height:3px;border-radius:3px;background:var(--g-400);
}
.widget ul{display:grid;gap:10px;font-size:14.5px}
.widget ul ul{margin-top:10px;padding-inline-start:14px}
.widget li{color:var(--ink-2)}
.widget a{color:var(--ink-2);transition:.25s}
.widget a:hover{color:var(--g-500)}
.widget .post-date,.widget .rss-date{display:block;color:var(--muted);font-size:12.5px}

.widget_categories li,.widget_archive li{
  display:flex;justify-content:space-between;gap:10px;
}
.wp-block-latest-posts__post-title{font-weight:700}
.widget select{
  width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;
  background:var(--bg-soft);color:var(--ink);font-size:15px;
}
.wp-block-tag-cloud a,.tagcloud a{
  display:inline-block;margin:0 0 7px;padding:5px 14px;border-radius:100px;
  background:var(--g-50);color:var(--g-600)!important;font-size:13px!important;font-weight:600;
}
.wp-block-tag-cloud a:hover,.tagcloud a:hover{background:var(--g-400);color:#fff!important}

/* عمود الودجات الاختياري في الفوتر.
   شبكة الفوتر مصمّمة على أربعة أعمدة (1.6fr 1fr 1fr 1.2fr)، فإضافة عمود
   خامس كانت تنزله إلى صف جديد بعرض العمود الأول وتترك ثلاث خانات فارغة.
   نجعله يمتد على عرض الصف كاملًا ويوزّع ودجاته تلقائيًا، فلا تنكسر
   الشبكة مهما كان عدد الودجات أو عرض الشاشة. */
.footer__col--widgets{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:28px;
  margin-top:6px;
  padding-top:34px;
  border-top:1px solid rgba(255,255,255,.1);
}
.footer__col--widgets .widget{
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);box-shadow:none;
}
.footer__col--widgets .widget h4{color:#fff}
.footer__col--widgets .widget a,
.footer__col--widgets .widget li{color:rgba(255,255,255,.72)}
.footer__col--widgets .widget a:hover{color:var(--g-300)}

/* ---------- نموذج البحث ---------- */
.mu-search{display:flex;gap:9px;align-items:stretch}
.mu-search__input{
  flex:1;min-width:0;padding:12px 16px;border:1.5px solid var(--line);border-radius:12px;
  background:var(--bg-soft);color:var(--ink);font-size:15px;outline:none;transition:.25s;
}
.mu-search__input:focus{border-color:var(--g-400);background:#fff;box-shadow:0 0 0 4px rgba(47,179,122,.12)}
.mu-search__btn{flex:none}
.mu-searchform-top{margin-bottom:34px}

/* ---------- حالات فارغة و404 ---------- */
.mu-empty{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:52px 34px;text-align:center;box-shadow:var(--shadow-sm);
}
.mu-empty h2{font-size:23px;margin-bottom:10px}
.mu-empty p{color:var(--muted);margin-bottom:24px}
.mu-empty .mu-search{max-width:420px;margin-inline:auto}

.mu-404{text-align:center}
.mu-404 .lead{margin-bottom:26px}
.mu-404 .mu-search{max-width:460px;margin:0 auto 26px}
.mu-404__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- التعليقات ---------- */
.mu-comments{
  margin-top:50px;padding-top:38px;border-top:1px solid var(--line);
}
.mu-comments__title{font-size:21px;margin-bottom:26px}
.mu-comments__title span{color:var(--g-500)}
.mu-comments__list{display:grid;gap:18px;margin:0 0 30px;padding:0;list-style:none}
.mu-comments__list ol.children{
  list-style:none;display:grid;gap:18px;margin:18px 0 0;
  padding-inline-start:26px;border-inline-start:2px solid var(--line);
}
.mu-comments__list .comment-body{
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;
}
.mu-comments__list .comment-meta{
  display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;
}
.mu-comments__list .comment-author{display:flex;align-items:center;gap:12px}
.mu-comments__list .avatar{border-radius:50%;width:46px;height:46px}
.mu-comments__list .fn{font-style:normal;font-weight:800;color:var(--g-800);font-size:15.5px}
.mu-comments__list .says{display:none}
.mu-comments__list .comment-metadata{font-size:12.5px;color:var(--muted)}
.mu-comments__list .comment-metadata a{color:var(--muted)}
.mu-comments__list p{color:var(--ink-2);font-size:15.5px;margin:0 0 .9em}
.mu-comments__list .reply{margin-top:10px}
.mu-comments__list .comment-reply-link{
  display:inline-block;padding:5px 16px;border-radius:100px;background:var(--g-50);
  color:var(--g-600);font-size:13px;font-weight:700;transition:.25s;
}
.mu-comments__list .comment-reply-link:hover{background:var(--g-400);color:#fff}
.mu-comments__list .comment-awaiting-moderation{
  display:block;color:var(--gold-d);font-size:13.5px;font-weight:700;margin-bottom:8px;
}
.bypostauthor>.comment-body{border-color:var(--g-300)}
.mu-comments__closed{color:var(--muted);font-size:14.5px;text-align:center}

.comment-respond{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:30px;box-shadow:var(--shadow-sm);
}
.comment-reply-title{font-size:19px;margin-bottom:6px}
.comment-reply-title small{font-size:13.5px;font-weight:500;margin-inline-start:10px}
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.comment-form .field--full,.comment-form p.form-submit,
.comment-form p.comment-notes,.comment-form p.comment-form-cookies-consent{grid-column:1/-1}
.comment-form p{display:flex;flex-direction:column;gap:7px;margin:0}
.comment-form label{font-size:14px;font-weight:700;color:var(--g-800)}
.comment-form input[type="text"],.comment-form input[type="email"],
.comment-form input[type="url"],.comment-form textarea{
  padding:12px 15px;border:1.5px solid var(--line);border-radius:12px;
  background:var(--bg-soft);color:var(--ink);font-size:15px;outline:none;transition:.25s;resize:vertical;
}
.comment-form input:focus,.comment-form textarea:focus{
  border-color:var(--g-400);background:#fff;box-shadow:0 0 0 4px rgba(47,179,122,.12);
}
.comment-form-cookies-consent{flex-direction:row!important;align-items:center;gap:9px}
.comment-form-cookies-consent label{font-weight:500;color:var(--ink-2);font-size:14px}
.comment-form .submit{justify-self:start}
.comment-notes,.logged-in-as{color:var(--muted);font-size:13.5px}

@media (max-width:640px){
  .comment-form{grid-template-columns:1fr}
  .comment-respond{padding:22px}
  .mu-comments__list ol.children{padding-inline-start:14px}
}

/* ---------- تفاصيل صغيرة ---------- */
.faq__h{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.faq__ic{display:none}
.faq__a>*:first-child{padding-top:0}
.faq__a p:last-child{padding-bottom:20px}
.gallery__item{border:0;padding:0}
.page-hero+.section{padding-top:64px}
.mu-listing .site-main:focus{outline:none}

/* شريط أدوات ووردبريس
   يخص قائمة الجوال المنسدلة فقط (تظهر تحت 980px)، حيث تصبح .nav
   لوحة ثابتة أعلى الشاشة فيغطي شريط الأدوات جزءًا منها.
   ارتفاع الشريط: 32px، و46px تحت 782px، ويصبح غير ثابت تحت 600px. */
@media screen and (max-width:980px){
  .admin-bar .nav{padding-top:122px}
}
@media screen and (max-width:782px){
  .admin-bar .nav{padding-top:136px}
}
@media screen and (max-width:600px){
  .admin-bar .nav{padding-top:90px}
}

/* الطباعة */
@media print{
  .topbar,.header,.footer,.wa-float,.to-top,.mu-comments,
  .entry__nav,.entry__share,.widget-area,.hero__wave{display:none!important}
  .page-hero{color:#000;padding:0 0 20px}
  .page-hero .hero__bg{display:none}
  .page-hero__title{color:#000}
  body{font-size:12pt}
}