@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");

*:not(i):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-light) {
    font-family: "Cairo", sans-serif !important;
}

/* ============================================================
   style-ar.css — RTL Overrides for Maracuja FC
   يتم تحميله بعد main.css لتعديل الاتجاهات للعربية
   ============================================================ */

/* ── Base Direction ── */
html[lang="ar"],
[lang="ar"] {
  direction: rtl;
  text-align: right;
}

/* ============================================================
   TOPBAR
   ============================================================ */

/* Social icons — تكون على اليمين بدل الشمال */
.site-header__topbar-social {
  margin-right: 0;
  margin-left: auto;
}

/* Language switch — تكون على اليسار بدل اليمين */
.site-header__topbar-lang {
  margin-left: 0;
  margin-right: auto;
}

/* ============================================================
   NAVBAR (mnav)
   ============================================================ */

/* Logo — margin يبقى على اليسار بدل اليمين */
.mnav__logo {
  margin-right: 0;
  margin-left: auto;
}

/* Actions (search + CTA) — margin يبقى على اليمين */
.mnav__actions {
  margin-left: 0;
  margin-right: 1rem;
}

.mnav__link {
  font-size: 0.8rem;
}

/* Underline animation على الـ nav link — تبدأ من اليمين */
.mnav__link::after {
  left: 50%;
  right: 50%;
}

.mnav__link:hover::after {
  left: 0.8rem;
  right: 0.8rem;
}

/* Active link */
.mnav__link--active::after {
  left: 0.8rem !important;
  right: 0.8rem !important;
}

/* Mega menu — featured panel يكون على اليمين */
.mnav__mega-featured {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}

/* Glow circle في الـ mega featured — تنعكس */
.mnav__mega-featured::before {
  right: auto;
  left: -40px;
}

/* Mega col links — السهم الصغير يكون على اليمين */
.mnav__mega-col-link {
  padding-left: 0;
  padding-right: 0;
  transition:
    color 0.18s ease,
    padding-right 0.18s ease;
}

.mnav__mega-col-link::before {
  left: auto;
  right: -12px;
}

.mnav__mega-col-link:hover {
  padding-left: 0;
  padding-right: 12px;
}

.mnav__mega-col-link:hover::before {
  opacity: 1;
}

/* Mobile hamburger — يبقى على اليسار */
.mnav__hamburger {
  margin-left: 0;
  margin-right: 0;
}

/* Mobile search btn */
.mnav__search-btn--mobile {
  margin-left: 0;
  margin-right: auto;
  order: 2;
}

/* Mobile drawer — يطلع من اليمين */
@media (max-width: 991px) {
  .mnav__menu {
    left: auto;
    right: 0;
    transform: translateX(110%);
    border-top: 1px solid rgba(212, 132, 143, 0.18);
    box-shadow:
      -6px 0 60px rgba(0, 0, 0, 0.7),
      inset 1px 0 0 rgba(212, 132, 143, 0.05);
  }

  .mnav__checkbox:checked ~ .mnav__menu {
    transform: translateX(0) !important;
  }

  /* Active link — indent من اليمين */
  .mnav__item--open > .mnav__link {
    padding-left: 1.5rem;
    padding-right: 1.8rem;
  }

  .mnav__link:hover {
    padding-left: 1.5rem;
    padding-right: 1.8rem;
  }

  /* Mega sub-menu — الخط الجانبي يكون على اليمين */
  .mnav__mega {
    border-left: none;
    border-right: 2px solid rgba(212, 132, 143, 0.3);
    margin-left: 1rem;
    margin-right: 1.5rem;
  }

  /* Mega cols padding */
  .mnav__mega-cols {
    padding: 0.5rem 1.5rem 1rem;
  }

  /* Chevron — يتجه للعكس */
  .mnav__item:not(.mnav__item--mobile-only) .mnav__link::after {
    border-right: none;
    border-left: none;
    /* border-top: 2px solid rgba(255, 255, 255, 0.4); */
    border-right: 2px solid rgba(255, 255, 255, 0.4); /* ← بدل border-left */
    transform: rotate(135deg); /* ← بدل 45deg */
  }

  .mnav__item--open .mnav__link::after {
    transform: rotate(-135deg) !important;
  }
}

/* ============================================================
   SEARCH PANEL
   ============================================================ */

/* Close button — يكون على اليسار */
.inline-search-panel__close {
  margin-top: 2.1rem;
}

/* Search box — RTL fixes
   الـ ::before pseudo-element مش flex item فـ order مش بيشتغل معاه
   الحل: نخبي الـ ::before ونحط الأيقونة على اليمين عبر padding + background */

/* إخفاء الأيقونة الأصلية اللي بتيجي على اليسار */
.site-search-modal__input-group::before {
  display: none;
}

/* نعوّضها بـ padding-right + background على الـ input نفسه */
.site-search-modal__input {
  padding: 0.8rem 0.5rem 0.8rem 0;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='rgba(255,255,255,0.35)' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.099zm-5.242 1.656a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z'/%3E%3C/svg%3E")
    right 14px center / 15px no-repeat;
  padding-right: 42px;
}

