@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  /* Changes to Major version include renaming or deletion of variables. 
   Changes to Minor version include addition of new variables.
   Changes to Revision version include variable value changes. */
  --Version-Number: 2.1;

  /* global styles variables */
  --font-family: "Inter", sans-serif;
  --lightest: #fff;
  --light: #F1F1F1;
  --light-inverse: #313131;
  --white-inverse: #313131;
  --medium: #C4C4C4;
  --dark: #54595F;
  --darkest: #313131;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --headings-font-weight: 700;
  --logo-height: 3rem;

  --primary: #9B0909;
  --primary-hover: #F23739;
  --primary-contrast: #F23739;
  --primary-inverse: var(--lightest);

  --secondary: #54595F;
  --secondary-hover: #616161;
  --secondary-contrast: #616161;
  --secondary-inverse: var(--lightest);

  --info: #9B0909;
  --info-hover: #F23739;
  --info-contrast: #F23739;
  --info-inverse: var(--lightest);

  --highlight: hsla(207, 79%, 95%, 1);
  --highlight-hover: hsla(207, 79%, 75%, 1);
  --highlight-contrast: hsla(207, 79%, 25%, 1);
  --highlight-inverse: var(--darkest);

  --success: #008e5a;
  --danger: var(--primary);
  --warning: #fab31e;
  --dark: #313131;
  --white: #fff;
}

/* ------- PER CLIENT CUSTOMIZATION ------- */

/* Assign Font to document */
html,
body {
  font-family: var(--font-family) !important;
}

/* Mapping needed when google font does not correspond */
h1,
.h1 {
  font-weight: var(--headings-font-weight) !important;
  color: var(--primary) !important;
}

h2,
.h2 {
  font-weight: var(--headings-font-weight) !important;
  color: var(--primary) !important;
}

h3,
.h3 {
  font-weight: var(--headings-font-weight) !important;
}

h4,
.h4 {
  font-weight: var(--headings-font-weight) !important;
}

h5,
.h5 {
  font-weight: var(--headings-font-weight) !important;
}

h6,
.h6 {
  font-weight: var(--headings-font-weight) !important;
}

/* Logo sizing specific to brand */
a.navbar-brand img {
  height: var(--logo-height);
}

/* AmeliaRes Logo Style */
.page-footer img.amelia-logo {
  width: 4.75rem;
}

/* SVG Icon Substitution */
.leg--footer .logo {
  background-image: url(./img/airline-icon.svg);
  width: 20px;
  height: 20px;
}


/*--------------------Fare Type Styling----------------- */
/* The fare type identifier is configured in client specific MongoDB Collections. 
Fare type CSS class name is constrcuted using the following rules: 1. Prefix 'fare-type-', 
2. Replace spaces within fare type identifier by '-'. 3. Transform fare type identifier into lowercase. */
/* Example CSS class for fare type identifier Bronze:*/

app-journey-fare-options .fare-messassing--container {
  margin-bottom: 0.25rem !important;
}

app-journey-fare-option-ptc-fare-summary .fw-bold.text-primary,
app-journey-fare-option-header,
app-journey-fare-option-header.fare-option-col,
app-journey-fare-option-summary .btn-select {
  color: #111827 !important
}

app-journey-fare-option-header.fare-type-god,
app-journey-fare-option-summary.fare-type-god .btn-select,
app-journey-fare-option-header.fare-type-smart,
app-journey-fare-option-summary.fare-type-smart .btn-select,
app-journey-fare-option-header.fare-type-smart_\+,
app-journey-fare-option-summary.fare-type-smart_\+ .btn-select {
  background-color: #d0d2d3 !important;
  color: #111827 !important;
}

app-journey-fare-option-summary.fare-type-god.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-smart.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-smart_\+.fare-selected .text-primary {
  color: #d0d2d3 !important
}

app-journey-fare-option-header.fare-type-super_flex,
app-journey-fare-option-summary.fare-type-super_flex .btn-select,
app-journey-fare-option-header.fare-type-folkemode_flex,
app-journey-fare-option-summary.fare-type-folkemode_flex .btn-select {
  background-color: #3476b2 !important;
  color: #ffffff !important;
}

app-journey-fare-option-summary.fare-type-super_flex.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-folkemode_flex.fare-selected .text-primary {
  color: #2477c2 !important
}


app-journey-fare-option-header.fare-type-full_flex,
app-journey-fare-option-summary.fare-type-full_flex .btn-select,
app-journey-fare-option-header.fare-type-flex,
app-journey-fare-option-summary.fare-type-flex .btn-select,
app-journey-fare-option-header.fare-type-flex_\+,
app-journey-fare-option-summary.fare-type-flex_\+ .btn-select {
  background-color: #ccdbea !important;
  color: #111827 !important;
}

app-journey-fare-option-summary.fare-type-full_flex.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-flex.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-flex_\+.fare-selected .text-primary {
  color: #c8dbee !important
}

app-journey-fare-option-header.fare-type-promo,
app-journey-fare-option-summary.fare-type-promo .btn-select {
  background-color: #a6cbe9 !important;
  color: #111827 !important;
}

app-journey-fare-option-summary.fare-type-promo.fare-selected .text-primary {
  color: #9eccf1 !important
}

