@font-face {
  font-family: 'Arslan Wessam';
  src: url('/assets/fonts/arslan-wessam.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   1. FONTS & GLOBAL DIRECTION OVERRIDES
   ========================================================================== */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span:not(.sub-title),
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
body.bnorama-rtl,
body.bnorama-rtl *:not(.sub-title) {
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

html[dir="rtl"] .sub-title,
html[dir="rtl"] .section-title .sub-title,
html[dir="rtl"] .hero-content .sub-title,
body.bnorama-rtl .sub-title,
body.bnorama-rtl .section-title .sub-title,
body.bnorama-rtl .hero-content .sub-title {
  font-family: 'Arslan Wessam', 'Cairo', sans-serif !important;
  font-size: 26px !important;
  line-height: 1.3 !important;
  font-weight: normal !important;
}

html[dir="rtl"] body,
body.bnorama-rtl {
  direction: rtl;
  text-align: right;
}

html[dir="ltr"] body,
body.bnorama-ltr {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] .cs_main_header_inner,
html[dir="rtl"] .header-main,
html[dir="rtl"] .footer-wrapper,
html[dir="rtl"] .contact-info,
html[dir="rtl"] .cs_header_contact_list,
html[dir="rtl"] .breadcrumb-wrapper,
html[dir="rtl"] .section-title,
html[dir="rtl"] .contact-box-items .content,
html[dir="rtl"] .cs_nav,
html[dir="rtl"] .main-menu,
html[dir="rtl"] ul.cs_nav_list {
  direction: rtl;
}

/* Keep logos LTR visual */
html[dir="rtl"] .cs_site_branding,
html[dir="rtl"] .header-logo,
html[dir="rtl"] .footer-logo {
  direction: ltr;
}

/* ==========================================================================
   2. NAVBAR, SEARCH & UTILITIES
   ========================================================================== */
html[dir="rtl"] .cs_nav_list > li,
body.bnorama-rtl .cs_nav_list > li {
  margin-right: 0 !important;
  margin-left: 48px !important;
}

html[dir="rtl"] .cs_nav_list > li:last-child,
body.bnorama-rtl .cs_nav_list > li:last-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[dir="rtl"] .cs_main_header_right .search-icon,
body.bnorama-rtl .cs_main_header_right .search-icon {
  margin-right: 0 !important;
  margin-left: 20px !important;
}

html[dir="rtl"] .bnorama-lang-btn,
body.bnorama-rtl .bnorama-lang-btn {
  margin-left: 0 !important;
  margin-right: 15px !important;
}

html[dir="rtl"] .bi-arrow-right:before {
  transform: scaleX(-1);
  display: inline-block;
}

html[dir="rtl"] .theme-btn i,
html[dir="rtl"] .theme-btn .bi {
  margin-left: 0 !important;
  margin-right: 10px !important; /* Correct margins for icons in RTL buttons */
}

/* Mirror common float/margin utilities in RTL */
html[dir="rtl"] .me-1, html[dir="rtl"] .me-2, html[dir="rtl"] .me-3 { margin-right: 0 !important; }
html[dir="rtl"] .ms-1, html[dir="rtl"] .ms-2, html[dir="rtl"] .ms-3 { margin-left: 0 !important; }
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }
html[dir="rtl"] .float-start { float: right !important; }
html[dir="rtl"] .float-end { float: left !important; }

/* Contact / forms */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[dir="rtl"] .google-map iframe {
  direction: ltr;
}

/* ==========================================================================
   3. NAVBAR HOVER & ACTIVE HIGHLIGHT
   ========================================================================== */
.cs_nav .cs_nav_list > li > a {
  transition: all 0.3s ease-in-out !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
}

.cs_nav .cs_nav_list > li > a:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--white) !important;
}

/* Non-sticky header active menu link (white text, glassmorphic capsule) */
.cs_nav .cs_nav_list > li.active > a {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--white) !important;
  font-weight: 700 !important;
}

/* Sticky header overrides (dark text, theme background highlight) */
.cs-gescout_sticky .cs_nav .cs_nav_list > li > a:hover {
  background-color: rgba(0, 113, 188, 0.08) !important;
  color: var(--theme) !important;
}

