/* Private Jet V3 - Custom Styles */

/* Reset WP theme overrides */
body.pjv3 button {
  text-align: center;
}

.container {
  max-width: 1360px;
}

/* Flatpickr Dark Theme Custom */
.flatpickr-calendar {
  background: rgba(33, 33, 33, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.flatpickr-months {
  background: transparent !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
  color: #d9d9d9 !important;
}

.flatpickr-weekdays {
  background: transparent !important;
}

span.flatpickr-weekday {
  color: #bbb892 !important;
}

.flatpickr-day {
  color: #d9d9d9 !important;
}

.flatpickr-day:hover,
.flatpickr-day.selected {
  background: #c5a059 !important;
  border-color: #c5a059 !important;
  color: white !important;
}

.flatpickr-day.today {
  border-color: #bbb892 !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #c5a059 !important;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: #d9d9d9 !important;
}

/* Select Dropdown Custom Styling */
.ts-control {
  height: 100%;
  border-radius: unset!important;
  box-shadow: none !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}

.ts-control, .ts-wrapper.single.input-active .ts-control {
  background-color: #484141 !important;
  background-image: url('../img/private-jet-v3/airplane-icon.png');
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 20px 20px;
}

.ts-control input {
  color: rgba(217, 217, 217, 0.6) !important;
  font-size: 12px !important;
  font-weight: bold !important;
  line-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ts-control input::placeholder {
  color: rgba(217, 217, 217, 0.6) !important;
  opacity: 1 !important;
}

.ts-wrapper:not(.has-items):not(.input-active) .ts-control input {
  width: 100% !important;
  text-align: center !important;
}

.ts-wrapper.input-active .ts-control input,
.ts-wrapper.dropdown-active .ts-control input {
  text-align: center !important;
}

.ts-wrapper.single.has-items:not(.input-active) .ts-control input {
  width: 0 !important;
  min-width: 0 !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ts-control .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: rgba(217, 217, 217, 0.6)!important;
  padding-right: 0 !important;
}

.ts-wrapper.single.has-items.input-active .ts-control .item,
.ts-wrapper.single.has-items.dropdown-active .ts-control .item {
  width: auto;
  flex: 0 1 auto;
}

.ts-dropdown {
  background: #1f1f1f !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
  display: block !important;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    transform 0.2s cubic-bezier(.4,0,.2,1);
}

.ts-wrapper.dropdown-active .ts-dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  z-index: 11;
}

.ts-dropdown .option {
  padding: 14px 20px;
  color: #e6e6e6 !important;
  transition: 0.2s;
}

.ts-dropdown .option:hover,
.ts-dropdown .active {
  background: #c5a059  !important;
  color: #fff !important;
}

.ts-dropdown:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
  border-width: 5px;
  margin: 0 -5px;
  border-bottom-color: #e6e6e6;
  bottom: 100%;
}

.lang-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
}

.lang-select::-ms-expand {
  display: none;
}

.lang-select option {
  background: #1f1f1f;
  color: #e6e6e6;
}

.lang-select option:checked {
  background: #c5a059;
  color: #fff;
}

.lang-ts-wrapper .ts-control,
.lang-ts-wrapper.single.input-active .ts-control {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  min-height: 31px;
  outline: none !important;
}

.lang-ts-wrapper .ts-control .item {
  width: auto;
  font-family: 'Inknut Antiqua', serif;
  color: #BBB892 !important;
  font-size: 14px;
  font-weight: 400;
}

.lang-ts-wrapper .ts-dropdown {
  width: 100% !important;
  min-width: 100% !important;
  left: 0 !important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.6);
}

.lang-ts-wrapper .ts-dropdown .option {
  padding: 10px 5px;
}

.lang-desktop-wrap .lang-ts-wrapper .ts-dropdown {
  width: calc(100% + 3rem) !important;
  min-width: calc(100% + 3rem) !important;
  left: -2rem !important;
}

.lang-ts-wrapper .ts-control input {
  display: none !important;
}

.lang-ts-wrapper .ts-control:after {
  display: none !important;
}

@media (max-width: 767px) {
  .ts-control {
    border: none;
  }

  #departure-mobile + .ts-select {
    position: relative;
  }

  #departure-mobile + .ts-select::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 90%;
    background-color: #BBB892;
    left: 0;
    z-index: 2;
  }

  .bg-airplane-swap .ts-control{
    background-image: url('../img/private-jet-v3/airplane-icon-04.png');
  }

  .ts-control:not(.rtl) {
    padding-right: 0!important;
  }

  .ts-control, .ts-wrapper.single.input-active .ts-control {
    background-size: 16px 16px;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
}

@media (min-width: 768px) {
  .ts-control .item {
    font-size: 14px;
  }

  .ts-control input {
    font-size: 14px !important;
  }
}

