/* =========================================================
   rtl.css — loads AFTER main.css (RTL tweaks)
   ========================================================= */


:is(html[dir="rtl"], :dir(rtl)) body{

  text-align: start;
}




:is(html[dir="rtl"], :dir(rtl)) .navbar .nav-link{
  letter-spacing: .1px;
}


:is(html[dir="rtl"], :dir(rtl)) .breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color: var(--muted);
}


:is(html[dir="rtl"], :dir(rtl)) .dropdown-menu{
  text-align: start;
}


:is(html[dir="rtl"], :dir(rtl)) .list-group{
  padding-inline-start: 0;
}


:is(html[dir="rtl"], :dir(rtl)) .topbar .date-separator{
  margin-inline: .5rem;
}
@media (max-width:575.98px){
  :is(html[dir="rtl"], :dir(rtl)) .topbar .date-separator{
    margin-inline: .25rem;
    line-height: 1;
  }
}




:is(html[dir="rtl"], :dir(rtl)) .carousel-control-next-icon{ transform: scaleX(-1); }
:is(html[dir="rtl"], :dir(rtl)) .carousel-control-prev-icon{ transform: scaleX(-1); }


:is(html[dir="rtl"], :dir(rtl)) .icon-prev,
:is(html[dir="rtl"], :dir(rtl)) .icon-next,
:is(html[dir="rtl"], :dir(rtl)) .dir-start,
:is(html[dir="rtl"], :dir(rtl)) .dir-end{
  transform: scaleX(-1);
}
:is(html[dir="rtl"], :dir(rtl)) .icon-dir[data-dir="prev"],
:is(html[dir="rtl"], :dir(rtl)) .icon-dir[data-dir="next"],
:is(html[dir="rtl"], :dir(rtl)) .icon-dir[data-dir="start"],
:is(html[dir="rtl"], :dir(rtl)) .icon-dir[data-dir="end"]{
  transform: scaleX(-1);
}




:is(html[dir="rtl"], :dir(rtl)) .text-start { text-align: start !important; }
:is(html[dir="rtl"], :dir(rtl)) .text-end   { text-align: end !important; }


:is(html[dir="rtl"], :dir(rtl)) .btn:focus-visible{
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}