/* ================================
   Arabic Gallery Base
================================ */

.page-gallery-ar {
  direction: rtl;
}

.page-gallery-ar .gallery-page {
  text-align: right;
}

.page-gallery-ar :is(.gallery-hero__copy, .gallery-hero__note, .gallery-work__intro p:not(.gallery-work__eyebrow), .gallery-work__content span, .gallery-work__empty, .gallery-modal__caption, .gallery-videos__intro p:not(.gallery-videos__eyebrow), .gallery-videos__content p:not(.gallery-videos__label), .gallery-video-modal__caption, .gallery-cta__copy) {
  line-height: 1.75;
}

.page-gallery-ar :is(.gallery-hero__title, .gallery-work__intro h2, .gallery-work__content h3, .gallery-modal__title, .gallery-videos__intro h2, .gallery-videos__content h3, .gallery-video-modal__title, .gallery-cta__title) {
  overflow-wrap: break-word;
  word-break: normal;
}

/* ================================
   Arabic Gallery Header / Footer
================================ */

.page-gallery-ar .site-header,
.page-gallery-ar .mobile-menu,
.page-gallery-ar .site-footer {
  direction: rtl;
}

.page-gallery-ar .language-switcher__menu,
.page-gallery-ar .mobile-language {
  text-align: right;
}

.page-gallery-ar .primary-nav__list,
.page-gallery-ar .site-header__actions,
.page-gallery-ar .mobile-menu__link,
.page-gallery-ar .mobile-language__list {
  direction: rtl;
}

.page-gallery-ar .mobile-menu__link {
  justify-content: flex-start;
}

.page-gallery-ar .site-footer__brand,
.page-gallery-ar .site-footer__nav,
.page-gallery-ar .site-footer__contact {
  text-align: right;
}

.page-gallery-ar .header-cta__arrow,
.page-gallery-ar .site-footer__cta-icon {
  rotate: -135deg;
}

/* ================================
   Arabic Gallery Hero
================================ */

.page-gallery-ar .gallery-hero__inner,
.page-gallery-ar .gallery-hero__copy,
.page-gallery-ar .gallery-hero__note {
  direction: rtl;
  text-align: right;
}

.page-gallery-ar .gallery-hero__eyebrow {
  letter-spacing: 0;
  text-transform: none;
}

.page-gallery-ar .gallery-hero__eyebrow::before {
  background: linear-gradient(270deg, var(--color-orange), rgba(252, 149, 1, 0.18));
}

.page-gallery-ar .gallery-hero__title {
  line-height: 1.12;
  letter-spacing: 0;
}

.page-gallery-ar .gallery-hero .line-mask {
  padding-block: 0.08em;
}

.page-gallery-ar .gallery-hero__link {
  direction: rtl;
}

/* ================================
   Arabic Gallery Filters
================================ */

.page-gallery-ar .gallery-work__filters {
  direction: rtl;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap !important;
  scrollbar-width: none;
  white-space: nowrap;
  transform: none !important;
  -webkit-overflow-scrolling: touch;
}

.page-gallery-ar .gallery-work__filters::-webkit-scrollbar {
  display: none;
}

.page-gallery-ar .gallery-work__filters > * {
  flex: 0 0 auto;
  white-space: nowrap;
}

.page-gallery-ar .gallery-work__filter {
  direction: rtl;
  flex: 0 0 auto;
  white-space: nowrap;
  letter-spacing: 0;
  text-transform: none;
}

/* ================================
   Arabic Gallery Grid
================================ */

.page-gallery-ar .gallery-work__intro,
.page-gallery-ar .gallery-work__item-button,
.page-gallery-ar .gallery-work__content,
.page-gallery-ar .gallery-work__empty {
  direction: rtl;
  text-align: right;
}

.page-gallery-ar .gallery-work__eyebrow,
.page-gallery-ar .gallery-work__intro h2,
.page-gallery-ar .gallery-work__content p,
.page-gallery-ar .gallery-work__content h3,
.page-gallery-ar .gallery-work__content span {
  letter-spacing: 0;
}

.page-gallery-ar .gallery-work__eyebrow,
.page-gallery-ar .gallery-work__content p {
  text-transform: none;
}

.page-gallery-ar .gallery-work__content span {
  margin-inline: 0 auto;
}

@media (max-width: 47.999rem) {
  .page-gallery-ar .gallery-work__filters {
    scroll-padding-inline: var(--page-gutter);
  }

  .page-gallery-ar .gallery-work__intro h2 {
    max-width: 14ch;
  }
}

/* ================================
   Arabic Gallery Modal / GSAP Flip
================================ */

.page-gallery-ar .gallery-modal,
.page-gallery-ar .gallery-modal__dialog,
.page-gallery-ar .gallery-modal__content {
  direction: rtl;
  text-align: right;
}

.page-gallery-ar .gallery-modal__category {
  letter-spacing: 0;
  text-transform: none;
}

.page-gallery-ar .gallery-modal__caption {
  margin-inline: auto 0;
}

@media (max-width: 47.999rem) {
  .page-gallery-ar .gallery-modal__title {
    line-height: 1.14;
  }
}

/* ================================
   Arabic Video Gallery
================================ */

.page-gallery-ar .gallery-videos,
.page-gallery-ar .gallery-videos__intro,
.page-gallery-ar .gallery-videos__content,
.page-gallery-ar .gallery-video-modal,
.page-gallery-ar .gallery-video-modal__content,
.page-gallery-ar .gallery-video-modal__label,
.page-gallery-ar .gallery-video-modal__title,
.page-gallery-ar .gallery-video-modal__caption {
  direction: rtl;
  text-align: right;
}

.page-gallery-ar .gallery-videos__eyebrow,
.page-gallery-ar .gallery-videos__label,
.page-gallery-ar .gallery-videos__content h3,
.page-gallery-ar .gallery-video-modal__label {
  letter-spacing: 0;
  text-transform: none;
}

.page-gallery-ar .gallery-videos__content p:not(.gallery-videos__label) {
  margin-inline: 0 auto;
}

.page-gallery-ar .gallery-video-modal__caption {
  margin-inline: 0 auto;
}

.page-gallery-ar .gallery-video-modal__title {
  line-height: 1.14;
}

/* ================================
   Arabic Gallery CTA
================================ */

.page-gallery-ar .gallery-cta,
.page-gallery-ar .gallery-cta__inner,
.page-gallery-ar .gallery-cta__copy {
  direction: rtl;
  text-align: right;
}

.page-gallery-ar .gallery-cta__eyebrow {
  letter-spacing: 0;
  text-transform: none;
}

.page-gallery-ar .gallery-cta__title {
  max-width: 16ch;
  line-height: 1.12;
  letter-spacing: 0;
}

.page-gallery-ar .gallery-cta .line-mask {
  padding-block: 0.08em;
}

.page-gallery-ar .gallery-cta__button-icon {
  rotate: -135deg;
}

.page-gallery-ar .gallery-cta__actions,
.page-gallery-ar .gallery-cta__button {
  direction: rtl;
}

.page-gallery-ar .gallery-cta__actions {
  justify-content: flex-start;
}

@media (max-width: 47.999rem) {
  .page-gallery-ar .gallery-cta__title {
    max-width: 13ch;
  }
}
