/* ═══════════════════════════════════════════════════════
   SAADA THEME — AdSense placements (v2.8.5)
   CLS-safe (reserved min-heights), responsive, async,
   direction-neutral (identical in AR RTL / FR / EN LTR).
═══════════════════════════════════════════════════════ */
.sfd-ad {
  display: block;
  clear: both;
  text-align: center;
  margin: 28px auto;
  max-width: 1140px;
  padding: 0 16px;
}
.sfd-ad-label {
  display: block;
  font-family: 'Outfit', 'Cairo', sans-serif;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #9db4bb;
  margin-bottom: 6px;
}
.sfd-page.ar .sfd-ad-label { font-family: 'Cairo', sans-serif; letter-spacing: 0; text-transform: none; font-size: .72rem; }
.sfd-ad-unit {
  display: block;
  overflow: hidden;          /* prevents stray overflow → no horizontal CLS */
  border-radius: 10px;
}
.sfd-ad-unit ins.adsbygoogle { display: block; width: 100%; }

/* ── Device visibility (Enable/Disable handled server-side) ────── */
@media (max-width: 980px)  { .sfd-ad--desktop { display: none !important; } }
@media (min-width: 981px)  { .sfd-ad--mobile  { display: none !important; } }

/* ── In-article placements: tighter width, matches the post column ─ */
.sfd-ad--post_p2, .sfd-ad--post_middle, .sfd-ad--post_before,
.sfd-ad--post_after, .sfd-ad--post_related, .sfd-ad--post_comments {
  max-width: 820px;
  margin: 30px auto;
}

/* ── In-feed: spans the whole card grid row ─────────────────────── */
.sfd-ad--infeed { grid-column: 1 / -1; margin: 6px 0; max-width: none; padding: 0; }

/* ── Desktop sidebar rail (single posts, wide screens only) ─────── */
.sfd-ad-rail {
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  inset-inline-start: 100%;
  margin-inline-start: 36px;
  width: 300px;
}
@media (min-width: 1400px) {
  .sfd-ad-rail { display: flex; flex-direction: column; gap: 24px; }
}
.sfd-ad-rail .sfd-ad { margin: 0; padding: 0; max-width: 300px; }
.sfd-ad-rail .sfd-ad--side_sticky { position: sticky; top: 96px; }
.sfd-ad-rail .sfd-ad--side_bottom { margin-top: auto; position: sticky; bottom: 24px; }

/* Never let the rail leak on smaller screens even if CSS above fails */
@media (max-width: 1399px) { .sfd-ad-rail { display: none !important; } }