/* Pyhä style overrides */

/* Buttons */

.button,
.vertical-liftup__cta .field-link,
.button--disabled,
.button--disabled:hover,
.c-liftup .field-link {
  background-color: #003764;
}

.accommodation-search__content-wrapper > .button:hover::before,
.accommodation-search__content-wrapper > .button:focus::before {
  src: url("/themes/custom/ski_valley/images/icons/src/filter-white.svg");
}

.button.button--gray {
  background-color: #fff;
}

.button:hover,
.button:focus {
  background-color: #265e88;
  color: #fff;
}

.block[class*="today-page-link"] a:hover {
  background-color: #003764;
  border-color: #003764;
}

.block[class*="today-page-link"] a,
.c-liftup-list__content a {
  text-decoration: none;
}

/* Text styles */

body {
  font-family: QuadraatRegular;
}
.text-long.field--type-text-long a {
  color: #265e88;
}

.text-long a.button {
  color: #fff;
}
.text-long a:not(.button) {
  text-decoration: underline !important;
  color: #265e88 !important;
}

.text-long h1,
.text-long h2,
.text-long h3 {
  font-family: QuadraatSmallCaps;
}

/* Navigation */
.site-search__toggle--close {
  background-image: url(/themes/custom/ski_valley_pyha/images/icons/search-white-pyha.svg);
}

.site-search__result__icon {
  background-image: url(/themes/custom/ski_valley/images/icons/search/default-2.png);
}

@media only screen and (min-width: 960px) {
  .main-menu .main-menu__item--sub-1.main-menu__item--with-sub:hover::after {
    border-color: transparent transparent #003764 transparent;
  }

  .main-menu__link.main-menu__link--active:not(.main-menu__link--sub) {
    border-color: #003764;
  }

  .main-menu
    .main-menu__item:not(.main-menu__item--sub-2):hover
    .main-menu__link:not(.main-menu__link--sub) {
    border-color: #003764;
  }

  .main-menu .main-menu__item--sub-1:hover > .main-menu__link {
    color: #003764;
  }

  .main-menu__link--sub.main-menu__link--sub-2:hover {
    background-color: #ececea;
    color: #223;
  }
}

.main-menu__item:hover::after,
.main-menu__item--is-active::after,
.toggle-expand--is-open::after,
.toggle-expand:hover::after,
.dropdown.open::after,
.dropdown-menu a:hover::after,
div[class*="block--profilemenu"] .dropdown.open::after,
.main-menu__item--sub-1.main-menu__item--expanded,
.main-menu--sub-2 {
  background-color: #003764;
}

.toggle-expand svg {
  fill: #003764;
}

.main-menu:not(.main-menu--sub-1) .expand-sub svg {
  fill: #003764;
}

.main-menu__item.main-menu__item--sub-1.main-menu__item--with-sub.main-menu__item--expanded .expand-sub svg {
  fill: #fff;
}

.main-menu--sub-2 .main-menu__item {
  border-color: #fff;
}

.main-menu--sub-2 .main-menu__item:hover::after,
.main-menu--sub-2 .main-menu__item--is-active::after,
.main-menu--sub-1 .main-menu__item--expanded:hover::after {
  background-color: #fff;
}

.main-nav .main-menu .main-menu__item--sub-1:hover .main-menu--sub-2,
.main-nav .main-menu--sub-2:hover {
  border-color: #003764;
}

.main-navigation
  .main-menu
  .main-menu__item
  .main-menu__link:not(.main-menu__link--sub) {
  text-transform: uppercase;
}

.main-menu__link {
  font-family: "rukasans";
}

button.dropdown-toggle:hover {
  border-bottom-color: #003764;
}

.dropdown li:hover {
  background-color: #265e88;
}

.logged-in .dropdown-profile .dropdown-toggle {
  background-image: url("/themes/custom/ski_valley_pyha/images/icons/person-blue.svg");
}

