/* ==========================================================================
   WikiArab article page (single posts only).
   Loaded after wa-v2.css, only on single posts. It restyles the theme's own
   article markup (SmartMag "modern" layout); nothing here changes content,
   links, schema or the share/comment functions.
   Tokens: teal #0F6B64 / dark teal #0B4F4A / mint #E3F6EE / tint #F4F8F7 /
   line #E3EAE8 / ink #171717 / soft #46524F / mute #66726F.
   Kill switch: option wa_article_v2 = 0 stops this file from loading.
   ========================================================================== */

/* ---- page ground + the article card ------------------------------------- */
body.wa-v2.single-post { background: #F4F8F7; }
.wa-v2.single-post .smart-head-main,
.wa-v2.single-post .smart-head-mobile,
.wa-v2.single-post .smart-head-mobile .smart-head-row { background-color: #fff; }
.wa-v2.single-post .main-sidebar { border: 0 !important; }
.wa-v2.single-post .main-sidebar::before { display: none !important; }

/* The header, cover image and body are three sibling blocks in the theme;
   together they are drawn as one white card. */
.wa-v2.single-post .s-post-contain > .the-post-header {
  margin: 0 !important;
  padding: 26px 16px 0;
  border: 1px solid #E3EAE8;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  background: #fff;
}
.wa-v2.single-post .s-post-contain > .single-featured {
  margin: 0 !important;
  padding: 16px 16px 0;
  border-inline: 1px solid #E3EAE8;
  background: #fff;
}
.wa-v2.single-post .s-post-contain > .single-featured:empty { padding: 0; }
.wa-v2.single-post .the-post > article {
  margin: 0;
  padding: 18px 16px 24px;
  border: 1px solid #E3EAE8;
  border-top: 0;
  border-radius: 0 0 16px 16px;
  background: #fff;
}
.wa-v2.single-post .post-content {
  margin-top: 0 !important;
  padding: 0 !important;
  border-radius: 0;
  background: transparent;
}

/* ---- title + meta -------------------------------------------------------- */
.wa-v2.single-post .s-head-modern .post-title {
  max-width: 21em;
  margin: 12px 0 14px;
  font-family: "Noto Kufi Arabic", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0;
}
.wa-v2.single-post .post-meta-single .meta-below {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  font-size: 13px;
  line-height: 1.8;
  color: #66726F;
}
.wa-v2.single-post .post-meta-single .meta-below .meta-item { display: inline-flex; align-items: center; margin: 0; }
.wa-v2.single-post .post-meta-single .meta-below .meta-item::before { display: none; }
.wa-v2.single-post .post-meta-single .meta-below .meta-item i { margin-inline-end: 6px; font-size: 14px; color: #8A9693; }
.wa-v2.single-post .post-meta-single .meta-below .read-time { margin-inline-start: 0; }
.wa-v2.single-post .post-meta-single .meta-below .post-author .by { margin-inline-end: 4px; }
.wa-v2.single-post .post-meta-single .meta-below .post-author a { color: #171717; font-weight: 600; }
.wa-v2.single-post .post-meta-single .meta-below a { color: inherit; }
.wa-v2.single-post .post-meta-single .post-author img { width: 28px; height: 28px; margin-inline-end: 8px; }
/* Stay hidden: the visible "last updated" date (owner's choice). */
.wa-v2.single-post .post-meta-single .meta-below .meta-item.date-modified { display: none; }

/* ---- share row: small icon buttons --------------------------------------- */
.wa-v2.single-post .s-head-modern .post-share-b {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 16px -16px 0;
  padding: 0 16px 2px;
  overflow-x: auto;
  scrollbar-width: none;
}
.wa-v2.single-post .s-head-modern .post-share-b::-webkit-scrollbar { display: none; }
.wa-v2.single-post .post-share-b .share-text { flex: none; margin: 0; margin-inline-end: 4px; font-size: 13.5px; color: #46524F; }
.wa-v2.single-post .post-share-b .service {
  display: flex !important;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid #E3EAE8;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  transition: border-color 240ms, background 240ms, transform 240ms;
}
.wa-v2.single-post .post-share-b .service:hover { border-color: #0F6B64; background: #F4FBFA; transform: translateY(-1px); filter: none; }
.wa-v2.single-post .post-share-b .service .label { display: none; }
.wa-v2.single-post .post-share-b .service i { font-size: 18px; }
.wa-v2.single-post .post-share-b .show-more,
.wa-v2.single-post .post-share-b .s-tumblr { display: none !important; }

/* ---- cover image --------------------------------------------------------- */
.wa-v2.single-post .single-featured .featured { margin: 0; }
.wa-v2.single-post .single-featured .image-link,
.wa-v2.single-post .single-featured img { border-radius: 14px; overflow: hidden; }
.wa-v2.single-post .single-featured .wp-caption-text {
  margin: 8px 0 0 !important;
  font-size: 12.5px;
  font-style: normal;
  text-align: center;
  color: #66726F;
}

/* ---- body: intro, headings, links, lists --------------------------------- */
.wa-v2.single-post .post-content > p:first-child {
  margin-top: 0;
  padding: 12px 14px;
  border: 0;
  border-inline-start: 3px solid #0F6B64;
  border-radius: 10px;
  background: #F7FAF9; /* very light tint; darken toward #F1F6F5 for more contrast */
  color: #171717;
  font-size: 17.5px !important;
}
.wa-v2.single-post .post-content h1,
.wa-v2.single-post .post-content h2 {
  margin: 1.8em 0 .6em;
  font-size: 21px !important;
  font-weight: 700;
  line-height: 1.6 !important;
}
.wa-v2.single-post .post-content > h1 { padding-inline-start: 12px; border-inline-start: 3px solid #0F6B64; border-radius: 2px; }
.wa-v2.single-post .post-content h3 {
  margin: 1.5em 0 .5em;
  font-size: 18.5px !important;
  font-weight: 700;
  line-height: 1.65 !important;
  color: #0B4F4A !important;
}
.wa-v2.single-post .post-content h4 { margin: 1.3em 0 .4em; font-size: 17.5px !important; font-weight: 700; line-height: 1.65 !important; }
.wa-v2.single-post .post-content p a,
.wa-v2.single-post .post-content li a,
.wa-v2.single-post .post-content td a {
  color: #0F6B64;
  font-weight: 600;
  text-decoration: none;
  border-radius: 3px;
  transition: color 240ms, background 240ms;
}
.wa-v2.single-post .post-content p a:hover,
.wa-v2.single-post .post-content li a:hover,
.wa-v2.single-post .post-content td a:hover { color: #0B4F4A; background: #E3F6EE; text-decoration: underline; text-underline-offset: 4px; }

/* ---- tables --------------------------------------------------------------- */
.wa-v2.single-post .post-content .wp-block-table { margin: 1.6em 0; overflow-x: auto; }
.wa-v2.single-post .post-content table {
  width: 100%;
  margin: 1.6em 0;
  border: 1px solid #E3EAE8;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.wa-v2.single-post .post-content .wp-block-table table { margin: 0; }
.wa-v2.single-post .post-content table th,
.wa-v2.single-post .post-content table td {
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid #E3EAE8;
  text-align: start;
  vertical-align: top;
  line-height: 1.7;
}
.wa-v2.single-post .post-content table th { background-color: #0F6B64 !important; color: #fff !important; font-weight: 700; border-bottom: 0; }
.wa-v2.single-post .post-content table tr:nth-child(even) td { background: #F4F8F7; }
.wa-v2.single-post .post-content table tr:last-child td { border-bottom: 0; }

/* ---- bottom share --------------------------------------------------------- */
.wa-v2.single-post .post-share-bot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 18px 0 0;
  padding: 0;
  border: 0;
}
.wa-v2.single-post .post-share-bot .info { font-family: "Noto Kufi Arabic", system-ui, sans-serif; font-weight: 700; font-size: 15px; color: #171717; }

.wa-v2.single-post .post-share-bot .share-links { flex: 1 1 auto; width: auto; justify-content: flex-start; gap: 6px; }
.wa-v2.single-post .post-share-bot .share-links a { flex: 0 0 auto; width: 44px; height: 38px; line-height: 38px; margin: 0; border-radius: 10px; font-size: 17px; }
/* Floating share column beside the text: white buttons so they read on the tinted page. */
.wa-v2.single-post .post-share-float .service { background: #fff; }
.wa-v2.single-post .author-box .social-icons { width: auto; }

/* ---- previous / next ------------------------------------------------------ */
.wa-pn { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 18px 0 0; }
.wa-home .wa-pn__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid #E3EAE8;
  border-radius: 14px;
  background: #fff;
  transition: border-color 240ms, transform 240ms;
}
.wa-home .wa-pn__item:hover { border-color: #0F6B64; transform: translateY(-1px); }
.wa-pn__label { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: #0F6B64; }
.wa-pn__title {
  font-family: "Noto Kufi Arabic", system-ui, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.6;
  color: #171717;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wa-pn__item--next { text-align: end; align-items: flex-end; }

/* ---- author box ----------------------------------------------------------- */
/* Hidden at the owner's request. Delete this one line to show it again. */
.wa-v2.single-post .the-post > .author-box { display: none !important; }
.wa-v2.single-post .author-box {
  margin: 18px 0 0;
  padding: 18px;
  border: 1px solid #E3EAE8;
  border-radius: 16px;
  background: #fff;
}
.wa-v2.single-post .author-box .author-info { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; border: 0; }
.wa-v2.single-post .author-box .avatar { flex: none; width: 60px; height: 60px; margin: 0; border-radius: 50%; float: none; }
.wa-v2.single-post .author-box .description { flex: 1; min-width: 0; margin: 0; padding: 0; overflow: visible; }
.wa-v2.single-post .author-box .description > a {
  font-family: "Noto Kufi Arabic", system-ui, sans-serif;
  font-weight: 700;
  font-size: 16.5px;
  color: #171717;
}
.wa-v2.single-post .author-box .social-icons { display: inline-flex; float: none; margin: 0; margin-inline-start: 10px; padding: 0; vertical-align: middle; list-style: none; }
.wa-v2.single-post .author-box .social-icons a { color: #66726F; font-size: 14px; }
.wa-v2.single-post .author-box .bio { margin: 4px 0 0; font-size: 14px !important; line-height: 1.8 !important; color: #46524F; font-family: "IBM Plex Sans Arabic", system-ui, sans-serif !important; font-weight: 400 !important; }
.wa-v2.single-post .author-box .bio:empty { display: none; }

/* ---- related + comments blocks -------------------------------------------- */
.wa-v2.single-post .related-posts { margin-top: 32px; }
.wa-v2.single-post .the-post > .comments { margin-top: 28px; }
.wa-v2.single-post .comments-area {
  padding: 20px 16px;
  border: 1px solid #E3EAE8;
  border-radius: 16px;
  background: #fff;
}
.wa-v2.single-post .comments-list { margin: 0 0 24px; padding: 0; list-style: none; }
.wa-v2.single-post .comments-list .comment article,
.wa-v2.single-post .comments-list li > article { padding: 16px 0; border: 0; border-bottom: 1px solid #E3EAE8; }
.wa-v2.single-post .comments-list .comment-avatar img { border-radius: 50%; }
.wa-v2.single-post .comments-list .comment-author,
.wa-v2.single-post .comments-list .comment-author a { font-weight: 700; color: #171717; }
.wa-v2.single-post .comments-list .comment-time { font-size: 12.5px; color: #66726F; }
.wa-v2.single-post .comments-list .comment-content p { font-size: 15px !important; line-height: 1.85 !important; font-family: "IBM Plex Sans Arabic", system-ui, sans-serif !important; font-weight: 400 !important; color: #2A3331; }
.wa-v2.single-post .comments-list .comment-reply-link { color: #0F6B64; font-weight: 600; font-size: 13.5px; }
.wa-v2.single-post .comments-list .children { margin: 0; padding-inline-start: 22px; list-style: none; }

.wa-v2.single-post .comment-respond .comment-reply-title { margin: 0 0 14px; }
.wa-v2.single-post .comment-respond .comment-reply-title .heading {
  font-family: "Noto Kufi Arabic", system-ui, sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #171717;
}
.wa-v2.single-post #commentform { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; }
.wa-v2.single-post #commentform > p { margin: 0; padding: 0; font-size: 13.5px !important; line-height: 1.7 !important; font-family: "IBM Plex Sans Arabic", system-ui, sans-serif !important; font-weight: 400 !important; }
.wa-v2.single-post #commentform textarea:not([aria-hidden="true"]),
.wa-v2.single-post #commentform input[type="text"],
.wa-v2.single-post #commentform input[type="email"] {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid #CBD8D5;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  color: #171717;
  font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  transition: border-color 240ms, box-shadow 240ms;
}
.wa-v2.single-post #commentform textarea:not([aria-hidden="true"]) { height: 140px; padding: 12px 14px; resize: vertical; }
.wa-v2.single-post #commentform textarea:focus,
.wa-v2.single-post #commentform input[type="text"]:focus,
.wa-v2.single-post #commentform input[type="email"]:focus { border-color: #0F6B64; box-shadow: 0 0 0 4px rgba(15, 107, 100, .12); outline: none; }
.wa-v2.single-post #commentform input[type="checkbox"] { width: 18px !important; height: 18px; margin: 0; margin-inline-end: 8px; vertical-align: -3px; accent-color: #0F6B64; }
.wa-v2.single-post #commentform label { color: #46524F; }
.wa-v2.single-post #commentform input[type="submit"] {
  width: auto;
  height: 48px;
  padding: 0 32px;
  border: 0;
  border-radius: 999px;
  background: #0F6B64;
  box-shadow: none;
  color: #fff;
  font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  transition: background 240ms;
}
.wa-v2.single-post #commentform input[type="submit"]:hover { background: #0B4F4A; }

/* ---- phones ---------------------------------------------------------------- */
@media (max-width: 767px) {
  /* One tidy meta line on phones: author, date, reading time. */
  .wa-v2.single-post .post-meta-single .meta-below .meta-item.comments { display: none; }

  /* Tighter top: breadcrumb -> card -> category tag -> title. */
  .wa-v2.single-post .breadcrumbs-b + .main { margin-top: 10px; }
  .wa-v2.single-post .s-post-contain > .the-post-header { padding-top: 14px; }
  .wa-v2.single-post .s-head-modern .post-title { margin: 8px 0 10px; }

  /* Intro paragraph on phones: light background only, no side line. */
  .wa-v2.single-post .post-content > p:first-child { border-inline-start: 0; }

}
@media (max-width: 600px) {
  .wa-v2.single-post .post-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .wa-v2.single-post .post-content table th,
  .wa-v2.single-post .post-content table td { min-width: 120px; padding: 10px 12px; }
}

/* ---- tablet and up ---------------------------------------------------------- */
@media (min-width: 768px) {
  .wa-v2.single-post .breadcrumbs.breadcrumbs-b .inner > span { background: #fff; border-color: #E3EAE8; }
  .wa-v2.single-post .s-post-contain > .the-post-header { padding: 34px 34px 0; border-radius: 18px 18px 0 0; }
  .wa-v2.single-post .s-post-contain > .single-featured { padding: 22px 34px 0; }
  .wa-v2.single-post .the-post > article { padding: 24px 34px 34px; border-radius: 0 0 18px 18px; }
  .wa-v2.single-post .s-head-modern .post-title { margin: 14px 0 16px; font-size: 34px; line-height: 1.45; }
  .wa-v2.single-post .post-meta-single .meta-below { font-size: 13.5px; gap: 6px 20px; }
  .wa-v2.single-post .s-head-modern .post-share-b { margin: 20px 0 0; padding: 0; overflow: visible; flex-wrap: wrap; }
  .wa-v2.single-post .single-featured .image-link,
  .wa-v2.single-post .single-featured img { border-radius: 16px; }
  .wa-v2.single-post .post-content > p:first-child { padding: 16px 20px; font-size: 19px !important; }
  .wa-v2.single-post .post-content h1,
  .wa-v2.single-post .post-content h2 { font-size: 25px !important; }
  .wa-v2.single-post .post-content h3 { font-size: 20.5px !important; }
  .wa-v2.single-post .post-content h4 { font-size: 18px !important; }
  .wa-pn { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
  .wa-v2.single-post .author-box { margin-top: 22px; padding: 22px 24px; }
  .wa-v2.single-post .author-box .avatar { width: 68px; height: 68px; }
  .wa-v2.single-post .related-posts { margin-top: 40px; }
  .wa-v2.single-post .comments-area { padding: 28px 34px; border-radius: 18px; }
  .wa-v2.single-post #commentform { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wa-v2.single-post #commentform > p { grid-column: 1 / -1; }
  .wa-v2.single-post #commentform > p.comment-form-author,
  .wa-v2.single-post #commentform > p.comment-form-email,
  .wa-v2.single-post #commentform > p.comment-form-url { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .wa-v2.single-post .post-share-b .service,
  .wa-home .wa-pn__item { transition: none; transform: none !important; }
}