/* Submit button — margin يتعكس: يبعد من اليسار بدل اليمين */
.site-search-modal__submit {
  margin: 5px 0 5px 5px;
}

/* ============================================================
   HERO SECTION (h2)
   ============================================================ */
.h2-heading {
  line-height: 1.2;
}
.h2-heading__line1,
.h2-heading__line2 {
  display: inline-block;
  font-size: clamp(3.5rem, 8vw, 5rem);
  font-weight: 700;
}

/* Ticker — يسير من اليسار لليمين */
@keyframes h2scroll-rtl {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(50%);
  }
}

.h2-ticker__belt {
  animation-name: h2scroll-rtl;
}

/* Player image — تنعكس الجهة */
.h2-player {
  left: auto;
  right: 50%;
  transform: translateX(85%);
}

/* Club home — يكون على اليمين */
/* .h2-club--home {
  order: 1;
} */

/* .h2-club--away {
  order: 3;
} */

.section__heading {
  font-weight: 700;
}

/* ============================================================
   SECTION HEADER — eyebrow line قبل النص
   ============================================================ */

/* Membership eyebrow — الخط يكون على اليمين */
.membership-cta__eyebrow::before {
  margin-right: 0;
  margin-left: 0.5rem;
}

/* ============================================================
   RESORT & ESTATE
   ============================================================ */

/* Resort hero badge — يكون على اليمين */
.resort-hero__badge {
  left: auto;
  right: 28px;
}

/* Split body — border يكون على اليمين */
/* .resort-split__body {
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  border-left: none;
  order: 2;
} */

@media (max-width: 991px) {
  .resort-split__body {
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    border-right: none;
  }
}

/* Resort split media — تكون على اليسار */
/* .resort-split__media {
  order: 1;
} */

/* @media (max-width: 991px) {
  .resort-split__media {
    order: 0;
  }
} */

/* Tile hover line — تبدأ من اليمين */
.resort-tile::after {
  transform-origin: right;
}

/* Resort tile link hover — gap يكبر لليمين */
.resort-tile__link:hover {
  gap: 14px;
}

/* ============================================================
   ACADEMY SECTION
   ============================================================ */

/* Badge — يكون على اليمين */
.acad2-hero__badge {
  left: auto;
  right: 24px;
}

