:root, [data-bs-theme=light] {
    --nl-primary:#0047ab;
    --nl-primary-rgb: 0, 71, 171;
    --nl-primary-text-emphasis: #033478;
    --nl-primary-text-emphasis-rgb: 3,52,120;
    --nl-primary-bg-subtle: #eaf1fb;
    --nl-primary-bg-subtle-rgb: 234,241,251;
    --nl-primary-border-subtle: #d5e2f7;
    --nl-btn:var(--nl-primary)!important;
    --nl-btn-border-color:var(--nl-primary);
    --nl-btn-color:#000;
    --nl-btn-hover-bg:var(--nl-primary-text-emphasis);
    --nl-btn-hover-border-color:var(--nl-primary-text-emphasis);
    --nl-btn-hover-color:#000;


    --nl-secondary:#122F44;
    --nl-secondary-rgb: 18, 47, 68;
    --nl-secondary-text-emphasis: #081620;
    --nl-secondary-bg-subtle: #d5e2f7;
    --nl-secondary-border-subtle: #bbcae4;

    --nl-link-color: var(--nl-primary);
    --nl-link-color-rgb: var(--nl-primary-rgb);
    --nl-link-hover-color: var(--nl-primary-text-emphasis);
    --nl-link-hover-color-rgb: var(--nl-primary-text-emphasis-rgb);
    --nl-focus-ring-color: rgba(var(--nl-primary-rgb), .25);

    --nl-pagination-hover-bg: var(--nl-primary-text-emphasis);
    --nl-pagination-hover-border-color: var(--nl-primary-text-emphasis);
    --nl-pagination-active-bg: var(--nl-primary);
    --nl-pagination-active-border-color: var(--nl-primary);
    --swiper-theme-color: #0047ab;
}

