.elementor-kit-18{--e-global-color-primary:#7F14D4;--e-global-color-secondary:#777777;--e-global-color-text:#111111;--e-global-color-accent:#D4AF37;--e-global-color-38b6024:#F2F0EC;--e-global-color-79f7507:#F0E6FC;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.18rem;--e-global-typography-primary-letter-spacing:0.3px;--e-global-typography-primary-word-spacing:1px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.3rem;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:normal;--e-global-typography-text-line-height:1.65rem;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-text-word-spacing:1px;--e-global-typography-accent-font-family:"Inter Tight";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-letter-spacing:0.3px;--e-global-typography-8000a89-font-family:"Playfair Display";--e-global-typography-8000a89-font-size:2rem;--e-global-typography-8000a89-font-weight:500;--e-global-typography-0b25bf3-font-family:"Inter";--e-global-typography-0b25bf3-font-size:1.5rem;--e-global-typography-0b25bf3-font-weight:500;--e-global-typography-0b25bf3-line-height:1.3rem;--e-global-typography-dbb8035-font-family:"Inter";--e-global-typography-dbb8035-font-size:1.125rem;--e-global-typography-dbb8035-font-weight:400;--e-global-typography-dbb8035-line-height:1.35rem;--e-global-typography-eb673bf-font-family:"Inter";--e-global-typography-eb673bf-font-size:1rem;--e-global-typography-eb673bf-font-weight:400;--e-global-typography-eb673bf-line-height:1.65px;--e-global-typography-9753d67-font-family:"Inter";--e-global-typography-9753d67-font-size:0.875rem;--e-global-typography-9753d67-font-weight:400;--e-global-typography-a0cf219-font-family:"Inter";--e-global-typography-a0cf219-font-size:0.75rem;--e-global-typography-a0cf219-font-weight:400;background-color:#F5F5F5;color:#000000;font-family:"Inter", Sans-serif;font-size:1.125rem;font-weight:400;line-height:1.6rem;letter-spacing:0px;}.elementor-kit-18 e-page-transition{background-color:#E54747;}.elementor-kit-18 a{color:var( --e-global-color-accent );}.elementor-kit-18 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-0b25bf3-font-family ), Sans-serif;font-size:var( --e-global-typography-0b25bf3-font-size );font-weight:var( --e-global-typography-0b25bf3-font-weight );line-height:var( --e-global-typography-0b25bf3-line-height );}.elementor-kit-18 h2{color:#000000;font-family:var( --e-global-typography-0b25bf3-font-family ), Sans-serif;font-size:var( --e-global-typography-0b25bf3-font-size );font-weight:var( --e-global-typography-0b25bf3-font-weight );line-height:var( --e-global-typography-0b25bf3-line-height );}.elementor-kit-18 h3{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:1.125rem;font-weight:600;line-height:1.3rem;letter-spacing:0px;}.elementor-kit-18 h4{color:#000000;font-family:"Inter", Sans-serif;font-size:1rem;font-weight:normal;line-height:1.4px;}.elementor-kit-18 h5{color:#7F14D4;font-family:"Inter", Sans-serif;font-size:0.875rem;font-weight:normal;}.elementor-kit-18 h6{color:#000000;font-family:"Inter", Sans-serif;font-size:0.75px;font-weight:normal;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(min-width:1536px){.elementor-kit-18{--e-global-typography-8000a89-font-size:clamp(2.027rem, 1.3974rem + 2.0146vw, 3.815rem);--e-global-typography-0b25bf3-font-size:clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem);--e-global-typography-dbb8035-font-size:clamp(1.602rem, 1.3066rem + 0.9454vw, 2.441rem);--e-global-typography-eb673bf-font-size:clamp(1.424rem, 1.2377rem + 0.5961vw, 1.953rem);--e-global-typography-9753d67-font-size:clamp(1.266rem, 1.1614rem + 0.3346vw, 1.563rem);--e-global-typography-a0cf219-font-size:clamp(1.125rem, 1.081rem + 0.1408vw, 1.25rem);font-size:16px;}.elementor-kit-18 a{font-size:clamp(2.027rem, 1.3974rem + 2.0146vw, 3.815rem);}.elementor-kit-18 h1{font-size:var( --e-global-typography-0b25bf3-font-size );line-height:var( --e-global-typography-0b25bf3-line-height );}.elementor-kit-18 h2{font-size:var( --e-global-typography-0b25bf3-font-size );line-height:var( --e-global-typography-0b25bf3-line-height );}}@media(max-width:1280px){.elementor-kit-18 h1{font-size:var( --e-global-typography-0b25bf3-font-size );line-height:var( --e-global-typography-0b25bf3-line-height );}.elementor-kit-18 h2{font-size:var( --e-global-typography-0b25bf3-font-size );line-height:var( --e-global-typography-0b25bf3-line-height );}}@media(max-width:768px){.elementor-kit-18 h1{font-size:var( --e-global-typography-0b25bf3-font-size );line-height:var( --e-global-typography-0b25bf3-line-height );}.elementor-kit-18 h2{font-size:var( --e-global-typography-0b25bf3-font-size );line-height:var( --e-global-typography-0b25bf3-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:475px){.elementor-kit-18{--e-global-typography-0b25bf3-font-size:clamp(1.802rem, 1.3619rem + 1.4085vw, 3.052rem);}.elementor-kit-18 h1{font-size:var( --e-global-typography-0b25bf3-font-size );line-height:var( --e-global-typography-0b25bf3-line-height );}.elementor-kit-18 h2{font-size:var( --e-global-typography-0b25bf3-font-size );line-height:var( --e-global-typography-0b25bf3-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   ABC STYLE PASSPORT — MASTER CSS
   Version: Clean 2.0 (background fix integrated)

   WHERE TO PASTE THIS:
   ─────────────────────────────────────────────────────────────
   PRIMARY LOCATION (required):
   Elementor → Site Settings → Custom CSS
   → Delete everything there → Paste this entire file → Save

   SECONDARY LOCATION (must be empty):
   Appearance → Customize → Additional CSS
   → Delete everything there → Leave completely empty → Publish

   DO NOT paste this in:
   ✗ WPCode
   ✗ Your theme's style.css
   ✗ Any individual page/template Custom CSS field
   ─────────────────────────────────────────────────────────────
   ============================================================ */


/* ============================================================
   1. BACKGROUNDS + FORCE LIGHT MODE
   ─────────────────────────────────────────────────────────────
   WHAT THIS DOES:
   • Body/html = #EBEBEB  → paints the outer margin grey
   • All Elementor sections/containers = #ffffff → centre content white
   • Header + Footer sections = #111111 → preserved dark
   • Category cards = #F5F5F5 → preserved light grey tint
   • Forces light mode — overrides system dark mode on all devices
   ============================================================ */

:root {
  color-scheme: only light !important;
  supported-color-schemes: light !important;
}

html,
html * {
  color-scheme: only light !important;
}

/* Outer margin = grey canvas behind all content */
html,
body {
  background-color: #EBEBEB !important;
  color: #111111 !important;
}

/* All Elementor content sections/containers = white */
.elementor-section,
.elementor-top-section,
.elementor-inner-section,
.elementor-container,
.e-con,
.e-con-inner {
  background-color: #ffffff !important;
}

/* Header sections — keep dark, not white */
.elementor-location-header,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-top-section,
.elementor-location-header .e-con,
[data-elementor-type="header"] .elementor-section,
[data-elementor-type="header"] .e-con {
  background-color: #111111 !important;
}

/* Footer sections — keep dark, not white */
.elementor-location-footer,
.elementor-location-footer .elementor-section,
.elementor-location-footer .elementor-top-section,
.elementor-location-footer .e-con,
[data-elementor-type="footer"] .elementor-section,
[data-elementor-type="footer"] .e-con {
  background-color: #111111 !important;
}

/* Category listing cards — keep F5F5F5 tint */
.jet-listing-grid__item {
  background-color: #F5F5F5 !important;
}

/* Dark mode system override — force light everywhere */
@media (prefers-color-scheme: dark) {

  html,
  body {
    background-color: #EBEBEB !important;
    color: #111111 !important;
  }

  /* Reset all elements to light */
  *,
  *::before,
  *::after {
    background-color: #ffffff;
    color: #111111;
    border-color: rgba(0, 0, 0, 0.15);
  }

  /* Preserve: header dark */
  .elementor-location-header,
  .elementor-location-header *,
  [data-elementor-type="header"],
  [data-elementor-type="header"] * {
    background-color: #111111 !important;
    color: #ffffff !important;
  }

  /* Preserve: footer dark */
  .elementor-location-footer,
  .elementor-location-footer *,
  [data-elementor-type="footer"],
  [data-elementor-type="footer"] * {
    background-color: #111111 !important;
    color: #ffffff !important;
  }

  /* Preserve: images never invert */
  img,
  svg,
  video,
  canvas {
    filter: none !important;
  }

  /* Preserve: Elementor structural wrappers transparent */
  .elementor-widget-wrap,
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-column-wrap,
  .e-con,
  .e-con-inner {
    background-color: transparent !important;
  }

  /* Preserve: cards white */
  .jet-listing-grid__item,
  .elementor-widget-text-editor {
    background-color: #ffffff !important;
    color: #111111 !important;
  }

  /* Preserve: form inputs */
  input,
  textarea,
  select {
    background-color: #ffffff !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
  }

  /* Preserve: links purple */
  a {
    color: #7F14D4 !important;
  }
}

/* Elementor JS dark mode class override */
.e-dark-mode body,
.dark-mode body,
body.dark-mode {
  background-color: #EBEBEB !important;
  color: #111111 !important;
}

/* Samsung Internet dark mode override */
:root {
  color-scheme: only light !important;
  supported-color-schemes: light !important;
}


/* ============================================================
   2. HEADER — fixed top bar
   ============================================================ */

.elementor-location-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
}

