/* ================================================================
   FS PRIVAT TRANSFER — Luxury Black & Gold Theme
   Palette : Black #0B0B0E | Charcoal #131318 | Gold #D4A544
   Loads last — overrides style.css / ecevip-design.css / home-lux.css
   ================================================================ */

:root {
  /* FS brand tokens */
  --fs-black: #0b0b0e;
  --fs-black-2: #101014;
  --fs-surface: #16161c;
  --fs-surface-2: #1d1d24;
  --fs-line: rgba(255, 255, 255, 0.08);
  --fs-gold: #d4a544;
  --fs-gold-light: #ecc670;
  --fs-gold-deep: #a8802a;
  --fs-gold-line: rgba(212, 165, 68, 0.35);
  --fs-gold-soft: rgba(212, 165, 68, 0.12);
  --fs-text: #f2efe8;
  --fs-text-soft: #b8b4ab;
  --fs-gold-grad: linear-gradient(135deg, #e3ba57 0%, #d4a544 45%, #b98d2f 100%);

  /* Re-map legacy design tokens to the FS palette */
  --gold: var(--fs-gold);
  --gold-dark: var(--fs-gold-deep);
  --gold-light: #f4e3b2;
  --brand-gold: var(--fs-gold);
  --brand-gold-dark: var(--fs-gold-deep);
  --navy: #101014;
  --navy-800: #16161c;
  --navy-600: #26262e;
  --brand-primary: #16161c;
  --brand-dark: #0b0b0e;
  --main-color: #26262e;
  --alternate-color: var(--fs-gold-light);
}

/* ================================================================
   SHARED CHROME (all pages) — navbar / footer / floating buttons
   ================================================================ */

.akd-navbar {
  background: rgba(8, 8, 10, 0.97) !important;
  border-bottom: 1px solid var(--fs-gold-line) !important;
}

.akd-navbar.scrolled {
  background: rgba(8, 8, 10, 0.86) !important;
  border-bottom-color: var(--fs-gold-line) !important;
}

.akd-nav-link {
  color: #f2efe8 !important;
  font-weight: 600;
  letter-spacing: 0.4px;
  transition: color 0.2s ease !important;
}

.akd-nav-link:hover,
.akd-nav-link:focus,
.akd-nav-link.active {
  color: var(--fs-gold-light) !important;
  background: transparent !important;
}

.akd-reservation-cta {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(212, 165, 68, 0.28);
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.akd-reservation-cta:hover {
  color: #16130a !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.42);
  transform: translateY(-1px);
}

.akd-reservation-cta i {
  color: #16130a !important;
}

.akd-lang-btn {
  color: #f2efe8 !important;
}

.akd-lang-menu {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-line) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

.akd-lang-item {
  color: var(--fs-text) !important;
}

.akd-lang-item:hover,
.akd-lang-item:focus {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

.akd-toggler {
  border-color: var(--fs-gold-line) !important;
}

.akd-brand-img {
  height: 50px;
  width: auto;
  display: block;
}

/* Footer */
.akd-footer {
  background: #070709 !important;
  border-top: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-text-soft) !important;
}

.akd-footer-heading {
  color: var(--fs-gold) !important;
}

.akd-footer-links a {
  color: var(--fs-text-soft) !important;
  transition: color 0.2s ease;
}

.akd-footer-links a:hover {
  color: var(--fs-gold-light) !important;
}

.akd-footer-links a i {
  color: var(--fs-gold-deep) !important;
}

.akd-footer-tagline {
  color: var(--fs-gold-light) !important;
  letter-spacing: 0.5px;
}

.akd-footer-bottom {
  border-top: 1px solid var(--fs-line) !important;
}

.akd-footer-bottom small,
.akd-footer-policies a,
.akd-footer-powered {
  color: #8b877e !important;
}

.akd-footer-policies a:hover,
.akd-footer-powered:hover {
  color: var(--fs-gold-light) !important;
}

/* Floating actions */
.phone-fixed {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  box-shadow: 0 8px 24px rgba(212, 165, 68, 0.4) !important;
}

/* ================================================================
   HOMEPAGE — full dark restyle
   ================================================================ */

body.page-home {
  background: var(--fs-black) !important;
  color: var(--fs-text) !important;
}

.page-home .akd-navbar {
  background: linear-gradient(180deg, rgba(5, 5, 7, 0.92) 0%, rgba(5, 5, 7, 0.55) 100%) !important;
  border-bottom: 1px solid var(--fs-gold-line);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ---------- Hero / slider ---------- */

.page-home .main-slider-area {
  background: var(--fs-black);
}

.page-home .main-banner::after,
.page-home .main-slider .swiper-slide::after {
  background: linear-gradient(180deg, rgba(5, 5, 7, 0.72) 0%, rgba(5, 5, 7, 0.35) 45%, rgba(11, 11, 14, 0.92) 100%);
}

.page-home .lux-hero-copy {
  background: rgba(10, 10, 13, 0.62);
  border: 1px solid var(--fs-gold-line);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}

.page-home .lux-hero-title {
  color: #ffffff;
  letter-spacing: 0.01em;
}

.page-home .lux-hero-sub {
  color: var(--fs-gold-light);
  font-weight: 500;
  letter-spacing: 0.04em;
}

/* Trust strip */
.page-home .lux-trust-strip {
  background: rgba(10, 10, 13, 0.62) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: 12px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.page-home .lux-trust-item {
  color: var(--fs-text) !important;
}

.page-home .lux-trust-item i {
  color: var(--fs-gold) !important;
}

.page-home .lux-trust-item:hover {
  color: var(--fs-gold-light) !important;
}

/* ---------- Hero layout: centered copy, horizontal form below ---------- */

.page-home .lux-hero-grid {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

.page-home .lux-hero-copy {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 28px;
}

.page-home .lux-hero-title {
  max-width: none;
}

.page-home .lux-booking-card {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 10px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-field {
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-field--from,
.page-home .lux-booking-card .hero-search-form--lux .hsf-field--to {
  flex: 2 1 220px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-field--passenger {
  flex: 0 0 160px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-field--currency {
  flex: 0 0 130px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-divider {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-submit--cta {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input-wrap {
  height: 100%;
}

@media (max-width: 991px) {
  .page-home .lux-booking-card .hero-search-form--lux .hsf-row {
    flex-wrap: wrap !important;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-field--from,
  .page-home .lux-booking-card .hero-search-form--lux .hsf-field--to {
    flex: 1 1 100% !important;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-field--passenger,
  .page-home .lux-booking-card .hero-search-form--lux .hsf-field--currency {
    flex: 1 1 40% !important;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-divider {
    display: none;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-submit--cta {
    flex: 1 1 100% !important;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-btn {
    width: 100%;
    justify-content: center;
  }
}

/* ---------- Booking card ---------- */

.page-home .lux-booking-card {
  background: linear-gradient(180deg, rgba(18, 18, 23, 0.92) 0%, rgba(11, 11, 14, 0.88) 100%) !important;
  border: 1px solid var(--fs-gold-line) !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.page-home .lux-booking-title {
  color: #ffffff;
}

.page-home .lux-booking-title::after {
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  margin: 10px auto 0;
  background: var(--fs-gold-grad);
  border-radius: 2px;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input-wrap {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: 10px;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input-wrap:focus-within,
.page-home .lux-booking-card .hero-search-form--lux .hsf-input-wrap:hover {
  border-color: var(--fs-gold-line) !important;
  background: rgba(212, 165, 68, 0.07) !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-icon {
  color: var(--fs-gold) !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-label {
  color: var(--fs-gold-light) !important;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 10px;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input,
.page-home .lux-booking-card .hero-search-form--lux #passenger-text,
.page-home .lux-booking-card .hero-search-form--lux #kur-text {
  color: #ffffff !important;
  background: transparent !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input::placeholder {
  color: rgba(242, 239, 232, 0.45) !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-divider {
  color: var(--fs-gold) !important;
}

/* Search button — signature gold CTA */
.page-home .hsf-btn,
.hero-search-form .hsf-btn {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.32);
  transition: box-shadow 0.22s ease, transform 0.22s ease, filter 0.22s ease !important;
}

.page-home .hsf-btn:hover,
.hero-search-form .hsf-btn:hover {
  background: var(--fs-gold-grad) !important;
  filter: brightness(1.08);
  box-shadow: 0 14px 34px rgba(212, 165, 68, 0.45);
  transform: translateY(-1px);
}

/* Dropdowns: live search results, pax & currency */
.page-home .hero-search-form--lux .live-result,
.page-home .hero-search-form--lux .paxs {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: 10px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  color: var(--fs-text) !important;
}

.page-home .hero-search-form--lux .live-result .item {
  color: var(--fs-text) !important;
}

.page-home .hero-search-form--lux .live-result .item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

.page-home .hero-search-form--lux .paxs label {
  color: var(--fs-text-soft) !important;
}

.page-home .hero-search-form--lux .kur-item {
  color: var(--fs-text) !important;
}

.page-home .hero-search-form--lux .kur-item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

.page-home .ece-passenger-spinner__btn {
  background: var(--fs-surface-2) !important;
  color: var(--fs-gold) !important;
  border: 1px solid var(--fs-line) !important;
}

.page-home .ece-passenger-spinner__btn:hover {
  background: var(--fs-gold-soft) !important;
}

.page-home .ece-passenger-spinner__input {
  background: transparent !important;
  color: #fff !important;
  border-color: var(--fs-line) !important;
}

.page-home .paxs .close-paxs {
  background: var(--fs-gold-grad) !important;
  border: none !important;
  color: #16130a !important;
}

/* ---------- Sections: shared header treatment ---------- */

.page-home .why-section,
.page-home .destinations-section,
.page-home .blog-section,
.page-home .gallery-section,
.page-home .lux-social-showcase,
.page-home .lux-home-faq-section {
  background: var(--fs-black) !important;
}

/* subtle alternation for rhythm */
.page-home .airport-pricing-section,
.page-home .blog-section {
  background: var(--fs-black-2) !important;
}

.page-home .section-label {
  color: var(--fs-gold) !important;
  letter-spacing: 3px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

.page-home .section-title,
.page-home .section-title-link {
  color: #ffffff !important;
}

.page-home .section-title-link:hover {
  color: var(--fs-gold-light) !important;
}

.page-home .section-header-center .section-title::after,
.page-home .section-header--center .section-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 2px;
  margin: 14px auto 0;
  background: var(--fs-gold-grad);
  border-radius: 2px;
}

.page-home .section-description {
  color: var(--fs-text-soft) !important;
}

/* ---------- Airport pricing / destination cards ---------- */

.page-home .destination-card,
.page-home .destination-card--airport-pricing {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-line) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

.page-home .destination-card:hover,
.page-home .destination-card--airport-pricing:hover {
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--fs-gold-line) !important;
  transform: translateY(-4px);
}

.page-home .destination-origin {
  color: var(--fs-gold) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.page-home .destination-origin i {
  color: var(--fs-gold) !important;
}

.page-home .destination-title {
  color: #ffffff !important;
}

.page-home .destination-meta-price {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  font-weight: 800 !important;
  border-radius: 8px;
  padding: 6px 12px;
  box-shadow: 0 6px 16px rgba(212, 165, 68, 0.25);
}

.page-home .destination-meta-price i {
  color: #16130a !important;
}

.page-home .destination-meta {
  border-top: 1px solid var(--fs-line) !important;
}

.page-home .destination-meta-info span {
  color: var(--fs-text-soft) !important;
}

.page-home .destination-meta-info span i {
  color: var(--fs-gold-deep) !important;
}

/* ---------- Gallery ---------- */

.page-home .gallery-item {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--fs-line);
  transition: border-color 0.22s ease, transform 0.22s ease;
}

.page-home .gallery-item:hover {
  border-color: var(--fs-gold-line);
  transform: translateY(-3px);
}

.page-home .gallery-overlay {
  background: linear-gradient(180deg, rgba(11, 11, 14, 0.15) 0%, rgba(11, 11, 14, 0.75) 100%) !important;
}

.page-home .gallery-overlay i {
  color: var(--fs-gold-light) !important;
}

/* ---------- Why choose us ---------- */

.page-home .why-card {
  background: linear-gradient(160deg, var(--fs-surface) 0%, var(--fs-black-2) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

.page-home .why-card::after {
  background: var(--fs-gold-line) !important;
}

.page-home .why-card:hover {
  background: linear-gradient(160deg, var(--fs-surface-2) 0%, var(--fs-surface) 100%) !important;
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
  transform: translateY(-4px);
}

.page-home .why-icon {
  background: var(--fs-gold-soft) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: 50%;
  color: var(--fs-gold) !important;
}

.page-home .why-icon i {
  color: var(--fs-gold) !important;
}

.page-home .why-card h3 {
  color: #ffffff !important;
}

.page-home .why-card p {
  color: var(--fs-text-soft) !important;
}

/* ---------- Blog cards ---------- */

.page-home .blog-card {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-line) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden;
}

.page-home .blog-card:hover {
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
}

.page-home .blog-card-body {
  background: transparent !important;
}

.page-home .blog-card-title {
  color: #ffffff !important;
}

.page-home .blog-card:hover .blog-card-title {
  color: var(--fs-gold-light) !important;
}

.page-home .blog-card-excerpt {
  color: var(--fs-text-soft) !important;
}

.page-home .blog-card-meta,
.page-home .blog-card-meta span {
  color: #8b877e !important;
}

.page-home .blog-card-meta span i {
  color: var(--fs-gold-deep) !important;
}

.page-home .blog-card-category {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
  border: 1px solid var(--fs-gold-line);
  border-radius: 6px;
}

.page-home .blog-read-more {
  color: var(--fs-gold) !important;
  font-weight: 700;
}

/* ---------- FAQ accordion ---------- */

.page-home .entity-faq-item {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: 12px;
  overflow: hidden;
}

.page-home .entity-faq-item + .entity-faq-item {
  margin-top: 12px;
}

.page-home .entity-faq-btn {
  background: transparent !important;
  color: #ffffff !important;
}

.page-home .entity-faq-btn:not(.collapsed) {
  color: var(--fs-gold-light) !important;
}

.page-home .entity-faq-btn::after {
  color: var(--fs-gold) !important;
  filter: none;
}

.page-home .entity-faq-question {
  color: inherit !important;
}

.page-home .entity-faq-answer {
  color: var(--fs-text-soft) !important;
  border-top: 1px solid var(--fs-line);
}

.page-home .entity-faq-answer p {
  color: var(--fs-text-soft) !important;
}

/* ---------- Social flip cards ---------- */

.page-home .lux-social-flip-eyebrow {
  color: var(--fs-gold) !important;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
}

/* Flat & simple: no card box, no flip, bigger icons */
.page-home .lux-social-flip-card {
  height: auto !important;
  perspective: none !important;
}

.page-home .lux-social-flip-card__inner {
  transform: none !important;
  transition: transform 0.2s ease;
}

.page-home .lux-social-flip-card:hover .lux-social-flip-card__inner,
.page-home .lux-social-flip-card:focus-within .lux-social-flip-card__inner {
  transform: translateY(-4px) !important;
}

.page-home .lux-social-flip-card__back {
  display: none !important;
}

.page-home .lux-social-flip-card__front {
  position: static !important;
  inset: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  gap: 12px;
  color: var(--fs-text) !important;
}

.page-home .lux-social-flip-card__icon {
  width: 88px !important;
  height: 88px !important;
  border-radius: 22px !important;
}

.page-home .lux-social-flip-card__icon i {
  font-size: 46px !important;
}

.page-home .lux-social-flip-card__icon svg {
  width: 42px !important;
  height: 42px !important;
}

.page-home .lux-social-flip-card__icon-img {
  width: 50px !important;
  height: 50px !important;
}

.page-home .lux-social-flip-card__name {
  color: var(--fs-text) !important;
  font-size: 14px;
}

.lux-social-flip-card__icon--custom,
.lux-social-flip-card__back-icon--custom {
  background: rgb(255 255 255);
}

/* ---------- Swiper controls ---------- */

.page-home .swiper-pagination-bullet {
  background: rgba(242, 239, 232, 0.35) !important;
  opacity: 1 !important;
}

.page-home .swiper-pagination-bullet-active {
  background: var(--fs-gold) !important;
}

.page-home .swiper-button-next,
.page-home .swiper-button-prev {
  color: var(--fs-gold) !important;
}

/* ---------- Mobile sticky CTA ---------- */

.page-home .lux-mobile-cta-wa {
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

/* ---------- Selection / scrollbar flourish ---------- */

.page-home ::selection {
  background: var(--fs-gold);
  color: #16130a;
}