.cs-gescout_sticky .cs_nav .cs_nav_list > li.active > a {
  background-color: var(--theme) !important;
  color: var(--white) !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   4. HOME PAGE SECTIONS
   ========================================================================== */

/* Booking Search Bar RTL Layout Overrides */
.booking-wrapper2 .tab-content .tour-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

html[dir="rtl"] .booking-wrapper2 .tab-content .tour-wrapper .tour-item .icon:before,
body.bnorama-rtl .booking-wrapper2 .tab-content .tour-wrapper .tour-item .icon:before {
  left: auto !important;
  right: -25px !important; /* Mirror separator lines to the right side of columns */
}

html[dir="rtl"] .booking-wrapper2 .booking-wrap .nav .nav-item .nav-link i,
body.bnorama-rtl .booking-wrapper2 .booking-wrap .nav .nav-item .nav-link i {
  margin-right: 0 !important;
  margin-left: 10px !important;
}

/* Flight Deals Section Arrow Styling Override */
.deals-offer-section .section-title-area .array-button .array-prev {
  background-color: var(--white) !important;
  color: var(--header) !important;
}

.deals-offer-section .section-title-area .array-button .array-prev:hover {
  background-color: var(--header) !important;
  color: var(--white) !important;
}

/* Force LTR alignment for CTA promo cards to keep text on left and image on right */
html[dir="rtl"] .cta-box-items,
body.bnorama-rtl .cta-box-items {
  direction: ltr !important;
  text-align: left !important;
}
html[dir="rtl"] .cta-box-items .cta-content,
body.bnorama-rtl .cta-box-items .cta-content {
  text-align: left !important;
}
html[dir="rtl"] .cta-box-items .cta-image,
body.bnorama-rtl .cta-box-items .cta-image {
  left: auto !important;
  right: 40px !important;
}

/* Also for style-2 cards inside special offers */
html[dir="rtl"] .cta-box-items.style-2 .cta-image,
body.bnorama-rtl .cta-box-items.style-2 .cta-image {
  left: auto !important;
  right: 0 !important;
}

/* Mirror the Counters section for RTL to prevent image overlapping the first counter */
html[dir="rtl"] .counter-wrapper-2,
body.bnorama-rtl .counter-wrapper-2 {
  border-radius: 0 100px 100px 0 !important;
}

html[dir="rtl"] .counter-wrapper-2 .counter-image,
body.bnorama-rtl .counter-wrapper-2 .counter-image {
  right: auto !important;
  left: 0 !important;
  transform: scaleX(-1) !important;
}

html[dir="rtl"] .counter-items-2,
body.bnorama-rtl .counter-items-2 {
  border-left: 1px solid rgb(169,175,191) !important;
  border-right: none !important;
  padding-left: 90px !important;
  padding-right: 0 !important;
}

/* First counter item (rightmost in RTL) — no separator on its left */
html[dir="rtl"] .counter-wrapper-2 > .counter-items-2:nth-child(2),
body.bnorama-rtl .counter-wrapper-2 > .counter-items-2:nth-child(2) {
  border-left: none !important;
  padding-left: 0 !important;
}

/* Last item (.style-2) = leftmost in RTL — no separator */
html[dir="rtl"] .counter-items-2.style-2,
body.bnorama-rtl .counter-items-2.style-2 {
  border-left: none !important;
  padding-left: 0 !important;
}

/* Special Offers / Countdown Section RTL Layout & Direction Overrides */
html[dir="rtl"] .cta-offer-section .container,
body.bnorama-rtl .cta-offer-section .container {
  direction: ltr !important;
}

html[dir="rtl"] .cta-offer-section .offer-content,
body.bnorama-rtl .cta-offer-section .offer-content {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="rtl"] .cta-offer-section .offer-image,
body.bnorama-rtl .cta-offer-section .offer-image {
  position: relative !important;
  z-index: 2 !important;
}

html[dir="rtl"] .cta-offer-section .offer-image > img,
body.bnorama-rtl .cta-offer-section .offer-image > img {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: none !important; /* Ensure image does not block click events */
}

html[dir="rtl"] .cta-offer-section .offer-image .circle,
body.bnorama-rtl .cta-offer-section .offer-image .circle {
  display: block !important;
  position: absolute !important;
  z-index: 5 !important; /* Elevate circle stack level */
  pointer-events: auto !important;
}

/* Styling for SVG circular text in Offer section */
.cta-offer-section .offer-image .circle .text-item .image {
  width: 212px;
  height: 216px;
  display: block;
}

.cta-offer-section .offer-image .circle .text-item .image svg {
  width: 100%;
  height: 100%;
  transform: rotate(90deg); /* LTR default rotation to match top-right curve */
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

html[dir="rtl"] .cta-offer-section .offer-image .circle .text-item .image svg text,
body.bnorama-rtl .cta-offer-section .offer-image .circle .text-item .image svg text {
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
  letter-spacing: 0 !important; /* Fix disconnected Arabic characters */
  direction: rtl !important;
  unicode-bidi: bidi-override !important;
}

/* Circular Button Hover and Interaction Effects */
.cta-offer-section .offer-image .circle {
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer !important;
}
.cta-offer-section .offer-image .circle:hover {
  transform: translate(-50%, -50%) scale(1.04) !important;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3) !important;
  border-color: #F18F00 !important; /* Orange accent border on hover */
}

/* Make arrow icon inside circle scale on hover */
.cta-offer-section .offer-image .circle .text-item .icon img {
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
.cta-offer-section .offer-image .circle:hover .text-item .icon img {
  transform: scale(1.2) !important;
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.6)) !important;
}

