:root {
  /* main colors */
  --color-primary: #ffcb00;
  --color-secondary: #fff;
  --color-background: #051851;
  --color-alert-danger-background: #fa3123;

  /* typography */
  --color-text: var(--color-secondary);
  --color-link: #e3b602;
  --color-visited-link: #e3b602;
  --color-product-price: #00377b;
  --color-badge: #00377b;
  --color-dropdown-option: #00377b;
  --color-selected-language-icon: #00377b;
  --color-loyalty-header-text: #fbd000;
  --color-loyalty-header-background: #fff;
  --color-slider-text-name: #00377b;
  --retail-product-icon-color: #00377b;
  --color-price-category-hover-text: #00377b;
  --color-input-radio-btn-selected: #00377b;
  --color-input-radio-btn-selected-border: #00377b;
  --color-input-radio-btn-selected-background: radial-gradient(#00377b 0%, #00377b 50%, transparent 60%, transparent);
  --color-card-header: #00377b;
  --color-btn-download-active-color: #00377b;
  --link-hover-decoration: underline;
  --color-form-subtext: rgba(255, 255, 255, 0.9);

  --color-background-popup: #222b45;

  /* buttons */
  --color-btn-enabled-background: #ffcb00;
  --color-btn-primary-hover-background: #fcb919;
  --color-btn-primary-background: #ffcb00;
  --color-btn-primary-hover-text: #00377b;
  --color-btn-primary-text: #00377b;

  /* base font values */
  --font-body: DinPro;
  --font-primary: DinPro;
  --font-secondary: sans-serif;

  --element-border-radius: 15px;

  /* text scale */
  --text-s: 0.85rem;

  /* line-height */
  --line-height-heading: 1.2;
  --line-height-body: 1.4;

  /* spacing values */
  --space-unit: 1em;
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));

  /* components padding */
  --component-padding: var(--space-sm);

  /* grid settings */
  --grid-gap: 10px;
  --gap-horizontal: var(--grid-gap);
  --gap-vertical: var(--gap-horizontal);

  --color-seating-area-1-primary-color: #fff;
  --color-seating-area-2-primary-color: #89e3c8;
  --color-seating-area-3-primary-color: rgb(255, 20, 110);
  --color-seating-area-4-primary-color: #247dbc;
  --color-seating-area-5-primary-color: #957fef;
  --color-seating-area-6-primary-color: #e8657e;
  --color-seating-area-7-primary-color: #ff8e3b;
  --color-seating-area-8-primary-color: #f4d06f;
  --color-seating-area-9-primary-color: #9c6644;

  /* seating areas colors */
  --color-seating-area-requested-fill: #f2c71d;

  /* calendar colors */
  --color-calendar-primary: #00377b;
  --color-calendar-icon: #00377b;
  --color-calendar-icon-hover: #00377b;
  --color-calendar-button-hover: #fcb919;
  --color-calendar-navigation-btn: #00377b;
  --color-calendar-disabled-item: #000;

  --color-loyalty-header-background: #00377b;
}

@media (max-width: 767px) {
  :root {
    --font-body: Barlow-Regular;
    --font-primary: Barlow-Regular;
  }
}

@media (max-width: 767px) {
  body .modal-body {
    overflow-y: unset;
    max-height: 100%;
  }
}

@font-face {
  font-display: swap;
  font-family: DinPro;
  font-weight: 300;
  src:
    url('/assets/fonts/DINPro.woff2') format('woff2'),
    url('/assets/fonts/DINPro.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: Barlow-Regular;
  font-weight: 300;
  src: url('/assets/fonts/Barlow-Regular.ttf') format('truetype');
}

/* Checkout page */

.transaction-details-information .ticket-information .title,
.subtitle {
  color: var(--color-text);
}

.transaction-details-information .payment-information .title {
  color: var(--color-text);
}

/* Price category hover */
@media (min-width: 992px) {
  .counter-control-row.price-category.flex-grid:hover p a:not(:hover) {
    color: var(--color-text);
  }
}

.footer .link:hover {
  color: var(--color-link);
}

@font-face {
  font-display: swap;
  font-family: hind-regular;
  font-weight: 400;
  src: url('/assets/fonts/hind-regular.woff') format('woff');
}

body .content .movie-details-meta-info .age-rating-icon {
  border: none;
}

body .content .movie-details-meta-info .age-rating-icon > span {
  border: none;
  display: none;
}

body .content .movie-details-meta-info .age-rating-subtitle {
  display: none;
}

body .content .movie-details-meta-info .age-rating-icon.age-12 {
  background-image: url('/assets/rub_12.svg');
  background-size: cover;
}

body .content .movie-details-meta-info .age-rating-icon.age-15 {
  background-image: url('/assets/rub_15.svg');
  background-size: cover;
}

body .content .movie-details-meta-info .age-rating-icon.age-18 {
  background-image: url('/assets/rub_18.svg');
  background-size: cover;
}

.react-calendar .react-calendar__tile--active {
  background-color: var(--color-calendar-primary) !important;
  color: var(--color-primary) !important;
}

.react-calendar .react-calendar__navigation span:hover {
  color: #00377b;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: var(--color-calendar-primary);
}

.seatingAreaSelection-box__item-details--selected {
  color: #00377b;
}

.chip-slider .swiper-slide.selected-slide > .chip-container > .chip {
  color: #00377b;
}

.seatingAreaSelection-container .seatingAreaSelection-box__item-details--selected a {
  color: #b7b7b7;
}

.my-account .block .profile div.col.button a:hover {
  color: #00377b;
}

.transaction-id.grey .transaction-icon.voucher-image {
  color: var(--color-text);
}

.transaction-id .transaction-icon.voucher-image {
  color: var(--color-background);
}

body .cineorder-input.invalid input::placeholder {
  opacity: 1;
}

body .loyalty-tile-status .loyalty-tile-subtitle {
  text-align: right;
  font-size: 12px;
}

body .paymentMethodSelection-box .payment-hint-block {
  background-color: #4c4938;
}