@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/Suzuki/suzuki.css');

.suzuki {

    /* 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: 'Suzuki';

    /* Set franchise-specifc button colours */
    --franchise-primary: #0582ca;
    --franchise-secondary: #003145;
    --franchise-primary-button-text: #fff;
    --franchise-hover-bg:  #0468a1;
    --franchise-hover-text: #fff;

}

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

.suzuki .btn-secondary {
    background-color: var(--franchise-secondary);
    color:  var(--franchise-hover-text);
}

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

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

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

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

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

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

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

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

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

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