.cta-offer-section .offer-image .circle:hover .text-item .image svg {
  transform: rotate(115deg) !important; /* Roll forward in LTR */
}

/* FAQ Accordion LTR/RTL Chevron Alignment & Flipping */
html[dir="rtl"] .faq-wrapper .faq-items .accordion-item .accordion-header .accordion-button:after,
body.bnorama-rtl .faq-wrapper .faq-items .accordion-item .accordion-header .accordion-button:after {
  margin-left: 0 !important;
  margin-right: auto !important; /* Move icon to the left in RTL */
  transform: scaleX(-1) !important; /* Flip chevron pointing left in RTL */
}

/* Open state overrides for accordion button chevron */
html[dir="rtl"] .faq-wrapper .faq-items .accordion-item .accordion-header .accordion-button:not(.collapsed):after,
body.bnorama-rtl .faq-wrapper .faq-items .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  transform: rotate(0) !important; /* Keep minus icon centered without rotation */
}

/* FAQ Accordion Text Spacing (to prevent text overlap with chevrons) */
.faq-wrapper .faq-items .accordion-item .accordion-header .accordion-button {
  display: flex !important;
  align-items: center !important;
}

.faq-wrapper .faq-items .accordion-item .accordion-header .accordion-button span {
  flex: 1;
  padding-right: 35px;
  text-align: left;
}

html[dir="rtl"] .faq-wrapper .faq-items .accordion-item .accordion-header .accordion-button span,
body.bnorama-rtl .faq-wrapper .faq-items .accordion-item .accordion-header .accordion-button span {
  padding-right: 0 !important;
  padding-left: 35px !important;
  text-align: right !important;
}

/* Online Booking Platform Section (Second Image) RTL Fix */
html[dir="rtl"] .feature-wrapper .feature-content .feature-area .feature-items .circle-icon,
body.bnorama-rtl .feature-wrapper .feature-content .feature-area .feature-items .circle-icon {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 35px !important; /* Create gap between text/icon and vertical dashed line */
}

html[dir="rtl"] .feature-wrapper .feature-content .feature-area .feature-items .circle-icon li:last-child span,
body.bnorama-rtl .feature-wrapper .feature-content .feature-area .feature-items .circle-icon li:last-child span {
  display: block;
  text-align: right !important;
}

html[dir="rtl"] .feature-wrapper .feature-content .feature-area .line-shape,
body.bnorama-rtl .feature-wrapper .feature-content .feature-area .line-shape {
  left: 297px !important; /* Correct position of absolute dashed line in RTL */
  right: auto !important;
}

/* ==========================================================================
   5. SUBPAGES SECTIONS (ABOUT, CONTACT)
   ========================================================================== */

/* About Section Vertical Blue Line RTL Fix */
html[dir="rtl"] .about-wrapper-2 .about-content .about-items .text:before,
body.bnorama-rtl .about-wrapper-2 .about-content .about-items .text:before {
  left: auto !important;
  right: -27px !important; /* Move line to the right of text in RTL */
}

