@font-face {
    font-family: "Jaguar";
    src: url("/javax.faces.resource/font/jaguar-regular.ttf.xhtml") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "Jaguar";
    src: url("/javax.faces.resource/font/jaguar-bold.ttf.xhtml") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/javax.faces.resource/font/proximanova-regular.ttf.xhtml") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "ProximaNova";
    src: url("/javax.faces.resource/font/proximanova-bold.ttf.xhtml") format("truetype");
    font-weight: bold;
}


:root {
    --bs-secondary-rgb: 60, 60, 59;
    --bs-light-rgb: 242, 242, 241;
    --bs-alert-color: #ff6c6c;
    --bs-border-radius: 0;
    --bs-btn-border-radius: 0;
    --bs-border-radius-lg: 0;
    --bs-link-color-rgb: 60, 60, 59;
    --bs-link-hover-color-rgb: 0, 0, 0;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-border-radius-sm: 0;
    --bs-nav-link-hover-color-rgb: 255, 255, 255;
    --bs-link-color-rgb: 227, 227, 225;
    --bs-link-hover-color-rgb: 255, 255, 255;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Jaguar", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

.h1, .h2, .h3, .h4 {
    font-family: "ProximaNova", sans-serif;
    letter-spacing: 0.1rem;
}

li > a.nav-link {
    color: white;
    font-family: "ProximaNova", sans-serif;
}

.navbar {
    data-bs-theme: "dark";
    color-scheme: dark;
    background-color: #3c3c3b;
}

.dropdown-menu {
    background-color: #3c3c3b;
}

.brand-logo {
    background-image: url("/javax.faces.resource/images/jaguar-light-icon.svg.xhtml");
}

.naviextras-logo {
    background-image: url("/javax.faces.resource/images/naviextras-logo-white.svg.xhtml");
}

.nav-link:focus, .nav-link:hover {
    background-color: #4f4f4e;
}

.banner {
    background-image: url("/javax.faces.resource/images/herodefault.jpg.xhtml");
}

/*--------  selector  --------*/
#selector .h5 {
    font-family: "Jaguar", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

#selector .accordion-button:not(.collapsed) {
    background-color: #ebebeb;
    box-shadow: none;
}

#selector .list-group-item.active {
    background-color: #ebebeb;
    border-color: black;
    color: black;
}

#selector .accordion-body {
    background-color: #ebebeb;
}

#selector .list-group-item + .list-group-item {
    border-top-width: 1px;
}

.colors-primary {
}

.colors-secondary {
    background-color: #3c3c3b;
    color: #fff;
}

.color-btn-primary {
    background-color: #3c3c3b;
    border-color: #3c3c3b;
    color: #fff;

    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.color-btn-primary:hover {
    background-color: #5c636a;
    border-color: #5c636a;
    color: #fff;
}

.color-btn-secondary {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #000;
}

.color-btn-secondary:hover {
    background-color: #d3d4d5;
    border-color: #d3d4d5;
    color: #000;
}

.icon-cart {
    background-image: url("/javax.faces.resource/images/cart-icon-light.svg.xhtml");
}

.icon-cart-full {
    background-image: url("/javax.faces.resource/images/cart-icon-full-light.svg.xhtml");
}

.benefit-no1-picture::before {
    background-image: url("/javax.faces.resource/images/benefit-1.jpg.xhtml");
}

.benefit-no2-picture::before {
    background-image: url("/javax.faces.resource/images/benefit-2.jpg.xhtml");
}

.benefit-no3-picture::before {
    background-image: url("/javax.faces.resource/images/benefit-3.jpg.xhtml");
}

.benefit-no4-picture::before {
    background-image: url("/javax.faces.resource/images/benefit-4.jpg.xhtml");
}

.headunit-image {
    background-image: url("/javax.faces.resource/images/headunit.jpg.xhtml");
}