/* ================================
   RTL FIXES — LIBYA Fashion Store
   For Arabic Right-to-Left layout
================================ */

/* Global RTL direction */
body {
  direction: rtl;
  text-align: right;
}

/* Accessibility: Visually Hidden Class */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ================================
   HEADER & MEGA MENU RTL
================================ */

.header nav .menu > li {
  text-align: right;
}

.mega-menu {
  right: 0 !important;
  left: auto !important;
}

.mega-menu .m-block a {
  padding-right: 0;
}

/* Fix mega menu layout on mobile */
@media (max-width: 992px) {
  .mega-menu {
    right: 50%;
    transform: translateX(50%);
  }
}

/* ================================
   PRODUCT CARD RTL
================================ */

.product-card h5,
.product-card p {
  text-align: right;
}

/* ================================
   NEWSLETTER RTL
================================ */

.newsletter-form {
  direction: rtl;
}

.newsletter-form input {
  text-align: right !important;
}

/* Center button correctly in RTL */
.newsletter-form button {
  text-align: center;
}

/* ================================
   INSTAGRAM GRID RTL
================================ */

.instagram-section img {
  direction: rtl;
}

/* ================================
   FOOTER RTL
================================ */

/* Keep text-align center on the footer links/info */
.footer * {
  text-align: center;
}

/* ================================
   SWIPER RTL FIXES
================================ */

.swiper-container {
  direction: rtl !important;
}

.swiper-button-next,
.swiper-button-prev {
  transform: scaleX(-1); /* reverse arrows */
}

/* ================================
   GLIGHTBOX RTL FIXES
================================ */

.gslide-description {
  direction: rtl;
  text-align: right;
}

/* ================================
   RESPONSIVE RTL ADJUSTMENTS
================================ */

@media (max-width: 576px) {
  .newsletter-form {
    flex-direction: column !important;
    text-align: center;
  }

  .newsletter-form input {
    text-align: center !important;
  }
}