/*
 * FESTS IO (fests.io) - LTR layer.
 *
 * The site's stylesheets were written for RTL Hebrew. Most layout already uses
 * logical properties and mirrors automatically under dir="ltr"; this file only
 * covers the places that are physical (arrows, positions, text alignment) and
 * the FESTS IO brand. It is loaded exclusively on fests.io.
 */

/* ── Brand ─────────────────────────────────────────────────────────────── */
html[dir="ltr"] .fx-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
}
/* The AIRDROP wordmark is a black image inverted to white in the base CSS;
   the FESTS IO icon keeps its own lime gradient. */
html[dir="ltr"] .fx-logo .fx-logo__icon { width: 28px !important; height: 28px !important; flex: 0 0 28px; display: block; filter: none !important; }
html[dir="ltr"] .sp-brand__logo { width: auto; }
html[dir="ltr"] .fx-logo__word {
  font-family: 'Google Sans', system-ui, sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .06em;
}
html[dir="ltr"] .sp-brand__logo .fx-logo,
html[dir="ltr"] .sp-mtop__brand .fx-logo { height: 32px; }
html[dir="ltr"] .sp-mobile-menu__head .fx-logo__word { font-size: 17px; }
html[dir="ltr"] .streamer-full__brand .fx-logo { justify-content: center; }
html[dir="ltr"] .swx__brand .fx-logo__word { font-size: 16px; }
html[dir="ltr"] .sp-brand { direction: ltr; }

/* ── Direction overrides (hard-coded RTL in the base styles) ───────────── */
html[dir="ltr"] .ev2-app,
html[dir="ltr"] .swx__deck,
html[dir="ltr"] .nearby-consent,
html[dir="ltr"] .ev2-read-more__label,
html[dir="ltr"] .ev2-read-more { direction: ltr; }

/* ── Horizontal rails & hero: "previous" sits on the left in LTR ───────── */
html[dir="ltr"] .sp-rail__nav--prev { inset-inline-end: auto; inset-inline-start: -6px; }
html[dir="ltr"] .sp-rail__nav--next { inset-inline-start: auto; inset-inline-end: -6px; }
html[dir="ltr"] .sp-nhero__arrow--prev { inset-inline-end: auto; inset-inline-start: 16px; }
html[dir="ltr"] .sp-nhero__arrow--next { inset-inline-start: auto; inset-inline-end: 16px; }

/* Chevrons that point "forward/back" in RTL need mirroring in LTR. */
html[dir="ltr"] .sp-topbar__nav svg,
html[dir="ltr"] .calx__monthnav svg,
html[dir="ltr"] .sp-gmodal__chev,
html[dir="ltr"] .mini-back svg,
html[dir="ltr"] .drawer__profile-cta svg,
html[dir="ltr"] .swx__saved-row svg { transform: scaleX(-1); }

/* ── Text alignment that was explicitly "right" ────────────────────────── */
html[dir="ltr"] .login-err,
html[dir="ltr"] .login-field,
html[dir="ltr"] .faq__q,
html[dir="ltr"] .faq__q > span:first-child,
html[dir="ltr"] .faq-item__q,
html[dir="ltr"] .club-hero__fact,
html[dir="ltr"] .ticket-iframe-modal__share-item,
html[dir="ltr"] .profile-hero__card,
html[dir="ltr"] .profile-hero__meta { text-align: left; }
@media (min-width: 880px) {
  html[dir="ltr"] .club-hero__content { text-align: left; }
}
html[dir="ltr"] .listing-page--worldwide .listing-count { text-align: left; }
html[dir="ltr"] .nearby-card__distance { text-align: right; direction: ltr; }
html[dir="ltr"] .nearby-card:hover { transform: translateX(2px); }

/* Legacy header user menu opens from the physical end. */
html[dir="ltr"] .user-menu__dropdown { left: auto; right: 0; transform-origin: top right; }

/* Filter pills: the fade hint sits at the inline end. */
@media (max-width: 720px) {
  html[dir="ltr"] .evfilters__pills-wrap::after {
    left: auto;
    right: 0;
    background: linear-gradient(to left, rgba(14, 14, 14, .98), rgba(14, 14, 14, 0));
  }
}

/* ── "Near you" shelf (home, FESTS IO only) ────────────────────────────── */
.sp-shelf__eyebrow {
  display: block;
  margin-bottom: 2px;
  color: var(--sp-text-2, #b3b3b3);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
[data-geo-shelf] { display: contents; }
[data-geo-shelf][hidden] { display: none; }

/* Footer CTA: no WhatsApp community on FESTS IO - brand lime instead of WhatsApp green. */
html[dir="ltr"] .sp-footer__community-btn { background: #cdff3a; color: #0b0b0b; }
html[dir="ltr"] .sp-footer__community-btn:hover { background: #dbff6a; }

/* Event page hero (desktop): in RTL the poster sits on the left and the copy on
   the right. Mirror it for LTR - copy on the left, poster on the right - and
   darken the image behind the copy instead of behind the poster. */
@media (min-width: 901px) {
  html[dir="ltr"] .ev2-hero__art { left: auto; right: clamp(28px, 5vw, 76px); }
  html[dir="ltr"] .ev2-hero__scrim {
    background:
      linear-gradient(0deg, rgba(7,7,9,.95) 0%, rgba(7,7,9,.84) 30%, rgba(7,7,9,.52) 58%, rgba(7,7,9,.12) 84%),
      linear-gradient(90deg, rgba(7,7,9,.76) 0%, rgba(7,7,9,.3) 50%, rgba(7,7,9,0) 78%);
  }
}