/* Trials banner — الخط الجانبي يكون على اليمين */
.acad2-trials-banner__left-bar {
  left: auto;
  right: 0;
  background: linear-gradient(180deg, #d4848f, transparent);
}

/* Tile top accent line — تبدأ من اليمين */
.acad2-tile::before {
  background: linear-gradient(270deg, #d4848f, transparent);
}

/* Academy tile link hover gap */
.acad2-tile__link {
  transition:
    gap 0.2s,
    color 0.2s;
}

.acad2-tile__link:hover {
  gap: 10px;
}

/* ============================================================
   MATCHDAY / FIXTURES
   ============================================================ */

/* Fixture card — الخط الملوّن يكون على اليمين */
.fixture-card {
  border-left: none;
  border-right: 4px solid transparent;
}

.fixture-card--result {
  border-right-color: var(--color-eggplant);
}

.fixture-card--away {
  border-right-color: var(--color-gold);
}

/* Inner grid — الـ padding يكون على اليمين */
.fixture-card__inner {
  padding-left: var(--space-5);
  padding-right: calc(var(--space-5) + 4px);
}

/* Competition col — padding يكون على اليسار */
.fixture-card__competition-col {
  padding-right: 0;
  padding-left: var(--space-4);
}

/* Match col — borders معكوسة */
.fixture-card__match-col {
  border-left: none;
  border-right: 1px solid var(--color-light-gray);
}

/* Meta col — padding يكون على اليمين */
.fixture-card__meta-col {
  padding-left: 0;
  padding-right: var(--space-4);
  align-items: center;
}

@media (max-width: 991px) {
  .fixture-card__inner {
    padding: var(--space-5) var(--space-5) var(--space-5)
      calc(var(--space-5) + 4px);
  }

  .fixture-card__match-col {
    border-right: none;
    border-left: none;
  }

  .fixture-card__competition-col {
    padding-left: 0;
    justify-content: center;
  }

  .fixture-card__meta-col {
    padding-right: 0;
    align-items: center !important;
  }
}

/* Team layout — الفريق الضيف على اليسار */
.fixture-card__team--home {
  flex-direction: row;
}

.fixture-card__team--away {
  flex-direction: row;
}

/* ============================================================
   PRODUCT CARDS (Shop)
   ============================================================ */

/* Badge — يكون على اليسار بدل اليمين */
.product-card__badge {
  left: auto;
  right: var(--space-4);
}

/* Wishlist — يكون على اليمين بدل اليسار */
.product-card__wishlist {
  right: auto;
  left: var(--space-4);
}

/* ============================================================
   NEWS CARDS
   ============================================================ */

/* Horizontal card hover — ينزلق لليمين */
.news-card--horizontal:hover {
  transform: translateX(-4px);
}

/* Read more hover gap */
.news-card__read-more:hover {
  gap: var(--space-2);
}

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

/* Nav link hover — ينزلق لليمين */
.site-footer__nav-link {
  transition: var(--transition-fast);
}

.site-footer__nav-link:hover {
  padding-left: 0;
  padding-right: var(--space-2);
  transform: none;
}

/* Social link hover */
.site-footer__social-link:hover {
  transform: translateY(-3px);
}

/* Legal list — محاذاة يمين مع مسافات */
.site-footer__legal-list {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem 1.25rem;
  padding: 0;
  margin: 0;
}

.site-footer__legal-list .list-inline-item {
  margin: 0;
}

@media (max-width: 575px) {
  .site-footer__legal-list {
    justify-content: center;
    text-align: center;
  }
}

/* Powered by link */
.site-footer__powered-link {
  color: rgba(255, 255, 255, 0.35);
  text-decoration: none;
  transition:
    color 0.25s ease,
    letter-spacing 0.25s ease;
}

.site-footer__powered-link:hover {
  color: var(--color-pink-light);
  /* letter-spacing: 0.04em; */
  text-decoration: none;
}

/* Back-to-top — يكون على اليسار */
.back-to-top {
  right: auto;
  left: var(--space-8);
}

@media (max-width: 991px) {
  .back-to-top {
    left: var(--space-5);
  }
}

/* ============================================================
   PLAYER CARDS
   ============================================================ */

/* Player number — يكون على اليسار */
.player-card__number {
  right: auto;
  left: var(--space-3);
}

/* Player badge (Captain) — يكون على اليمين */
.player-card__badge {
  left: auto;
  right: var(--space-3);
}

/* ============================================================
   VIP SECTION — Enquiry banner accent line
   ============================================================ */

.vip2-enquiry-banner > div[style*="left: 0"] {
  left: auto !important;
  right: 0 !important;
  background: linear-gradient(180deg, #e3b423, transparent) !important;
}

/* ============================================================
   MISC — Bootstrap overrides
   ============================================================ */

/* ms-* و me-* Bootstrap utilities — معكوسة في RTL */
.ms-1 {
  margin-right: 0.25rem !important;
  margin-left: 0 !important;
}
.ms-2 {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}
.ms-3 {
  margin-right: 1rem !important;
  margin-left: 0 !important;
}
.me-1 {
  margin-left: 0.25rem !important;
  margin-right: 0 !important;
}
.me-2 {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}
.me-3 {
  margin-left: 1rem !important;
  margin-right: 0 !important;
}

/* ps-* و pe-* padding utilities */
.ps-1 {
  padding-right: 0.25rem !important;
  padding-left: 0 !important;
}
.ps-2 {
  padding-right: 0.5rem !important;
  padding-left: 0 !important;
}
.ps-3 {
  padding-right: 1rem !important;
  padding-left: 0 !important;
}
.pe-1 {
  padding-left: 0.25rem !important;
  padding-right: 0 !important;
}
.pe-2 {
  padding-left: 0.5rem !important;
  padding-right: 0 !important;
}
.pe-3 {
  padding-left: 1rem !important;
  padding-right: 0 !important;
}

/* text-start / text-end */
.text-start {
  text-align: right !important;
}
.text-end {
  text-align: left !important;
}
button.site-search-modal__submit.btn {
  margin-left: 10px !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.shop-sort-select {
  background-position: left 12px center;
}

.price-range-input {
  background: linear-gradient(
    to left,
    var(--shop-accent) 0%,
    var(--shop-accent) 70%,
    var(--shop-border) 70%
  );
}

.mnav__actions {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}

.card-header-custom i {
  margin-left: 0.5rem;
  margin-right: 0 !important;
}

.form-select {
  background-position: left 0.75rem center;
  padding: 6px 12px 6px 36px;
}

.ico {
  position: absolute;
  right: 0.82rem;
  left: auto;
}
.input-wrap input {
  padding: 0.78rem 2.7rem 0.78rem 1rem;
}
.btn-eye {
  position: absolute;
  left: 0.82rem;
  right: auto;
}

.btn-submit .fill {
  transform-origin: right;
}


.goal-card__number {
  left: 20px;
  right:auto;
}

.privacy-toc__link {
  border-right: 3px solid transparent;
  border-left:none;
  border-radius: 3px;
}

.privacy-toc__link.active {
  border-right-color: var(--color-pink, #d4848f);
  border-left-color:none;
}

.privacy-list li strong {
    min-width: 140px;
}

.h2-layout .row {
    flex-direction: row-reverse;
}

.mnav__mega {
  right: 0;
  left: auto;
}

.chairman-card__img {
  left: 35px;
  right: auto;
}

.chairman-card__body {
  text-align: right;
}

@media (max-width: 768px) {

.chairman-card__img {width:130px !important;height:130px !important;top:-65px;left: 25% !important;right: auto !important;transform: translateX(-50%);min-height: 130px !important;}

}