/* Push page content below fixed header */
body {
  margin-top: 50px !important;
}


/* ============================================================
   3. FOOTER — fixed sticky bars
   ============================================================ */

.abc-footer-sticky {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9998 !important;
  width: 100% !important;
}

/* Push page content above fixed footer */
.elementor-section-wrap,
.e-con-inner,
main,
.site-main {
  padding-bottom: 114px !important;
}

/* Hamburger nav item push right */
.abc-hamburger {
  margin-left: auto !important;
}

/* Gold dot on coming soon nav items */
.nav-coming-soon {
  position: relative;
}

.nav-coming-soon::after {
  content: '';
  position: absolute;
  top: 8px;
  right: calc(50% - 14px);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #D4AF37;
}


/* ============================================================
   4. L2 TOGGLE SYSTEM — BEST/ALT/LEAST/SAVED
   ============================================================ */

/* Hide all content, show only active */
.l2-toggle .l2-content {
  display: none;
}

.l2-toggle .l2-content.is-active {
  display: block;
}

/* Show all in editor */
.elementor-editor-active .l2-toggle .l2-content {
  display: block !important;
}

/* Toggle wrapper */
.l2-toggle {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.l2-toggle > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* Button row */
.l2-toggle-controls {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  justify-content: center;
  align-items: stretch;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media (max-width: 768px) {
  .l2-toggle-controls {
    max-width: 100%;
    gap: 4px !important;
    padding: 0 8px;
  }
}

/* Pill base */
.abc-pill {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
  border: 1px dashed rgba(0, 0, 0, 0.25) !important;
  background: #fff !important;
  color: #222 !important;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
}

@media (max-width: 480px) {
  .abc-pill {
    padding: 6px 4px !important;
    font-size: 11px !important;
  }
}

/* Pill icon box internals */
.abc-pill .elementor-icon-box-wrapper {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.abc-pill .elementor-icon {
  font-size: 18px !important;
  background: transparent !important;
}

.abc-pill .elementor-icon svg,
.abc-pill .elementor-icon img {
  width: 18px !important;
  height: 18px !important;
}

.abc-pill .elementor-icon-box-title {
  margin: 0 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

/* Active pill */
.abc-pill.is-active {
  background: #2b2b2b !important;
  border-color: #2b2b2b !important;
  border-style: solid !important;
  color: #fff !important;
}

.abc-pill.is-active * {
  color: #fff !important;
}

/* Hide intro text when SAVED tab active */
.l2-toggle[data-active-tab="saved"] .l2-intro-text {
  display: none !important;
}


/* ============================================================
   5. CARDS
   ============================================================ */

/* Card borders by tier */
.abc-card {
  border: 2px dashed #111111;
  background: #ffffff;
}

.abc-card-best {
  border: 2px solid #D4AF37;
}

.abc-card-alt {
  border: 2px dashed #7F14D4;
}

.abc-card-least {
  border: 2px dashed #111111;
  opacity: 0.85;
}

/* Card image height */
@media (max-width: 768px) {
  .jet-listing-dynamic-image img {
    height: 180px !important;
    object-fit: contain !important;
  }
}

/* Card grid gap on mobile */
@media (max-width: 768px) {
  .jet-listing-grid__items {
    gap: 8px !important;
  }

  .l2-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Tier badge — top left corner tab */
.abc-tier-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 12px 5px 10px;
  border-radius: 15px 0 12px 0;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  z-index: 10;
}

.abc-tier-label.best {
  background: #D4AF37;
  color: #111111;
}

.abc-tier-label.alt {
  background: #7F14D4;
  color: #ffffff;
}

.abc-tier-label.least {
  background: #777777;
  color: #ffffff;
}


/* ============================================================
   6. STYLE TOGGLE BAR (existing page-level toggle)
      — kept for backward compatibility
   ============================================================ */

.style-toggle-bar {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border: 2px dashed #000 !important;
  border-radius: 24px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.style-toggle-bar .lvl2-toggle-btn .elementor-icon-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 92px !important;
  min-height: 70px !important;
  padding: 8px !important;
  background: #fff !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.2s ease !important;
}

.style-toggle-bar .lvl2-toggle-btn:hover .elementor-icon-box-wrapper {
  background: #D4AF37 !important;
  color: #000 !important;
}

.style-toggle-bar .lvl2-toggle-btn.is-active .elementor-icon-box-wrapper {
  background: #000 !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28) !important;
}

.style-toggle-bar .lvl2-toggle-btn.is-active * {
  color: #fff !important;
  fill: #fff !important;
}

.style-toggle-bar .elementor-icon svg {
  width: 30px !important;
  height: 30px !important;
}

@media (max-width: 480px) {
  .style-toggle-bar {
    gap: 6px !important;
    padding: 8px 10px !important;
  }

  .style-toggle-bar .elementor-icon-box-wrapper {
    width: 74px !important;
    min-height: 64px !important;
  }
}


/* ============================================================
   END OF ABC STYLE PASSPORT MASTER CSS v2.0
   ============================================================ *//* End custom CSS */