@import url("/css/franchises/shared.css");

/* Optional font-family imports from centrally managed resources on Sirv */

@import url('https://bluesky.sirv.com/Global/Assets/Fonts/Skoda/2024/skoda.css');

.skoda {

    /* Optionally set franchise font-family to match that in Sirv @font-face rules  */
    /* Styles in shared.css will fallback to --bs-body-font-family by default */
    --franchise-font-family: 'SKODANext';

    /* Set franchise-specifc button colours */
    --franchise-primary: #78faae;
    --franchise-secondary: #000;
    --franchise-primary-button-text: #000;
    --franchise-secondary-button-text: #fff;
    --franchise-hover-bg:  #a8ffcc;
    --franchise-hover-text: #000;

}

.skoda .btn-primary {
    background-color: var(--franchise-primary);
}

.skoda .btn-secondary {
    background-color: var(--franchise-secondary);
    color:  var(--franchise-secondary-button-text) !important;
}

.skoda ._vm_btn--primary {
    background-color: var(--franchise-primary);
}

.skoda ._vm_btn--secondary {
    background-color: var(--franchise-secondary);
}

.skoda .bg-primary {
    background-color: var(--franchise-secondary) !important;
}

.skoda .hero .used-car-search {
    position: relative !important;
    top: auto !important;
    transform: translateY(0%) !important;
    padding: 0 !important;
}

.skoda .hero .used-car-search .tinysearch .hs-toggle {
    display: block;
}

.skoda .hero .used-car-search .tinysearch .hs-price {
    display: none;
}

.skoda .hero .used-car-search .tinysearch #ae-new-cars {
    display: block;
}

.skoda .hero .used-car-search .search-bg {
    max-width: 100% !important;
    background-color: var(--bs-surface-dark) !important;
}

.skoda .hero .last-viewed {
    width: 100%;
    max-width: 100% !important;
}

.skoda .hero .last-viewed .widget {
    background-color: var(--bs-surface-dark) !important;
}