@media (min-width: 1024px) {
  .ts-control .item {
    font-size: 16px;
  }

  .ts-control input {
    font-size: 16px !important;
  }
}

/* Custom Radio Button */
.custom-radio-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.custom-radio-input {
  display: none;
}

.custom-radio-mark {
  width: 32px;
  height: 32px;
  border: 1px solid white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.custom-radio-input:checked + .custom-radio-mark::after {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #BBB892;
  border-radius: 50%;
}

.double-underline {
  border-bottom: 1px solid #BBB892;
  position: relative;
  padding-bottom: 4px;
}
.double-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #BBB892;
}

@media (max-width: 767px) {
  .custom-radio-mark {
    width: 18px;
    height: 18px;
  }

  .custom-radio-input:checked + .custom-radio-mark::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #BBB892;
    border-radius: 50%;
  }
}

/* Aircraft Section Background */
.aircraft-section {
  background:
    linear-gradient(rgba(33, 33, 33, 0.77), rgba(33, 33, 33, 0.77)),
    url('../img/private-jet-v3/sky-img.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Popular Routes Section Background */
.popular-routes-section::before {
  content: "";
  display: block;
  height: 54px;
  background: linear-gradient(
    180deg,
    rgba(238, 244, 246, 0.81) 0%,
    #ffffff 60.58%
  );
}

/* Contact Section Overlay */
.contact-overlay {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0%, rgba(102, 102, 102, 0.7) 100%);
}

/* Unified Transition Class */
.transition-standard {
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.step-active { background-color: #212121; color: #D9D9D9; }
.step-inactive { background-color: #9E9E9E; color: #D9D9D9; }
.step-text-active { color: #BBB892; }

input::placeholder, textarea::placeholder {
  color: #BBB892;
  opacity: 0.6;
}

.dashed-line {
  background-image: linear-gradient(to right, #BBB892 40%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}

/* Prevent body scroll when menu is checked */
html:has(#menu-toggle:checked) body {
  overflow: hidden;
}

/* Menu Sidebar */
#menu-toggle {
  display: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.sidebar-menu {
  position: fixed !important;
  top: 0 !important;
  right: -100% !important;
  width: 100% !important;
  height: 100vh !important;
  background: #ffffff;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.8);
  transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 1000 !important;
  border-left: 1px solid rgba(197, 160, 89, 0.3);
  overflow-y: auto;
}

#menu-toggle:checked ~ .sidebar-menu {
  right: 0 !important;
}

.sidebar-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0);
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 999 !important;
}

#menu-toggle:checked ~ .sidebar-overlay {
  background: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.menu-label {
  cursor: pointer;
  transition: all 0.3s ease;
}

.menu-label:hover {
  color: #c5a059;
}

.sidebar-menu ul {
  list-style: none;
}

.sidebar-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-menu a {
  padding: 16px 16px 16px 0;
  color: #9F9329;
  text-decoration: none;
  transition: all 0.3s ease;
}

.sidebar-menu a:hover {
  background: rgba(197, 160, 89, 0.15);
  color: #c5a059;
  padding-left: 16px;
}

.sidebar-menu a:hover img {
  transform: translateX(8px);
  filter: drop-shadow(0 0 4px rgba(197, 160, 89, 0.5));
}

.hamburger-animated {
  display: flex;
  flex-direction: column;
  width: 28px;
  height: 28px;
  justify-content: space-between;
  padding: 4px 0;
}

.hamburger-animated span {
  height: 2px;
  background-color: currentColor;
  border-radius: 2px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
}

#menu-toggle:checked ~ * .hamburger-animated span:nth-child(1) {
  transform: rotate(45deg) translateY(11px);
}

#menu-toggle:checked ~ * .hamburger-animated span:nth-child(2) {
  opacity: 0;
}

#menu-toggle:checked ~ * .hamburger-animated span:nth-child(3) {
  transform: rotate(-45deg) translateY(-11px);
}

@media (max-width: 768px) {
  .sidebar-menu {
    box-shadow: unset;
  }
}

select option:first-child {
  color: #64646480;
}

/* Aircraft specific slider overrides */
.aircraft_slide .place_slide_item img {
  opacity: 1 !important; /* Always keep image fully opaque */
}
.aircraft_slide .place_slide_item .aircraft-img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #878773;
  opacity: 0.7; /* Strength of the overlay color */
  transition: opacity 0.3s ease;
  pointer-events: none; /* Let clicks pass through if needed */
}
.aircraft_slide .place_slide_item.swiper-slide-active .aircraft-img-wrap::after,
.aircraft_slide .place_slide_item:hover .aircraft-img-wrap::after {
  opacity: 0 !important; /* Remove overlay when active or hovered */
}
.aircraft_slide .place_slide_item.swiper-slide-prev,
.aircraft_slide .place_slide_item.swiper-slide-next {
  border-color: transparent !important;
}