/* =============================================================================
 * Arabdown Child — Parent Theme Overrides (Minimal, Neo-Noir)
 * -----------------------------------------------------------------------------
 * v2.0.0 — Replaces the bloated 2649-line file with a focused list of
 * REAL parent theme conflicts only.
 *
 * Everything else lives in:
 *   • components/*.css (article-toc, sticky-share, picture-media)
 *   • homepage.css / single.css / author.css (page-specific)
 *   • parent-fixes.css (large parent overrides من B2)
 *   • responsive.css (media queries)
 *
 * 📛 !important مُبرَّر هنا فقط لأن قواعد الأب UNLAYERED تتفوّق على layers.
 * ============================================================================= */

@layer parent {

  /* (1) Body backdrop — Neo-Noir applied globally */
  body, .site, #page {
    background: var(--ad-bg);
    color: var(--ad-text);
    font-family: var(--ad-font-body);
  }

  /* (2) Header backdrop — منع flash من القالب الأب */
  .site-header,
  .a4h-navbar,
  .a4h-header,
  #site-header {
    background: var(--ad-bg) !important;
    border-block-end: 1px solid var(--ad-outline);
  }

  /* (3) Single article — block layout (parent uses flex incorrectly) */
  .single-article {
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
  }

  /* (4) Drop-cap من القالب الأب — نُعطّله على الجوال */
  @media (max-width: 768px) {
    .article-body > p:first-of-type::first-letter {
      all: unset;
    }
  }

  /* (5) Article body H2/H3/H4 — يزيل blockquote-look الذي يفرضه الأب */
  .article-body h2,
  .article-body h3,
  .article-body h4 {
    background: transparent !important;
    border: none;
    padding-inline-start: 0;
    color: var(--ad-text);
  }
  /* البديل الصحيح: heading حقيقي بـ accent يسارٍ */
  .article-body h2 {
    font-size: var(--ad-fs-h2);
    font-weight: var(--ad-fw-bold);
    line-height: var(--ad-lh-heading);
    margin-block: var(--ad-space-7) var(--ad-space-3);
    padding-inline-start: var(--ad-space-3);
    border-inline-start: 3px solid var(--ad-primary);
  }
  .article-body h3 {
    font-size: var(--ad-fs-h3);
    font-weight: var(--ad-fw-semibold);
    line-height: var(--ad-lh-heading);
    margin-block: var(--ad-space-6) var(--ad-space-3);
  }
  .article-body h4 {
    font-size: var(--ad-fs-h4);
    font-weight: var(--ad-fw-semibold);
    line-height: var(--ad-lh-heading);
    margin-block: var(--ad-space-5) var(--ad-space-2);
  }

  /* (6) blockquote — تصميم quote حقيقي */
  .article-body blockquote {
    border-inline-start: 4px solid var(--ad-primary);
    background: var(--ad-surface);
    padding: var(--ad-space-5);
    margin-block: var(--ad-space-6);
    color: var(--ad-text-variant);
    font-style: italic;
    border-radius: 0 var(--ad-radius-base) var(--ad-radius-base) 0;
  }

  /* (7) Archive page mobile — كروت grid بدلاً من column-per-word */
  /* parent classes verified من responsive.css/parent-fixes.css */
  .recent-news__item,
  .news-listing__item,
  .post-listing-item,
  article.post:not(.single-article),
  .posts-loop > article,
  .posts-list > .post {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    gap: var(--ad-space-4) !important;
    align-items: start;
    padding: var(--ad-space-4) 0 !important;
    border-block-end: 1px solid var(--ad-outline) !important;
  }
  @media (min-width: 768px) {
    .recent-news__item,
    .news-listing__item,
    .post-listing-item,
    article.post:not(.single-article),
    .posts-loop > article,
    .posts-list > .post {
      grid-template-columns: 140px 1fr !important;
      gap: var(--ad-space-5) !important;
    }
  }
  /* الصور — aspect-ratio + object-fit (يمنع 600px placeholders فارغة) */
  :where(.recent-news__item, .news-listing__item, .post-listing-item, article.post:not(.single-article)) img,
  :where(.recent-news__item, .news-listing__item, .post-listing-item, article.post:not(.single-article)) .post-thumbnail img,
  :where(.recent-news__item, .news-listing__item, .post-listing-item, article.post:not(.single-article)) .post-thumb img {
    aspect-ratio: 4 / 3 !important;
    inline-size: 100% !important;
    block-size: auto !important;
    object-fit: cover !important;
    border-radius: var(--ad-radius-base);
    background: var(--ad-surface-high);
  }
  /* العنوان clamp 2 lines */
  :where(.recent-news__item, .news-listing__item, .post-listing-item, article.post:not(.single-article)) :where(h2, h3) {
    font-size: var(--ad-fs-body) !important;
    line-height: var(--ad-lh-heading) !important;
    margin: 0 0 var(--ad-space-2) 0 !important;
    color: var(--ad-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* (8) Floating widgets — push-prompt من arabdown-pro plugin */
  /* Per user confirmation: bell widget هو من arabdown-pro */
  .arabdown-pro-push-prompt,
  [class*="push-subscribe"],
  [class*="push-prompt"] {
    position: fixed !important;
    inset-block-start: auto !important;
    inset-inline-start: var(--ad-space-4) !important;
    inset-inline-end: auto !important;
    inset-block-end: var(--ad-space-4) !important;
    z-index: var(--ad-z-fixed);
    max-inline-size: 320px;
  }
  /* Defensive: chat widgets (لو موجود من 3rd party plugin) — bottom-end دائمًا */
  .tawk-min-container,
  [id*="tawk"],
  iframe[title*="chat"],
  [class*="chat-widget"]:not(.article-body) {
    position: fixed !important;
    inset-block-start: auto !important;
    inset-block-end: var(--ad-space-4) !important;
    inset-inline-end: var(--ad-space-4) !important;
    inset-inline-start: auto !important;
  }
  /* Mobile: hide push-prompt (يتعارض مع share bar) */
  @media (max-width: 768px) {
    .arabdown-pro-push-prompt,
    [class*="push-subscribe"],
    [class*="push-prompt"] {
      display: none !important;
    }
  }

  /* (9) Selection — Neo-Noir green */
  ::selection      { background: var(--ad-primary); color: var(--ad-on-primary); }
  ::-moz-selection { background: var(--ad-primary); color: var(--ad-on-primary); }

  /* (10) Auto-ads قبل عنوان المقال — defensive hide */
  /* AdSense Auto-Ads قد تحقن <ins> فوق المقال — نخفيها على single */
  body.single-post ins.adsbygoogle:not(.our-ad):not([data-ad-status="filled"]) {
    display: none !important;
  }
  /* Auto-ads بين article-header و article-body */
  body.single-post .article-header ~ ins.adsbygoogle:not(.our-ad),
  body.single-post .article-header + .adsbygoogle-anchor {
    display: none !important;
  }

}