@media only screen and (max-width: 960px) {
  .dropdown-language li:hover,
  .dropdown-profile li:hover {
    background-color: #fafafd;
  }
}

/* Links */

a,
.link {
  color: #265e88;
  text-decoration: underline;
}

a:hover,
a:active,
a:focus,
.link:hover,
.link:visited,
.link:active {
  color: #265e88;
}

/* Webcams */
.paragraph--type-webcamera-collection
  .webcam-collection
  .webcam
  .webcam-text
  .webcam-link
  a {
  border-bottom-color: #265e88;
}

/* Apartment page */

.field-layout-image a::after,
.field-panorama-url a::after,
.field-map-url a::after {
  content: url("/themes/custom/ski_valley_pyha/images/icons/open-in-new.svg") !important;
}

.link--back-to-search::before {
  background-image: url("/themes/custom/ski_valley_pyha/images/icons/arrow-right.svg") !important;
}
.field-layout-image::before {
  content: url("/themes/custom/ski_valley_pyha/images/icons/home.svg") !important;
}
.field-panorama-url::before {
  content: url("/themes/custom/ski_valley_pyha/images/icons/360.svg") !important;
}
.field-map-url::before {
  content: url("/themes/custom/ski_valley_pyha/images/icons/map.svg") !important;
}
.terms-conditions-link::before {
  content: url("/themes/custom/ski_valley_pyha/images/icons/info.svg") !important;
}

.ski-inn__details-wrapper .ui-accordion-header.ui-state-active {
  border-color: #265e88;
}

.ski-inn__details-wrapper .ui-accordion-header.ui-state-active .ui-icon {
  background-image: url("/themes/custom/ski_valley_pyha/images/icons/arrow-up-blue.svg");
}

.ski-inn__details-wrapper .ui-accordion-header.ui-state-active a {
  color: #265e88;
}

.accordion-react.accordion-react--toggle-button.accordion-react--opened .accordion__title:first-child {
  border-color: #265e88;
  color: #265e88;
}

.accordion-react.accordion-react--toggle-button.accordion-react--opened .accordion__title:first-child::before {
  background-image: url("/themes/custom/ski_valley_pyha/images/icons/arrow-up-blue.svg");
}


/* Footer */
.footer {
  background-color: #10192a;
}

/* Checkout flow */
.checkout-progress--step__current::before {
  background: #003764;
  border-color: #003764;
}

.checkout-pane-payment-information
  > .form-item--radio
  .payment-method
  label.payment-selected {
  border-color: #003764;
}

.checkout-progress--step__current,
.view-commerce-cart-form .form-actions .cart-total,
.checkout-pane-payment-information
  > .form-item--radio
  .payment-method
  label.payment-selected
  p,
.payment-selected .payment-description,
.checkout-pane-payment-information
  > .form-item--radio
  .payment-method
  label.payment-selected
  p,
.view-commerce-checkout-order-summary
  .order-total
  .order-total-price
  .total-amount {
  color: #003764;
}

/* Cart */
.cart--cart-block .cart-icon .cart-count {
  background-color: #003764;
}

/* Search */

.leaflet-marker-icon.marker-cluster {
  background-color: #003764;
}

.accommodation-search__distance-filter-wrapper
  .range-filter
  input[type="range"]::-webkit-slider-runnable-track {
  background-color: #7e9ab0;
}
.accommodation-search__distance-filter-wrapper
  .range-filter
  input[type="range"]::-moz-range-track {
  background-color: #7e9ab0;
}
.accommodation-search__distance-filter-wrapper
  .range-filter
  input[type="range"]::-ms-fill-lower {
  background-color: #7e9ab0;
}
.accommodation-search__distance-filter-wrapper
  .range-filter
  input[type="range"]::-ms-fill-upper {
  background-color: #7e9ab0;
}

.accommodation-search__distance-filter-wrapper
  .range-filter
  input[type="range"]::-moz-range-thumb {
  background-color: #003764;
}
.accommodation-search__distance-filter-wrapper
  .range-filter
  input[type="range"]::-webkit-slider-thumb {
  background-color: #003764;
}
.accommodation-search__distance-filter-wrapper
  .range-filter
  input[type="range"]::-ms-thumb {
  background-color: #003764;
}