[data-bs-theme=dark] {
    --nl-primary:#0047ab;
    --nl-primary-rgb: 0, 71, 171;
    --nl-primary-text-emphasis: #033478;
    --nl-primary-text-emphasis-rgb: 231, 151, 31;
    --nl-primary-bg-subtle: #e9c287;
    --nl-primary-bg-subtle-rgb: 0, 71, 171;
    --nl-primary-border-subtle: #e9c287;
    --nl-btn:var(--nl-primary)!important;
    --nl-btn-border-color:var(--nl-primary);
    --nl-btn-color:#000;
    --nl-btn-hover-bg:var(--nl-primary-text-emphasis);
    --nl-btn-hover-border-color:var(--nl-primary-text-emphasis);
    --nl-btn-hover-color:#000;

    --nl-secondary:#824739;
    --nl-secondary-rgb: 31, 29, 5;
    --nl-secondary-text-emphasis: #151301;
    --nl-secondary-bg-subtle: #ffe5e6;
    --nl-secondary-border-subtle: #fad5d6;

    --nl-link-color: var(--nl-primary);
    --nl-link-color-rgb: var(--nl-primary-rgb);
    --nl-link-hover-color: var(--nl-primary-text-emphasis);
    --nl-link-hover-color-rgb: var(--nl-primary-text-emphasis-rgb);
    --nl-focus-ring-color: rgba(var(--nl-primary-rgb), .25);

    --nl-pagination-hover-bg: var(--nl-primary-text-emphasis);
    --nl-pagination-hover-border-color: var(--nl-primary-text-emphasis);
    --nl-pagination-active-bg: var(--nl-primary);
    --nl-pagination-active-border-color: var(--nl-primary);
    --swiper-theme-color: #0047ab;

}
a {color:rgba(var(--nl-primary-rgb), var(--nl-link-opacity, 1));}
.navbar {--nl-navbar-active-color:#0047ab;}

.btn-primary, .product-card:hover .product-card-button {
    --nl-btn-color: #fff;
    --nl-btn-bg: var(--nl-primary);
    --nl-btn-border-color: var(--nl-primary);
    --nl-btn-hover-color: #fff;
    --nl-btn-hover-bg: var(--nl-primary-text-emphasis);
    --nl-btn-hover-border-color: var(--nl-primary-text-emphasis);
    --nl-btn-focus-shadow-rgb: var(--nl-primary-bg-subtle-rgb);
    --nl-btn-active-color: #fff;
    --nl-btn-active-bg: var(--nl-primary-text-emphasis);
    --nl-btn-active-border-color: var(--nl-primary-text-emphasis);
    --nl-btn-active-shadow: inset 0 3px 5px rgba(var(--nl-primary-bg-subtle-rgb),.125);
    --nl-btn-disabled-color: #fff;
    --nl-btn-disabled-bg: var(--nl-primary-bg-subtle);
    --nl-btn-disabled-border-color: var(--nl-primary-bg-subtle);
    font-family: var(--nl-navbar-family), serif;
    text-transform:uppercase;
}

.btn-outline-primary {
    --nl-btn-color: var(--nl-primary);
    --nl-btn-border-color: var(--nl-primary);
    --nl-btn-hover-color: #000;
    --nl-btn-hover-bg: var(--nl-primary);
    --nl-btn-hover-border-color: var(--nl-primary);
    --nl-btn-focus-shadow-rgb: var(--nl-primary-bg-subtle-rgb);
    --nl-btn-active-color: #000;
    --nl-btn-active-bg: var(--nl-primary);
    --nl-btn-active-border-color: var(--nl-primary);
    --nl-btn-active-shadow: inset 0 3px 5px rgba(var(--nl-primary-bg-subtle-rgb),.125);
    --nl-btn-disabled-color: #000;
    --nl-btn-disabled-bg: transparent;
    --nl-btn-disabled-border-color: var(--nl-primary);
    --nl-gradient: none;
    font-family: var(--nl-navbar-family);
    font-weight:500;
    text-transform:uppercase;
}

.j2store-addtocart-form .btn-check:checked + .btn, .j2store-addtocart-form :not(.btn-check) + .btn:active, .j2store-addtocart-form .btn:first-child:active, .j2store-addtocart-form .btn.active, .j2store-addtocart-form .btn.show {color:var(--nl-primary);border-color: var(--nl-primary);}

.navbar-transparent .btn-icon {--nl-btn-hover-color:#fff;}

.pagination {
    --nl-pagination-active-bg: var(--nl-primary);
    --nl-pagination-active-border-color: var(--nl-primary);
}

.swiper-pagination-bullet-active {background: var(--nl-secondary);}
.swiper-pagination-bullet {border: 2px solid var(--nl-secondary-border-subtle);}
.swiper-pagination-bullet-active {--swiper-pagination-color: var(--nl-secondary);border-color: var( --nl-secondary-border-subtle);}
.swiper-pagination-numbers-active {background: var(--nl-secondary);}
.swiper-button-prev:hover {background-color: var(--nl-secondary);}
.swiper-button-next:hover {background-color: var(--nl-secondary);}

.plyr__control:focus-visible {outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--nl-primary)));}

/*.bg-primary-gradient {
  background: linear-gradient(180deg, #9b58ff, #8837ff 47.92%, #7a20ff);
}*/
.form-control:focus {border-color: var(--nl-primary-border-subtle);}
.bg-primary-gradient {
    background: linear-gradient(180deg, #f6545a, #0047ab 47.92%, #970308);
}

.bg-black {background-color: #000!important;}
.bg-dark {background-color: #090B0C!important;}
.bg-brown {background-color:var(--nl-secondary)!important;}
.border-color-brown {border-color:var(--nl-secondary)!important;}
.color-brown {color:var(--nl-secondary)!important;}
.color-brown:hover, .color-brown:focus, .color-brown:active {color:var(--nl-secondary-text-emphasis)!important;}


.footer-col .umarex-underline::before {display:none;}