/* Brand specific variables */
:root {
    --skoda-primary-dark: #0d3b2e;
    --skoda-primary-base: #419468;
    --skoda-primary-light: #78FAAE;
    --skoda-primary-lighter: #E8FFF1;
    --skoda-hover-primary: #59BC87;
    --skoda-hover-secondary: #A8FFCC;
    --autocomplete-selected-item-background-color: #419468;
    --datepicker-primary: #419468;
    --datepicker-primary-alt-1: #78FAAE;
    --datepicker-primary-alt-2: #E8FFF1;
}
/* Fonts */
@font-face {
    font-family: 'FALLBACK_TYPO_1';
    src: local(Arial);
    size-adjust: 96%;
    ascent-override: 99%;
    descent-override: 26%;
    line-gap-override: normal;
}
@font-face {
    font-family: "TYPO_1";
    src: url("../../fonts/SKODA/SKODANext-Light.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
    font-weight: 300
}
@font-face {
    font-family: 'FALLBACK_TYPO_2';
    src: local(Arial);
    size-adjust: 98%;
    ascent-override: 98%;
    descent-override: 24%;
    line-gap-override: normal;
}
@font-face {
    font-family: "TYPO_2";
    src: url("../../fonts/SKODA/SKODANext-Regular.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: 'FALLBACK_TYPO_3';
    src: local(Arial);
    size-adjust: 102%;
    ascent-override: 95%;
    descent-override: 22%;
    line-gap-override: 7%;
}
@font-face {
    font-family: "TYPO_3";
    src: url("../../fonts/SKODA/SKODANext-Bold.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}

/* HTML5 */
html,
.o-auto {
    scrollbar-color: var(--skoda-primary-base) transparent;
}

/* Match font-family with font-weight */
.ff-1 {
    font-weight: 300;
}
.ff-2 {
    font-weight: 400;
}
.ff-3 {
    font-weight: 700;
}

/* QUOTE SUMMARY */
.QUOTE_SUMMARY__TITLE_BG {
    background-color: var(--skoda-primary-dark);
}

/* BREADCRUMB */
.BREADCUMB {
    background-color: var(--skoda-primary-dark);
    & > ol {
        & > li {
            &:not(:last-child) {
                &::after {
                    content: '\e90b';
                    font-family: icomoon;
                    color: currentColor;
                    opacity: 0.5;
                }
            }
        }
    }
}

/* CONTENTS */
.CONTENTS__CONTENT strong {
    color: var(--skoda-primary-base);
}

/* CONTENT IMAGE */
.CONTENT_IMAGE__CONTENT strong {
    color: var(--skoda-primary-base);
}
.CONTENT_IMAGE__IMG_PLACEHOLDER {
    background-color: var(--skoda-primary-base);
}

/* CONTENT FULL WIDTH IMG W/ TITLE */
.FWIWT__TITLE {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}
.FWIWT__LOADER_MASK {
    background-color: var(--skoda-primary-base);
}

/* SLIDER */
.SLIDER__TITLE,
.SLIDER__CARD_TITLE {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}
.SLIDER__BUTTON:disabled {
    opacity: 0.3;
}

/* CARDS_GRID */
.CARDS_GRID__TITLE,
.CARDS_GRID__CARD_TITLE {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}

/* CARD_TITLE_DESC_IMG_W_CTA */
.CARD_TITLE_DESC_IMG_W_CTA__MAIN_TITLE,
.CARD_TITLE_DESC_IMG_W_CTA__TITLE {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 300;
}

/* BANNER CTA */
.BANNER_CTA {
    background-color: var(--skoda-primary-dark);
}
.BANNER_CTA__LINK {
    color: var(--skoda-primary-dark);
}

/* STORE INFO */
.STORE_INFO__ICON {
    color: var(--skoda-primary-base);
}

/* BANNER MINIMAL */
.BANNER_MINIMAL {
    background-color: var(--skoda-primary-dark);
    color: var(--skoda-primary-light);
}
.BANNER_MINIMAL a {
    color: var(--skoda-primary-light);
}
/* REASSURANCES */
.REASSURANCE__ICON {
    color: var(--skoda-primary-base)
}
.REASSURANCE__TEXT {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}

/* STORE SEARCH */
.SSEARCH__TITLE,
.SSEARCH_FORM__STORES_LIST_TITLE {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}
.SSEARCH__IMAGE_LOADER {
    background-color: var(--skoda-primary-base);
}
.SSEARCH_BG_COLOR {
    background-color: var(--skoda-primary-dark);
}
.SSEARCH_FORM__SINGLE_INPUT,
.SSEARCH_FORM__SINGLE_INPUT ~ label {
    border-color: var(--skoda-primary-dark);
}
.SSEARCH_FORM__SUBMIT_BTN {
    background-color: var(--skoda-primary-light);
    color: var(--skoda-primary-dark);
}
.SSEARCH_FORM__ICON_ACTIVE {
    color: var(--skoda-primary-base);
}
.SSEARCH_FORM__COUNT {
    color: var(--skoda-primary-base);
}
.SSEARCH_FORM__STORE_ITEM_ICON_COLOR {
    color: var(--skoda-primary-base);
}
.SSEARCH_FORM__USE_MY_POSITION_AUTOCOMPLETE {
    color: var(--skoda-primary-dark);
}
@keyframes SSEARCH_FORM__STORE_ITEM_ANIM {
    0% { background-color: var(--ita-colors-background-base-white);}
    50% { background-color: var(--skoda-primary-light); color: var(--skoda-primary-dark) }
    100% { background-color: var(--ita-colors-background-base-white);}
}
body.md .SSEARCH_FORM__STORE_ITEM_ANIM,
body.lg .SSEARCH_FORM__STORE_ITEM_ANIM,
body.xl .SSEARCH_FORM__STORE_ITEM_ANIM {
    animation: SSEARCH_FORM__STORE_ITEM_ANIM 1s 0s 1;
}

/* BOOKING */
#bookingUser .form-item:has(p.error) > input,
#bookingUser .form-item:has(p.error) > button {
    border: 2px solid var(--ita-colors-alert-danger);
}
.BOOKING__BREADCRUMB {
    background-color: var(--skoda-primary-dark);
}
.BOOKING__BREADCRUMB__CURRENT_ITEM {
    border-bottom-color: var(--skoda-primary-light);
}
.BOOKING__SUMMARY_PRICE_PERCENTAGE_BADGE {
    background-color: var(--skoda-primary-base);
}
.BOOKING__FEATURE_TITLE {
    background-color: var(--skoda-primary-dark);
}
.BOOKING__FEATURE_DESCRIPTION {
    border-color: var(--skoda-primary-dark);
}
/* .BOOKING__BOTTOM_BAR_CTA {
    background-color: var(--skoda-primary-dark);
    color: var(--skoda-primary-light);
} */
.BOOKING__GET_A_QUOTE_MORE_INFO {
    background-color: var(--skoda-primary-dark);
}
.BOOKING__GET_A_QUOTE_REASSURANCE_ICON {
    color: var(--skoda-primary-base);
}
.BOOKING__PAYMENT_NOTE {
    background-color: var(--skoda-primary-dark);
}

/* PRODUCTS HEADER ALT */
.PRODUCTS_HEADER_ALT__COUNT {
    color: var(--skoda-primary-base);
}

/* PRODUCTS HEADER */
.PRODUCTS_HEADER__FILTER {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}
.PRODUCTS_HEADER__SELECTED_FILTER {
    border-bottom-color: var(--skoda-primary-base);
}

/* PRODUCTS_GRID_LIGHT */
.PRODUCTS_GRID_LIGHT__TITLE {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}

/* PRODUCT CARD */
.PRODUCT_CARD__STYLE_VARIANT_1 {
    color: var(--skoda-primary-dark);
    background-color: var(--skoda-primary-light);
}
.PRODUCT_CARD__STYLE_VARIANT_1 .PRODUCT_CARD__NOTE {
    font-family: var(--ita-fontFamilies-2);
    font-weight: 400;
}
.PRODUCT_CARD__DECORATION {
    background: linear-gradient(135deg, transparent 0%, transparent 50%, var(--skoda-primary-dark) 51%, var(--skoda-primary-dark) 100%);
    color: var(--skoda-primary-light);
}
.PRODUCT_CARD__DETAILS_CONTENT {
    background-color: var(--skoda-primary-dark);
}
.PRODUCT_CARD__SUBMIT_BTN {
    color: var(--skoda-primary-light);
}
@keyframes productCardImageLoader {
    100% { opacity: 0.6 }
}
.PRODUCT_CARD__IMAGE_LOADER {
    animation: productCardImageLoader 0.6s 0s infinite alternate linear;
}
@keyframes productCardImageLoaded {
    0% { opacity: 0 }
    100% { opacity: 1 }
}
.PRODUCT_CARD__IMAGE_LOADED {
    animation: productCardImageLoaded 1s 0s 1;
}
/* FOOTER */
.FOOTER {
    background-color: var(--skoda-primary-dark);
}
.FOOTER__TITLE {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}

/* NAV PRIMARY */
.NAV_PRIMARY__MENU_PHONE_LINK {
    background-color: var(--skoda-primary-light);
}

/* BOOKING SEARCH FORM ALT */
.BSEARCH_FORM_ALT__TITLE,
.BSEARCH_FORM_ALT__DESCRIPTION {
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
}
.BSEARCH_FORM_ALT__IMAGE_LOADER {
    background-color: var(--skoda-primary-base);
}
@media (min-width: 960px)  {
    .BSEARCH_FORM_ALT .BSEARCH_FORM__SINGLE_INPUT_A {
        border-bottom-color: var(--skoda-primary-dark);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    .BSEARCH_FORM_ALT .BSEARCH_FORM__SINGLE_INPUT_A_LABEL {
        border-top-color: var(--skoda-primary-dark);
        border-top-style: solid;
        border-top-width: 1px;
    }
    .BSEARCH_FORM_ALT .BSEARCH_FORM__STORE_INPUT_CTN .BSEARCH_FORM__SINGLE_INPUT_A,
    .BSEARCH_FORM_ALT .BSEARCH_FORM__STORE_INPUT_CTN .BSEARCH_FORM__SINGLE_INPUT_A_LABEL {
        border-left-color: var(--skoda-primary-dark);
        border-left-style: solid;
        border-left-width: 1px;
    }
}


/* BOOKING SEARCH FORM */
.BSEARCH_FORM,
.BSEARCH_FORM__MAIN {
    background-color: var(--skoda-primary-dark);
}
.BSEARCH_FORM__SINGLE_INPUT_A {
    font-weight: 300;
}
.BSEARCH_FORM__SINGLE_INPUT_A_LABEL {
    font-weight: 300;
}
.BSEARCH_FORM__SINGLE_INPUT_A_LABEL [class^="icon-"] {
    color: var(--skoda-primary-dark);
}
.BSEARCH_FORM__SINGLE_INPUT_A_BORDER_RIGHT_COLOR_ALT {
    border-right-color: var(--skoda-primary-dark);
}
.BSEARCH_FORM__SUBMIT_BTN_DESKTOP {
    background-color: var(--skoda-primary-light);
    border-color: var(--skoda-primary-light);
    color: var(--skoda-primary-dark);
    border-radius: 100px;
}
.BSEARCH_FORM__STORE_SEARCH_TITLE_AMOUNT {
    color: var(--skoda-primary-base);
}
.BSEARCH_FORM__STORE_SEARCH_DISTANCE_ICON,
.BSEARCH_FORM__STORE_SEARCH_EMAIL_ICON {
    color: var(--skoda-primary-base);
}
.BSEARCH_FORM__STORE_SEARCH_DISTANCE_TEXT {
    color: var(--skoda-primary-dark);
}
.BSEARCH_FORM__STORE_INPUT_CTN {
    border-color: var(--skoda-primary-dark);
}
.BSEARCH_FORM__STORE_SEARCH_AUTOCOMPLETE_MY_POSITION {
    color: var(--skoda-primary-dark);
}
#bsearch_form .BSEARCH_FORM__STORE_SEARCH_SELECTED_STORE_ITEM {
    background-color: var(--skoda-primary-base);
}

/* FORMS */


/* Input Badges (checkboxes and radios variants) */
input.INPUT_BADGE:checked ~ label {
    background-color: var(--skoda-primary-base);
}

/* Radio inputs */
input.RADIO_INPUT:checked ~ label .RADIO_INPUT__CHECKZONE::before {
    background-color: var(--skoda-primary-base);
}
input.RADIO_INPUT:checked ~ label .RADIO_INPUT__CHECKZONE {
    border-color: var(--skoda-primary-base);
}

/* Checkbox inputs */
input.CHECKBOX_INPUT:checked ~ label .CHECKBOX_INPUT__CHECKZONE::before {
    background-color: var(--skoda-primary-base);
}
input.CHECKBOX_INPUT:checked ~ label .CHECKBOX_INPUT__CHECKZONE {
    border-color: var(--skoda-primary-base);
}

/* Select inputs + dropdowns */
select.SELECT_INPUT,
button.DROPDOWN_INPUT__PLACEHOLDER {
    font-family: var(--ita-fontFamilies-1);
    font-weight: 300;
    border-radius: 0px;
}
select.SELECT_INPUT:focus {
    outline: none;
}
select.SELECT_INPUT:focus ~ label {
    font-family: var(--ita-fontFamilies-2);
    font-weight: 400;
}

/* Text inputs */
input.TEXT_INPUT {
    font-family: var(--ita-fontFamilies-1);
    font-weight: 300;
    border-radius: 0px;
    transition: border-radius 300ms;
}
input.TEXT_INPUT:focus {
    outline: none;
    border-radius: 8px;
}
input.TEXT_INPUT:focus ~ label {
    font-family: var(--ita-fontFamilies-2);
    font-weight: 400;
}

/* BUTTONS */
.BUTTON_PRIMARY {
    color: var(--skoda-primary-light);
    background-color: var(--skoda-primary-dark);
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
    border: 1px solid var(--skoda-primary-dark);
    border-radius: 100px;
}
.BUTTON_SECONDARY {
    color: var(--skoda-primary-dark);
    background-color: transparent;
    font-family: var(--ita-fontFamilies-3);
    font-weight: 700;
    border: 1px solid var(--skoda-primary-dark);
    border-radius: 100px;
}