#blogPopup{
    height: auto; /* calc( 100vh - 100px); */
    width: 80vw;
    max-width: 850px;
    flex-direction: column;
    text-align: left;
}

/* Disable browser scroll-anchoring on the popup wrapper (#bgdiv).
   #blogPopup has height:auto so it never scrolls — #bgdiv is the real
   scroll container. Without this the browser automatically adjusts
   scrollTop when the embed injects article content, scrolling down. */
#bgdiv {
    overflow-anchor: none;
}

#blogPopup.rtl{
    text-align: justify;
}

.soro-blog-card {
  display: none !important;
}

html[lang="ar_SA"] .soro-blog-card.lang-ar {
  display: flex !important;
}

html[lang="en_US"] .soro-blog-card.lang-en {
  display: flex !important;
}

html[lang="ar_SA"] .soro-blog-header {
  direction: ltr !important;
}

html[lang="ar_SA"] .soro-blog-header svg{
  transform: rotate(180deg);
}