/* ==========================================================================
   Estraha — direction layer: left to right
   --------------------------------------------------------------------------
   Loaded after style.css, which carries the whole design using CSS Logical
   Properties. Only what logical properties cannot flip belongs here:

     · motion direction (transform does not follow the writing direction)
     · icon mirroring   (arrows point the way the eye reads)
     · shimmer sweep    (runs from where reading starts)

   Add a new directional rule here and its counterpart in style.rtl.css —
   never copy anything from the base file.
   ========================================================================== */

/* ---- "read more" arrow: advances to the right in LTR ---- */
.es-link-arrow:hover i { transform: translateX(3px); }

/* ---- directional icons keep their natural orientation ---- */
.es-flip-x { transform: none; }

/* ---- skeleton shimmer sweeps left to right ---- */
.es-skel::after { animation-name: esShimmer; }

@keyframes esShimmer { 100% { transform: translateX(100%); } }

/* وقت الفترة تحت أزرارها في بطاقة الحجز */
.es-chip .es-chip-time {
  display: block;
  font-size: .68rem;
  opacity: .7;
  font-weight: 400;
  margin-block-start: .1rem;
}