/* Contact Page Cards - Uniform Height & Alignment */
.contact-us-section .row {
  display: flex !important;
  flex-wrap: wrap !important;
}
.contact-us-section .row > div {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 24px !important; /* Proper spacing on wrapping */
}
.contact-us-main {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.contact-us-main .contact-box-items {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  padding: 35px 25px !important;
}
.contact-us-main .contact-box-items .icon {
  margin-bottom: 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 40px !important;
}
.contact-us-main .contact-box-items .content {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
.contact-us-main .contact-box-items .content h3 {
  margin-bottom: 10px !important;
}
.contact-us-main .contact-box-items .content p {
  margin: 0 !important;
}

/* ==========================================================================
   6. FOOTER SECTION
   ========================================================================== */
html[dir="rtl"] .footer-widget-wrapper-new:before,
body.bnorama-rtl .footer-widget-wrapper-new:before {
  left: auto !important;
  right: 0 !important; /* Move background block to the right in RTL */
  border-radius: 0 0 16px 16px !important;
}

html[dir="rtl"] .footer-widget-wrapper-new .single-widget-items .widget-head h4:before,
body.bnorama-rtl .footer-widget-wrapper-new .single-widget-items .widget-head h4:before {
  left: auto !important;
  right: 0 !important; /* Move heading underline accent to the right */
}

html[dir="rtl"] .footer-widget-wrapper-new .single-widget-items:not(.text-center),
body.bnorama-rtl .footer-widget-wrapper-new .single-widget-items:not(.text-center) {
  text-align: right !important; /* Align content to the right for lists/contacts */
}

html[dir="rtl"] .footer-widget-wrapper-new .single-widget-items:not(.text-center) .footer-content,
body.bnorama-rtl .footer-widget-wrapper-new .single-widget-items:not(.text-center) .footer-content {
  text-align: right !important;
}

/* Mirror padding helper classes in footer grid cols */
html[dir="rtl"] .footer-widget-wrapper-new .ps-lg-5,
body.bnorama-rtl .footer-widget-wrapper-new .ps-lg-5 {
  padding-left: 0 !important;
  padding-right: 3rem !important;
}

html[dir="rtl"] .footer-widget-wrapper-new .ps-xl-5,
body.bnorama-rtl .footer-widget-wrapper-new .ps-xl-5 {
  padding-left: 0 !important;
  padding-right: 3rem !important;
}

/* ==========================================================================
   7. FLAG SWITCHER & MOBILE HEADER
   ========================================================================== */

/* Dropdown Language Switcher Base Layout & Styling */
.bnorama-lang-dropdown {
  position: relative !important;
  display: inline-block !important;
}

.bnorama-lang-dropdown-trigger {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  color: var(--white) !important;
  gap: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease-in-out !important;
  line-height: 1 !important;
}

.bnorama-lang-dropdown-trigger:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.bnorama-lang-dropdown-trigger img.active-flag {
  width: 20px !important;
  height: 14px !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
}

.bnorama-lang-dropdown-trigger i.dropdown-arrow {
  font-size: 11px !important;
  transition: transform 0.3s ease !important;
  display: inline-block !important;
}

.bnorama-lang-dropdown-trigger i.dropdown-arrow.open {
  transform: rotate(180deg) !important;
}

/* Dropdown Menu styling */
.bnorama-lang-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  background: rgba(10, 18, 30, 0.96) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 6px 0 !important;
  min-width: 140px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
  z-index: 99999 !important;
  margin: 0 !important;
  list-style: none !important;
}

html[dir="rtl"] .bnorama-lang-dropdown-menu,
body.bnorama-rtl .bnorama-lang-dropdown-menu {
  right: auto !important;
  left: 0 !important;
}

.bnorama-lang-dropdown-menu li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 16px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  text-align: left !important;
}

html[dir="rtl"] .bnorama-lang-dropdown-menu li,
body.bnorama-rtl .bnorama-lang-dropdown-menu li {
  text-align: right !important;
}

.bnorama-lang-dropdown-menu li img {
  width: 20px !important;
  height: 14px !important;
  object-fit: cover !important;
  border-radius: 2px !important;
}

.bnorama-lang-dropdown-menu li:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--white) !important;
}

.bnorama-lang-dropdown-menu li.selected {
  color: #F18F00 !important;
  font-weight: 600 !important;
}

