/* ==========================================================
   Raha Safar - language switch + Arabic / RTL styles
   ========================================================== */

/* ---------- Language switch (EN | العربية) ---------- */
.lang_switch{
  display:inline-flex;align-items:center;gap:2px;padding:3px;
  background:#f1f3f5;border:1px solid #e1e5ea;border-radius:999px;
  direction:ltr;flex-shrink:0;
}
.lang_btn{
  border:0;background:transparent;color:#000;cursor:pointer;
  font:600 12.5px/1 'Cairo','Poppins',sans-serif;
  padding:7px 12px;border-radius:999px;transition:background .2s ease,color .2s ease;
  white-space:nowrap;
}
.lang_btn:hover{background:#e2e6ea;}
.lang_btn.is-active{background:var(--rs-navy,#002b65);color:#fff;}
.lang_btn.is-active:hover{background:var(--rs-navy,#002b65);}

/* floating switch for phones (top header bar is hidden below 860px) */
.lang_switch-float{display:none;}
.lang_switch-panel{align-self:flex-start;margin-top:6px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);}
.lang_switch-panel .lang_btn{color:#fff;}
.lang_switch-panel .lang_btn.is-active{background:#fff;color:var(--rs-navy,#002b65);}
@media (max-width:860px){
  .lang_switch-float{
    display:inline-flex;position:fixed;top:10px;right:10px;z-index:997;
    box-shadow:0 6px 18px -8px rgba(0,43,101,.45);background:rgba(255,255,255,.96);
  }
  html[dir="rtl"] .lang_switch-float{right:auto;left:10px;}
}
@media (max-width:1100px) and (min-width:861px){
  .header_cta{gap:8px;}
  .header_nav{gap:20px;}
  .header_phone{display:none;}
}

/* ---------- Arabic typography ---------- */
html.lang-ar body,
html.lang-ar input,html.lang-ar select,html.lang-ar textarea,html.lang-ar button{
  font-family:'Cairo','Poppins',sans-serif;
}
html.lang-ar body{line-height:1.8;}
html.lang-ar .hero_title,html.lang-ar .pagehero_title,html.lang-ar .rs_section-title{line-height:1.45;letter-spacing:0;}
html.lang-ar .hero_title i{font-style:normal;}

/* ---------- RTL layout fixes ---------- */
html[dir="rtl"] .header_nav a::after{left:auto;right:0;}
html[dir="rtl"] .dropdown-menu{left:auto;right:0;text-align:right;}
html[dir="rtl"] .header_mobile-panel{right:auto;left:-100%;transition:left .35s ease;}
html[dir="rtl"] .header_mobile-panel.header_open{left:0;right:auto;}
html[dir="rtl"] .header_mobile-close{align-self:flex-start;}

html[dir="rtl"] .packages_tag{left:auto;right:14px;}
html[dir="rtl"] .packages_days{right:auto;left:14px;}
html[dir="rtl"] .package-badge{right:auto;left:12px;}
html[dir="rtl"] .packages_link svg{transform:scaleX(-1);}
html[dir="rtl"] .packages_card:hover .packages_link svg{transform:scaleX(-1) translateX(4px);}
html[dir="rtl"] .story_badge{left:auto;right:24px;}
@media (max-width:860px){ html[dir="rtl"] .story_badge{right:16px;left:auto;} }

/* auto-scrolling gallery strip must keep running left-to-right */
html[dir="rtl"] .gallery_track-wrap,
html[dir="rtl"] .gallery_track{direction:ltr;}
html[dir="rtl"] .gallery_caption{direction:rtl;text-align:right;}

/* itinerary timeline (package detail) */
html[dir="rtl"] .itinerary-row{padding-left:0;padding-right:66px;}
html[dir="rtl"] .itinerary-row::before{left:auto;right:21px;}
html[dir="rtl"] .itinerary-circle{left:auto;right:0;}
html[dir="rtl"] .itinerary-head{text-align:right;}
@media (max-width:640px){
  html[dir="rtl"] .itinerary-row{padding-left:0;padding-right:54px;}
  html[dir="rtl"] .itinerary-row::before{left:auto;right:17px;}
}

/* misc */
html[dir="rtl"] .booking-info-list li,
html[dir="rtl"] .cpage_hours-row{text-align:right;}
html[dir="rtl"] .footer_top,
html[dir="rtl"] .footer_bottom{text-align:right;}
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="date"]{text-align:right;}
html[dir="rtl"] input[type="tel"]::placeholder{text-align:right;}
html[dir="rtl"] .lightbox-close{right:auto;left:30px;}