/* RTL hard override for Arabic blog view */
.blog-view-page--rtl{
  direction: rtl;
  text-align: right;
}

/* breadcrumbs */
.blog-view-page--rtl .blog-view-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-start;
}
.blog-view-page--rtl .blog-view-breadcrumbs a,
.blog-view-page--rtl .blog-view-breadcrumbs span{
  direction: rtl;
}

/* header/meta */
.blog-view-page--rtl .blog-view-header,
.blog-view-page--rtl .blog-view-meta{
  text-align:right;
}

/* hero image */
.blog-view-page--rtl .blog-hero,
.blog-view-page--rtl .blog-hero-img{
  width:100%;
  max-width:100%;
  border-radius:18px;
}

/* content */
.blog-view-page--rtl .blog-view-content{
  direction: rtl;
  text-align:right;
}
.blog-view-page--rtl .blog-view-content p,
.blog-view-page--rtl .blog-view-content li{
  line-height: 1.9;
}

/* figures */
.blog-view-page--rtl figure.blog-inline-image{
  margin: 18px 0;
  text-align:center;
}
.blog-view-page--rtl figure.blog-inline-image figcaption{
  text-align:center;
}

/* tables: keep readable */
.blog-view-page--rtl table{
  width:100%;
  overflow-x:auto;
  display:block;
}

/* back link */
.blog-view-page--rtl .blog-view-back a{
  display:inline-flex;
  flex-direction:row-reverse;
  gap:10px;
  align-items:center;
}

/* if blog.css uses grid/sidebar, force single column on Arabic */
.blog-view-page--rtl .blog-view-card{
  max-width: 960px;
  margin: 0 auto;
}
/* ==============================
   BLOG INDEX RTL FIX (AR /ar/blog)
   ============================== */

.blog-index-page--rtl{
  direction: rtl;
  text-align: right;
}

.blog-index-page--rtl .blog-index-header{
  align-items: flex-start;
}

.blog-index-page--rtl .blog-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.blog-index-page--rtl .blog-card{
  margin: 0;
}

.blog-index-page--rtl .blog-card-inner{
  display: flex;
  flex-direction: row-reverse; /* ✅ thumb right */
  gap: 18px;
  align-items: stretch;
  text-decoration: none;
}

.blog-index-page--rtl .blog-card-thumb-wrap{
  flex: 0 0 260px;
  width: 260px;
}

.blog-index-page--rtl .blog-card-thumb{
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

.blog-index-page--rtl .blog-card-body{
  flex: 1 1 auto;
  text-align: right;
}

.blog-index-page--rtl .blog-card-meta{
  justify-content: flex-end;
}

.blog-index-page--rtl .blog-card-title{
  text-align: right;
}

.blog-index-page--rtl .blog-card-excerpt{
  text-align: right;
  line-height: 1.8;
}

/* Read more arrow direction */
.blog-index-page--rtl .blog-card-readmore{
  text-align: right;
}

/* Mobile stack */
@media (max-width: 820px){
  .blog-index-page--rtl .blog-card-inner{
    flex-direction: column;
  }
  .blog-index-page--rtl .blog-card-thumb-wrap{
    width: 100%;
    flex: 0 0 auto;
  }
  .blog-index-page--rtl .blog-card-thumb{
    height: 220px;
  }
}
/* ==============================
   HARD KILL: Featured/hero first card in RTL
   (blog.css likely styles :first-child differently)
   ============================== */

.blog-index-page--rtl .blog-card:first-child .blog-card-inner{
  display:flex !important;
  flex-direction:row-reverse !important; /* thumb right */
  gap:18px !important;
}

.blog-index-page--rtl .blog-card:first-child .blog-card-thumb-wrap{
  flex:0 0 260px !important;
  width:260px !important;
}

.blog-index-page--rtl .blog-card:first-child .blog-card-thumb{
  height:180px !important;
  border-radius:14px !important;
  object-fit:cover !important;
}

/* If blog.css makes first image full-width */
.blog-index-page--rtl .blog-card:first-child .blog-card-body{
  text-align:right !important;
}