/* Arabic Font - Cairo */
@font-face {
    font-family: 'Cairo';
    src: url('arabic-font/static/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('arabic-font/static/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('arabic-font/static/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('arabic-font/static/Cairo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('arabic-font/static/Cairo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Arabic RTL Styles */
body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Poppins', Helvetica, sans-serif;
    line-height: 1.8;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl p,
body.rtl a,
body.rtl span,
body.rtl li,
body.rtl button,
body.rtl input,
body.rtl textarea {
    font-family: 'Cairo', 'Poppins', Helvetica, sans-serif;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
    line-height: 1.6;
}

body.rtl p {
    line-height: 1.9;
}

/* Text content within slides should use Arabic font */
body.rtl .owl-slide div,
body.rtl .owl-slide span,
body.rtl .owl-slide p,
body.rtl .owl-slide h1,
body.rtl .owl-slide h2,
body.rtl .owl-slide h3,
body.rtl .owl-slide h4,
body.rtl .owl-slide h5,
body.rtl .owl-slide h6 {
    font-family: 'Cairo', 'Poppins', Helvetica, sans-serif;
}

/* Better line spacing for Arabic text in carousel */
body.rtl .owl-slide h1,
body.rtl .owl-slide h2,
body.rtl .owl-slide h3 {
    line-height: 1.5;
    margin-bottom: 15px;
}

body.rtl .owl-slide p {
    line-height: 1.8;
    margin-bottom: 10px;
}

body.rtl .owl-slide-title {
    line-height: 1.4 !important;
}

body.rtl .owl-slide-subtitle {
    line-height: 1.8 !important;
}

/* RTL Menu Adjustments - DESKTOP ONLY */
@media (min-width: 992px) {
  body.rtl .main-menu ul {
    text-align: right;
  }

  body.rtl .main-menu ul li {
    float: right;
  }

  body.rtl .main-menu ul ul {
    right: 0;
    left: auto;
  }
}

/* Mobile menu - keep same as English, no RTL overrides */
@media (max-width: 991px) {
  body.rtl .main-menu ul {
    text-align: left;
    direction: ltr;
  }
  
  body.rtl .main-menu ul li {
    float: none;
    direction: rtl;
  }
  
  body.rtl .main-menu ul li a {
    text-align: right;
  }
  
  body.rtl .main-menu ul ul {
    right: auto;
    left: 0;
  }
}

/* Mobile menu button - keep on right side for both languages */
body.rtl .open_close {
  right: auto;
  left: auto;
}

/* RTL Carousel - Ensure backgrounds display properly */
body.rtl .owl-slide.cover,
body.rtl .owl-slide.lazy.cover,
body.rtl .lazy[data-bg] {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Keep carousel items LTR for proper background loading */
body.rtl #carousel-home .owl-carousel,
body.rtl #carousel-home .owl-stage-outer,
body.rtl #carousel-home .owl-stage,
body.rtl #carousel-home .owl-item {
    direction: ltr;
}

/* But keep the text content RTL */
body.rtl #carousel-home .slide-text,
body.rtl #carousel-home .container,
body.rtl #carousel-home .row {
    direction: rtl;
}

/* RTL Slide Text Adjustments */
body.rtl .slide-text.text-end {
    text-align: left !important;
}

body.rtl .justify-content-md-end {
    justify-content: flex-start !important;
}

body.rtl .justify-content-md-start {
    justify-content: flex-end !important;
}

/* RTL Footer Adjustments */
body.rtl .follow_us ul {
    float: left;
}

body.rtl .copy {
    text-align: right;
}

/* RTL Icon Adjustments */
body.rtl .short_info img {
    margin-left: 0;
    margin-right: 0;
}

