/*--------------------------------------------------------------
i18n & RTL Styles
ICON - Architecture & Interior Design
----------------------------------------------------------------*/

/* Logo Switching for Sticky Header */
.logo-sticky {
  display: none;
}

.cs_gescout_sticky .logo-default {
  display: none;
}

.cs_gescout_sticky .logo-sticky {
  display: inline-block;
}

/* Language Toggle Button */
.cs_language_toggle {
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.language-btn {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 8px 20px;
  border-radius: 4px;
  font-family: "JF Flat", sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  background-image: none;
}

.language-btn:hover {
  background-color: #9B7343;;
  border-color: #9B7343;;
  color: #fff;
}

/* RTL Support for Arabic */
body.rtl {
  direction: rtl;
  text-align: right;
}

/* RTL Navigation */
body.rtl .cs_nav .cs_nav_list {
  flex-direction: row-reverse;
}

body.rtl .cs_nav .cs_nav_list > li {
  margin-right: 0;
  margin-left: 50px;
}

body.rtl .cs_nav .cs_nav_list > li:first-child {
  margin-left: 0;
}

body.rtl .cs_language_toggle {
  margin-left: 0;
  margin-right: 30px;
}

/* RTL Header */
body.rtl .cs_main_header_in {
  flex-direction: row-reverse;
}

body.rtl .cs_main_header_right {
  flex-direction: row-reverse;
}

/* RTL Hero Section */
body.rtl .hero-subheading {
  margin-left: 0;
  margin-right: 3rem;
}

/* RTL Progress Bars */
body.rtl .progress-line {
  transform-origin: right;
}

/* RTL Footer */
body.rtl .f-contact-info h6,
body.rtl .f-contact-info h3,
body.rtl .f-contact-info p,
body.rtl .f-contact-info span {
  margin-left: 0;
  margin-right: 2rem;
}

/* RTL Buttons */
body.rtl .primary-btn svg,
body.rtl button svg {
  margin-left: 0;
  margin-right: 5px;
  transform: rotate(180deg);
}

body.rtl .cs_round_btn_wrap {
  transform: rotate(20deg);
}

/* RTL Services */
body.rtl .services {
  border-left: none;
  border-right: 1px solid #181818;
}

/* RTL Testimonial */
body.rtl .testi-content {
  margin-left: 0;
  margin-right: 5rem;
}

/* Reverse row direction for RTL - image on right, content on left */
body.rtl .testimonial-item.row {
  /* flex-direction: row-reverse; */
}

/* Adjust offset for RTL */
body.rtl .testimonial-item .offset-1 {
  margin-left: 0;
  margin-right: 8.333333%;
}

body.rtl .t-arrow {
  right: 50% !important;
  flex-direction: row-reverse;
}

body.rtl .t-arrow .left {
  margin-right: 0;
  margin-left: 1rem;
}

/* Reverse arrow buttons order in RTL */
body.rtl .customNextBtn {
  order: 2;
}

body.rtl .customPreviousBtn {
  order: 1;
}

/* Flip the arrow SVG icons horizontally for RTL */
body.rtl .t-arrow svg {
  transform: scaleX(-1);
}

/* RTL Team */
body.rtl .member .tm-img-box ul {
  flex-direction: row-reverse;
}

/* RTL Contact Section */
/* body.rtl .cs-contact .row {
  flex-direction: row-reverse;
} */

body.rtl .cs-contact .details-content {
  text-align: right;
  padding-right: 0;
  padding-left: 3rem;
}

body.rtl .cs-contact .d-social .social-item {
  justify-content: flex-start;
}

body.rtl .contact-form {
  text-align: right;
}

body.rtl .contact-form .input-control label {
  text-align: right;
}

body.rtl .contact-form .input-control input,
body.rtl .contact-form .input-control textarea {
  text-align: right;
  direction: rtl;
}

body.rtl .contact-form button[type="submit"] {
  width: 100%;
}

/* RTL Caption */
body.rtl .caption p:after {
  left: auto;
  right: 65px;
}

/* RTL Mobile Menu */
@media screen and (max-width: 1199px) {
  /* Language Toggle Button - Mobile Position (Centered) */
  .cs_language_toggle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
  }

  body.rtl .cs_nav .cs_nav_list {
    left: auto;
    right: -15px;
  }

  body.rtl .cs_munu_dropdown_toggle:before,
  body.rtl .cs_munu_dropdown_toggle:after {
    left: 5%;
  }

  body.rtl .cs_language_toggle {
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .cs_language_toggle {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  body.rtl .cs_language_toggle {
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .language-btn {
    padding: 6px 12px;
    font-size: 12px;
  }

  .cs_language_toggle {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  body.rtl .hero-subheading {
    margin: 1.5rem 0rem 0rem 0rem;
  }

  body.rtl .cs_language_toggle {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  body.rtl .f-contact-info h6,
  body.rtl .f-contact-info h3,
  body.rtl .f-contact-info p,
  body.rtl .f-contact-info span {
    margin-right: 0;
  }
}

/* Smooth transitions */
* {
  transition: margin 0.3s ease, padding 0.3s ease;
}

/* Arabic Font Support */
body.rtl,
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 button,
body.rtl input,
body.rtl textarea,
body.rtl label {
  font-family: "JF Flat", sans-serif;
}