@media (max-width: 991px) {
  .cs_site_header.cs_style_1 .cs_main_header_right,
  .cs_main_header_right,
  .cs_main_header_right .header-btn {
    display: flex !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
    padding: 0 !important;
    gap: 8px !important;
    z-index: 10 !important;
    background: transparent !important;
  }

  /* Position Search/Flags to the left of hamburger on mobile (LTR) */
  .cs_main_header_right {
    right: 50px !important;
    left: auto !important;
  }

  /* Position Search/Flags to the right of hamburger on mobile (RTL) */
  html[dir="rtl"] .cs_main_header_right,
  body.bnorama-rtl .cs_main_header_right {
    left: 50px !important;
    right: auto !important;
  }

  /* Move hamburger toggle icon to the left in RTL Arabic */
  html[dir="rtl"] .cs_site_header.cs_style_1 .cs-munu_toggle,
  body.bnorama-rtl .cs_site_header.cs_style_1 .cs-munu_toggle {
    right: auto !important;
    left: 0 !important;
  }

  .cs_main_header_right .search-trigger {
    color: var(--white) !important;
    font-size: 18px !important;
    padding: 0 8px !important;
  }

  /* Search trigger color on mobile sticky header */
  .cs-gescout_sticky .cs_main_header_right .search-trigger {
    color: var(--header) !important;
  }

  .cs_main_header_right .bnorama-lang-dropdown {
    margin-left: 0 !important;
  }

  /* Align mobile menu drawer list correctly on the right in RTL */
  html[dir="rtl"] .cs_nav .cs_nav_list,
  body.bnorama-rtl .cs_nav .cs_nav_list {
    left: auto !important;
    right: -15px !important;
  }

  /* Mobile Navigation Menu Styling (Matches Logo Brand Colors) */
  .cs_nav .cs_nav_list {
    background-color: #001A30 !important; /* Premium brand navy blue background */
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px) !important;
  }

  .cs_nav .cs_nav_list > li > a {
    color: var(--white) !important;
    padding: 12px 24px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  }

  .cs_nav .cs_nav_list > li > a:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: var(--white) !important;
  }

  /* Active page item layout (matches blue theme & orange plane wings from logo) */
  .cs_nav .cs_nav_list > li.active > a {
    background-color: rgba(0, 113, 188, 0.18) !important; /* Glassmorphic brand blue tint */
    color: var(--theme) !important; /* Brand theme blue text */
    font-weight: 700 !important;
    border-left: 4px solid #F18F00 !important; /* Brand orange left indicator line */
  }

  /* Mirror active indicator to the right side on RTL Arabic mobile menu */
  html[dir="rtl"] .cs_nav .cs_nav_list > li.active > a,
  body.bnorama-rtl .cs_nav .cs_nav_list > li.active > a {
    border-left: 0 !important;
    border-right: 4px solid #F18F00 !important; /* Brand orange right indicator line */
  }
}

/* Hero Section Text Typography Enhancements */
.hero-3 .hero-content .sub-title {
  color: #F18F00 !important; /* Premium brand gold/orange accent */
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45) !important;
  font-weight: 600 !important;
}

.hero-3 .hero-content h1 {
  color: var(--white) !important;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.5) !important;
  line-height: 1.4 !important; /* Fix overlapping text in Arabic */
}

.hero-3 .hero-content p {
  color: rgba(255, 255, 255, 0.95) !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45) !important;
}

/* Tour Page Cards Equal Height & Alignment */
.tour-destination-wrapper .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.tour-destination-wrapper .row > div {
  display: flex !important;
  flex-direction: column !important;
}

.destination-card-items {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.destination-card-items .destination-image {
  position: relative !important;
}

.destination-card-items .destination-content {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.destination-card-items .destination-content h5 {
  margin-bottom: 12px !important;
  flex-grow: 1 !important; /* Force title container to occupy remaining middle space */
}

.destination-card-items .destination-content .info {
  margin-bottom: 15px !important;
}

.destination-card-items .destination-content .price {
  margin-top: auto !important; /* Align price and Book Now button to bottom of cards */
}

/* Sidebar Filter Checkboxes RTL Direction & Margin Fixes */
html[dir="rtl"] .checkbox-single,
body.bnorama-rtl .checkbox-single {
  padding-left: 0 !important;
  padding-right: 28px !important;
}

html[dir="rtl"] .checkbox-single .checkbox-area .checkmark,
body.bnorama-rtl .checkbox-single .checkbox-area .checkmark {
  left: auto !important;
  right: 0 !important;
}

/* Activities/Services Page Cards Equal Height */
.activities-section .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.activities-section .row > div {
  display: flex !important;
  flex-direction: column !important;
}

.activities-items {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.activities-items .activities-image {
  position: relative !important;
}

.activities-items .activities-content {
  flex-grow: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Header Links Hover & Active State Contrast Fix */
.cs_site_header .cs_nav_list > li > a:hover {
  color: #F18F00 !important;
}

.cs_site_header .cs_nav_list > li.active > a,
.cs_site_header .cs_nav_list > li.current-menu-item > a {
  color: #F18F00 !important;
}