.accommodation-search__result__price {
  color: #003764;
}

.form-item--radio__input:checked + label::before {
  border-color: #003764;
}

.accommodation-search__results_list_type .form-item--radio__input:checked#full + label::before {
  background-image: url(/themes/custom/ski_valley/images/icons/src/full-list-blue.svg);
}

.accommodation-search__results_list_type .form-item--radio__input:checked#compressed + label::before {
  background-image: url(/themes/custom/ski_valley/images/icons/src/compressed-list-blue.svg);
}

.accommodation-search__content-wrapper .button--gray:hover::before,
.accommodation-search__content-wrapper .button--gray:focus::before {
  content: url('/themes/custom/ski_valley/images/icons/src/filter-white.svg');
}

/* Spinner */
.spinner > span span,
.accommodation-search__spinner > span span {
  background-color: #003764;
}

/* Table */

.paragraph--type-table .table .table__heading-cell {
  background-color: #003764;
}

.table .highlighted {
  color: #003764;
}

/* Tabs */

.tabs .tabs-headings .tab--active {
  border-color: #003764;
}

/* Slick slider */
.slick .slick-dots li.slick-active button::before {
  color: #003764;
}

/* Opening hours app */

@media only screen and (max-width: 600px) {
  .opening-hours-company
    .opening-hours-company__details-wrapper
    .opening-hours-company__details-title {
    background-color: #003764;
  }
}
@media only screen and (min-width: 601px) {
  .opening-hours-company:first-child {
    background-color: #003764;
  }
}

.opening-hours-company__details {
  background-color: #003764;
}

/* Slopes and lifts */

.field-iframe .lift-info {
  padding-bottom: 65%;
}

@media only screen and (max-width: 600px) {
  .field-iframe .lift-info {
    padding-bottom: 70%;
  }
}

/* Today page */

.today_page_events .today-page__list .today-page-list__item::after {
  background-image: url("/themes/custom/ski_valley_pyha/images/icons/arrow-right.svg") !important;
}

/* Event search */

a.eventsearch__results__filters__item {
  background-color: #003764;
}

a.eventsearch__results__filters__item:hover {
  color: #fff;
  background-color: #003764;
}

/* Cookie consent banner */

.coi-consent-banner__bottom-bar .bottom-bar__update-consent,
.coi-consent-banner__consent-area .coi-consent-banner__agree-button {
  background-color: #003764;
}
.coi-consent-banner__bottom-bar .bottom-bar__update-consent:hover,
.coi-consent-banner__consent-area .coi-consent-banner__agree-button:hover {
  background-color: #265e88;
}

#coiConsentBanner .coi-consent-banner__name-container:hover {
  color: #003764;
}

#coiConsentBanner
  .coi-consent-banner__category-expander:checked
  ~ .coi-consent-banner__name-container {
  color: #265e88;
}

#coiConsentBanner
  .coi-consent-banner__switch-checkbox:checked
  + .coi-consent-banner__slider::before {
  background-color: #265e88;
}
#coiConsentBanner
  .coi-consent-banner__switch-checkbox:checked
  + .coi-consent-banner__slider {
  background-color: #7e9ab0;
}

#coiConsentBanner
  .coi-consent-banner__summary
  .coi-consent-banner__read-more-button {
  color: #265e88;
}

#Coi-Renew #coi-renew-svg .renew_path {
  fill: #265e88 !important;
}

/* Ownership accommodation info */

.accommodation-search__result__ownership-info {
  border-color: #265e88 !important;
}

.accommodation-search__result__ownership,
.accommodation-reservation__owner-header {
  background-color: #265e88 !important;
}

/* Caravan park */

.caravan-park-reservation-form .caravan-park-reservation-form--tabs h4.selected {
  border-color: #265e88;
}