/* Rehltak B2C homepage rebuild - isolated from B2B/Admin */

body.v8-home-page {
  background: #f5f8fc !important;
  font-family: "IBM Plex Sans Arabic", Inter, sans-serif;
}

body.v8-home-page,
body.v8-home-page * {
  box-sizing: border-box;
}

.v8-home .rxp-container,
body.v8-home-page .topbar-inner {
  width: min(1280px, calc(100% - 64px)) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

body.v8-home-page .v8-header {
  background: #062c53 !important;
  min-height: 66px !important;
  box-shadow: 0 3px 16px rgba(2, 24, 50, .15) !important;
}

body.v8-home-page .v8-header .topbar-inner {
  min-height: 66px !important;
  gap: 18px !important;
}

body.v8-home-page .v8-header .main-nav {
  gap: 17px !important;
}

body.v8-home-page .v8-header .main-nav a {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.v8-home .v8-hero {
  position: relative;
  min-height: 460px !important;
  padding-bottom: 90px !important;
}

.v8-home .v8-hero .rxp-hero-copy {
  padding-top: 54px !important;
}

.v8-home .v8-hero .rxp-hero-copy h1 {
  font-size: clamp(36px, 3.4vw, 52px) !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.v8-home .v8-hero .rxp-hero-copy p {
  font-size: 16px !important;
  line-height: 1.8 !important;
}

.v8-home .v8-search {
  position: relative;
  border-radius: 19px !important;
  background: white !important;
  box-shadow: 0 18px 44px rgba(5, 37, 69, .19) !important;
}

.v8-home .v8-tabs {
  width: max-content !important;
  max-width: 100% !important;
  min-height: 53px !important;
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden;
}

.v8-home .v8-tabs .ota-tab {
  min-width: 110px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.v8-home .ota-fields-flight {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.15fr) 32px minmax(0, 1.15fr)
    minmax(0, .95fr) minmax(0, .95fr)
    minmax(0, 1.2fr) minmax(105px, .8fr) !important;
  align-items: stretch !important;
  gap: 9px !important;
}

.v8-home .ota-fields-flight > * {
  min-width: 0 !important;
}

.v8-home .v8-search .ota-field {
  min-height: 68px !important;
  border: 1px solid #dbe6f1 !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
}

.v8-home .v8-search .ota-field:focus-within {
  border-color: #1684d5 !important;
  box-shadow: 0 0 0 3px rgba(22, 132, 213, .12) !important;
}

.v8-home .v8-search .ota-field span {
  font-size: 12px !important;
  font-weight: 700 !important;
}

.v8-home .v8-search .ota-field input,
.v8-home .v8-search .ota-field select {
  font-size: 13px !important;
  max-width: 100% !important;
}

.v8-home .v8-search .ota-search-submit {
  min-height: 60px !important;
  border-radius: 11px !important;
  background: #087bd0 !important;
  color: white !important;
  font-weight: 800 !important;
}

.v8-home .v8-quick {
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  margin-top: -24px !important;
  padding: 10px !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(5, 40, 75, .12) !important;
}

.v8-home .v8-quick > a {
  min-height: 83px !important;
  border-inline-end: 1px solid #e8eef5 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

.v8-home .v8-quick > a:last-child {
  border-inline-end: 0 !important;
}

.v8-home .rxp-quick-icon {
  color: #16a5db !important;
  display: grid !important;
  place-items: center !important;
}

.v8-home .v8-quick strong {
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

.v8-home .v8-destinations {
  padding-top: 42px !important;
  padding-bottom: 34px !important;
}

.v8-home .v8-destinations .rxp-section-heading h2 {
  font-size: 27px !important;
}

.v8-home .v8-destinations .rxp-destination {
  height: 205px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.v8-home .v8-trust {
  padding: 26px 0 !important;
}

.v8-home .rxp-trust-grid article > span {
  color: #16a5db !important;
  display: inline-grid !important;
  place-items: center !important;
}

.v8-home .v8-app-promo {
  min-height: 132px !important;
  margin-top: 24px !important;
  margin-bottom: 34px !important;
  border-radius: 18px !important;
}

body.v8-home-page .v8-footer {
  padding-top: 30px !important;
}

@media (max-width: 1100px) and (min-width: 768px) {
  .v8-home .ota-fields-flight {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .v8-home .ota-fields-flight > * {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .v8-home .v8-quick {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .v8-home .rxp-container,
  body.v8-home-page .topbar-inner {
    width: calc(100% - 24px) !important;
  }

  body.v8-home-page .v8-header {
    min-height: 60px !important;
    background: #fff !important;
  }

  body.v8-home-page .v8-header .topbar-inner {
    min-height: 60px !important;
  }

  .v8-home .v8-hero {
    min-height: auto !important;
    padding-bottom: 25px !important;
  }

  .v8-home .v8-hero .rxp-hero-copy {
    padding-top: 30px !important;
  }

  .v8-home .v8-hero .rxp-hero-copy h1 {
    font-size: 29px !important;
    line-height: 1.4 !important;
  }

  .v8-home .v8-hero .rxp-hero-copy p {
    font-size: 13px !important;
  }

  .v8-home .v8-search {
    border-radius: 16px !important;
  }

  .v8-home .v8-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  .v8-home .v8-tabs .ota-tab {
    min-width: 0 !important;
    font-size: 11px !important;
  }

  .v8-home .ota-fields-flight {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .v8-home .ota-fields-flight > * {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  .v8-home .ota-fields-flight > .ota-field:nth-child(4),
  .v8-home .ota-fields-flight > .ota-field:nth-child(5) {
    grid-column: auto !important;
  }

  .v8-home .ota-fields-flight > .ota-swap {
    justify-self: center !important;
  }

  .v8-home .v8-search .ota-field {
    min-height: 59px !important;
  }

  .v8-home .v8-search .ota-search-submit {
    min-height: 50px !important;
    width: 100% !important;
  }

  .v8-home .v8-quick {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 14px !important;
  }

  .v8-home .v8-quick > a {
    min-height: 77px !important;
  }

  .v8-home .v8-quick strong {
    font-size: 11px !important;
  }

  .v8-home .v8-destinations {
    padding-top: 30px !important;
    padding-bottom: 22px !important;
  }

  .v8-home .v8-destinations .rxp-destination {
    height: 170px !important;
  }

  .v8-home .v8-trust {
    padding: 22px 0 !important;
  }

  body.v8-home-page {
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }
}