/* Customize bootstrap theme */
:root, [data-bs-theme="dark"] {
    --cppsense-background-dark: #252526;
    --cppsense-background: #2D2D30;
    --cppsense-background-light: #333336;
    --cppsense-foreground: #F1F1F1;
    --cppsense-foreground-light: #FFFFFF;
    --cppsense-accent-dark: #d94c30;
    --cppsense-accent: #ff5938;
    --cppsense-accent-light: #ff7256;
    --cppsense-accent-transparent: #ff593884;
    --bs-body-color: var(--cppsense-foreground);
    --bs-body-bg: var(--cppsense-background-dark);
    --bs-emphasis-color: #fff;
    --bs-secondary-bg: #343a40;
    --bs-tertiary-bg: #2b3035;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #ff5938;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: #F1F1F1;
    --bs-code-color: #e685b5;
    --bs-border-color: #495057;
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
}

::selection {
    background: var(--cppsense-accent-transparent);
}

body {
    background: rgb(41,41,44);
    background: linear-gradient(90deg, rgba(41,41,44,1) 0%, rgba(37,37,38,1) 4%, rgba(37,37,38,1) 96%, rgba(41,41,44,1) 100%);
}

a {
    color: var(--cppsense-accent-light);
    text-decoration: none;
}

a:not(.btn):not(.nav-link):hover {
    color: var(--cppsense-accent-light);
    text-decoration: underline;
}

.accordion {
    --bs-accordion-active-color: var(--cppsense-foreground);
    --bs-accordion-active-bg: var(--cppsense-background-light);
    --bs-accordion-bg: var(--cppsense-background);
    /*--bs-accordion-btn-focus-border-color: var(--bs-danger-bg-subtle);*/
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--cppsense-accent-transparent);
    --bs-accordion-btn-icon-transform: none;
}

.accordion .accordion-body {
    background: var(--bs-body-bg);
}

[data-bs-theme=dark] .accordion-button::after {
    background-image: url('images/accordion-plus.svg');
}

[data-bs-theme=dark] .accordion-button:not(.collapsed)::after {
    background-image: url('images/accordion-minus.svg');
}

.navbar {
    background-color: var(--cppsense-background);
    --bs-navbar-active-color: var(--cppsense-accent);
}

.navbar-brand {
    filter: opacity(90%);
}

.navbar-brand:hover {
    filter: opacity(100%);
}

.btn {
    border-radius: 4px;
}

.btn-danger {
    background-color: var(--cppsense-accent);
    border-color: var(--bs-danger-bg-subtle);
}
.btn-danger:hover{
    background-color: var(--cppsense-accent-dark); 
}

.btn-primary {
    --bs-btn-color: var(--cppsense-foreground-light);
    --bs-btn-bg: var(--cppsense-accent);
    --bs-btn-border-color: var(--cppsense-accent);
    --bs-btn-hover-color: var(--cppsense-foreground-light);
    --bs-btn-hover-bg: var(--cppsense-accent-dark);
    --bs-btn-hover-border-color: var(--cppsense-accent-dark);
    --bs-btn-active-color: var(--cppsense-foreground-light);
    --bs-btn-active-bg: var(--cppsense-accent-dark);
    --bs-btn-active-border-color: var(--cppsense-accent-dark);
}

.btn-outline-primary {
    --bs-btn-color: var(--cppsense-accent);
    --bs-btn-border-color: var(--cppsense-accent);
    --bs-btn-hover-color: var(--cppsense-foreground-light);
    --bs-btn-hover-bg: var(--cppsense-accent);
    --bs-btn-hover-border-color: var(--cppsense-accent);
    --bs-btn-active-color: var(--cppsense-foreground-light);
    --bs-btn-active-bg: var(--cppsense-accent-dark);
    --bs-btn-active-border-color: var(--cppsense-accent-dark);
}

.buy-button {
    width: 90px;
}

.text-warning .card-title {
    color: var(--cppsense-accent-light);
}

.carousel-control-prev,
.carousel-control-next{
    width: 10%;
}

[data-bs-theme="dark"] .carousel .carousel-control-prev-icon{
    filter: none;
    background-image: url('images/carousel-left-arrow.svg');
}

[data-bs-theme="dark"] .carousel .carousel-control-next-icon {
    filter: none;
    background-image: url('images/carousel-right-arrow.svg');
}

[data-bs-theme="dark"] .carousel-indicators {
    bottom: -50px;
}

[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target] {
    background-color: var(--cppsense-accent);
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

@media(max-width: 500px) {
    .fluid-when-small{
        width: 100%;
        height: auto;
    }
}

.stick-under-navbar {
    position: sticky;
    top: 80px;
}

.scroll-under-navbar {
    scroll-margin-top: 80px;
}

.main-features-preview-container{
    max-width: 900px;
}

#menu .active {
    font-weight: bold; 
}