app-journey-fare-option-header.fare-type-social,
app-journey-fare-option-summary.fare-type-social .btn-select,
app-journey-fare-option-header.fare-type-senior,
app-journey-fare-option-summary.fare-type-senior .btn-select,
app-journey-fare-option-header.fare-type-student,
app-journey-fare-option-summary.fare-type-student .btn-select,
app-journey-fare-option-header.fare-type-residente,
app-journey-fare-option-summary.fare-type-residente .btn-select,
app-journey-fare-option-header.fare-type-residente_\+,
app-journey-fare-option-summary.fare-type-residente_\+ .btn-select {
  background-color: #e6e7e8 !important;
  color: #111827 !important;
}

app-journey-fare-option-summary.fare-type-social.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-senior.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-student.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-residente.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-residente_\+.fare-selected .text-primary {
  color: #e6e7e8 !important
}

app-journey-fare-option-header.fare-type-classic,
app-journey-fare-option-summary.fare-type-classic .btn-select,
app-journey-fare-option-header.fare-type-bedre,
app-journey-fare-option-summary.fare-type-bedre .btn-select,
app-journey-fare-option-header.fare-type-non_residente,
app-journey-fare-option-summary.fare-type-non_residente .btn-select,
app-journey-fare-option-header.fare-type-classic_\+,
app-journey-fare-option-summary.fare-type-classic_\+ .btn-select {
  background-color: #01549f !important;
  color: #ffffff !important;
}

app-journey-fare-option-summary.fare-type-classic.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-bedre.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-non_residente.fare-selected .text-primary,
app-journey-fare-option-summary.fare-type-classic_\+.fare-selected .text-primary {
  color: #0054a0 !important;
}

app-journey-fare-option-header.fare-type-economy,
app-journey-fare-option-summary.fare-type-economy .btn-select {
  background-color: #F5F3EF !important;
}

app-journey-fare-option-summary.fare-type-economy.fare-selected .text-primary {
  color: #6B7280 !important
}

app-journey-fare-option-header.fare-type-special,
app-journey-fare-option-summary.fare-type-special .btn-select {
  background-color: #F5EFEF !important;
}

app-journey-fare-option-summary.fare-type-special.fare-selected .text-primary {
  color: #6B7280 !important;
}

/* Customer Customization/Overrides */

.fare-messaging--icon {
  width: 25px;
  margin-top: -2px;
}

img[src="/assets/images/cross.png"] {
  margin-left: -3px;
  margin-right: calc(.5rem + 3px) !important;
}

app-journey-fares-list app-journey-origin-destination .leg--display .airline {
  display: none !important;
}

.fare-type-sell-messages {
  color: #191919;
}

img.fare-messaging--icon[src="/assets/images/error-cross-circle-25.png"]+div {
  color: #5e5e5e;
}

.airline.align-self-center.text-center,
app-journey-information-summary img.d-flex {
  display: none !important;
}

app-date-range-picker .number .fs-10,
.date-picker-offcanvas .number .fs-10 {
  font-size: .475rem !important;
}

app-ancillary-category .card {
  height: 100%;
}

app-ancillary-category .card-footer.pt-4.align-items-end {
  padding-top: .5rem !important;
  padding-top: .5rem !important;
  align-items: center !important;
  height: 100%;
}

app-rules-and-conditions-viewer a {
  color: var(--primary);
  text-decoration: underline !important;
}

app-rules-and-conditions-viewer a:hover {
  color: var(--primary-hover);
}

.payment--method.datatrans {
  background: url('./assets/images/datatrans-logo.png') center no-repeat !important;
  width: 170px !important;
  background-size: contain !important;
}

.payment--method.bcel.payment-transaction-icon {
  max-width: 225px !important;
}

app-booking-success .payment--method.datatrans.payment-transaction-icon,
app-reservation-billing-summary .payment--method.datatrans.payment-transaction-icon {
  max-width: 140px !important;
  max-height: 32px;
  margin: 0 0 0.25em 0.5em;
}

.payment-method--name {
  display: none;
}

/* FOOTER */
.site-footer {
  --primary: #fff;
  --secondary: #fff;
  background-color: #9B0909;
}


.site-footer a:hover {
  text-decoration: underline !important;
}

.site-footer-quick-access,
.site-footer-contact,
.site-footer-logo-section {
  display: none;
}

.site-footer-container.pt-5 {
  padding-top: 1rem !important;
}

@media (max-width: 992px) {
  .site-footer-container.pt-5 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
  }
}

.site-footer-container>.site-footer-row {
  display: block;
}

.col-sm-8.site-footer-main {
  width: 100%;
}

@media (min-width: 992px) {
  .site-footer-content-row .col-md-4 {
    width: 25%;
  }
}

.site-footer-navigation-1 .site-footer-nav-link-3,
.site-footer-navigation-2 .site-footer-nav-link-1,
.site-footer-navigation-2 .site-footer-nav-link-4,
.site-footer-navigation-2 .site-footer-nav-link-7,
.site-footer-navigation-2 .site-footer-nav-link-10,
.site-footer-navigation-2 .site-footer-nav-link-11,
.site-footer-navigation-2 .site-footer-nav-link-14 {
  font-weight: var(--headings-font-weight);
  margin-top: .8rem;
  margin-bottom: .8rem;
  pointer-events: none;
}


/* END FOOTER */

.btn-receipt,
.btn-receipt .fs-12 {
  font-weight: var(--headings-font-weight);
  font-size: 20px !important;
}

.passenger-info--row .card-title {
  margin-bottom: 2px !important;
}

.welcome-container {
  background-image: url(./assets/upload/20260902/ryabAIfIjcTfggkR0RIwBZNK7rJe7EZB_AgentPortalHeroImage.jpg);
  background-size: cover;
  background-position: center 45%;
  background-repeat: no-repeat;
}