@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,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: "Montserrat", sans-serif;
  --lightest: #fff;
  --light: #f8f8f8;
  --medium: #C4C4C4;
  --dark: #333;
  --darkest: #000;
  --body-background: var(--lightest);
  --body-color: var(--light);
  --headings-font-weight: 600;

  --primary: #575e61;
  --primary-hover: #787e80;
  --primary-contrast: #575e61;
  --primary-inverse: var(--lightest);

  --secondary: #ff6e00;
  --secondary-hover: #ff8b32;
  --secondary-contrast: #ff6e00;
  --secondary-inverse: var(--lightest);

  --info: #202340;
  --info-hover: #4c4e66;
  --info-contrast: #202340;
  --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: #28a745;
  --danger: #dc3545;
  --warning: #ffc107;
  --dark: #343a40;
  --white: #fff;
  --logo-height: 3rem;

}

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

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

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

h2,
.h2 {
  font-weight: var(--headings-font-weight) !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:*/

.fare-type-platinum .card-header {
  background-color: #cab959 !important;
}

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

app-journey-fare-option-header.fare-type-ez-plus,
app-journey-fare-option-summary.fare-type-ez-plus .btn-select {
  background-color: #3B3B4AE3 !important;
}

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

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

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

/* Customer Customization/Overrides */

.form-control,
.form-group,
.bg-white.border-medium,
.currency-picker input:disabled,
.btn-outline-primary,
.page-header--pnr .rounded-pill,
app-phone-control .input-group input:nth-child(1),
app-phone-control .input-group button:nth-child(1) {
  border-color: var(--secondary) !important;
}

.btn-outline-primary {
  background-color: var(--lightest) !important;
  color: var(--primary)!important;
}

.btn-outline-primary.active {
  background-color: var(--secondary) !important;
  color: var(--lightest) !important;
}

.btn-outline-primary:not(.active):hover {
  background-color: var(--secondary-hover) !important;
  color: var(--primary-inverse)!important;
}

.btn-secondary,
.btn-primary {
  background-color: var(--secondary) !important;
  color: var(--lightest) !important;
  border-color: var(--secondary) !important;
}

.btn-secondary:hover:not(:disabled),
.btn-primary:hover:not(:disabled) {
  background-color: var(--secondary-hover) !important;
}

app-site-header.bg-primary,
app-agent-login .agent-login-header {
  background-color: var(--lightest) !important;
  color: var(--primary) !important;
}

app-site-header .text-white,
app-site-header li::after,
app-site-header .iasi::after,
#language-picker {
  color: var(--primary) !important;
}

[seat-map-name="737_737-149Y"] > g:nth-child(14) > g:first-child {
  transform: translate(10px, 0);
}

span+.airport--code::before {
  content: '(' !important;
}
span+.airport--code::after {
  content: ')' !important;
}

.seat-price.seat-text {
  font-size: 11.9%;
}

/* SEAT MAP 332_332 20C-17W-219Y */

/* line 1 -> 5 */
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(3) > g:first-child > g:first-child,
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(5) > g:first-child > g:first-child,
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(7) > g:first-child > g:first-child,
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(4) > g:nth-child(2) > g:last-child,
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(6) > g:nth-child(2) > g:last-child{
  transform: translateX(10px);
}

[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(3) > g:last-child > g:first-child,
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(5) > g:last-child > g:first-child,
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(7) > g:last-child > g:first-child,
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(4) > g:nth-child(2) > g:first-child,
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(6) > g:nth-child(2) > g:first-child {
  transform: translateX(-10px);
}

/* line 10 */
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(10) > g:first-child {
   transform: translateX(30px);
}
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(10) > g:nth-child(2) {
   transform: translateX(50px);
}

/* line 28 */
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(25) > g:first-child {
   transform: translateX(30px);
}
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(25) > g:nth-child(2) > g:first-child {
   transform: translateX(-10px);
}

/* line with 3 seats in column 2 */
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(8) > g:nth-child(2),
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(9) > g:nth-child(2),
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(36) > g:nth-child(2),
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(37) > g:nth-child(2),
[seat-map-name="332_332 20C-17W-219Y"] > g:nth-child(38) > g:nth-child(2) {
   transform: translateX(30px);
}