:root{
    --nb-accessibility-options-border-color: #cecece;
    --nb-accessibility-options-bg-color: var(--nb-color-white);
    --nb-accessibility-header-and-button-bg-color: var(--nb-spec-color);
    --nb-accessibility-header-and-button-color: var(--nb-color-white);
    --nb-accessibility-header-and-button-hover-bg-color: var(--nb-spec-color);

    /* dark theme */
    --nb-accessibility-dark-theme-border-color: var(--nb-color-white);
    --nb-accessibility-dark-theme-color: var(--nb-color-white);
    --nb-accessibility-dark-theme-bg-color: var(--nb-color-black);
    --nb-accessibility-dark-theme-button-color: var(--nb-color-black);
    --nb-accessibility-dark-theme-button-bg-color: gold;
    --nb-accessibility-dark-theme-title-color: var(--nb-accessibility-dark-theme-button-bg-color);
    --nb-accessibility-dark-theme-options-header-color: var(--nb-color-black);
    --nb-accessibility-dark-theme-options-header-bg-color: var(--nb-color-white);

    /* bright theme */
    --nb-accessibility-bright-theme-border-color: var(--nb-color-black);
    --nb-accessibility-bright-theme-color: var(--nb-color-black);
    --nb-accessibility-bright-theme-bg-color: var(--nb-color-white);
    --nb-accessibility-bright-theme-button-color: var(--nb-color-black);
    --nb-accessibility-bright-theme-button-bg-color: var(--nb-color-white);
    --nb-accessibility-bright-theme-title-color: var(--nb-color-black);
    --nb-accessibility-bright-theme-options-header-color: var(--nb-color-white);
    --nb-accessibility-bright-theme-options-header-bg-color: var(--nb-color-black);
}

.nb-accessibility-widget-component-1{
    position: relative;
}
.nb-accessibility-widget-component-1.active .nb-accessibility-options{
    display: block;
    position: absolute;
    right: -15px;
    bottom: 0;
    border: 1px solid var(--nb-accessibility-options-border-color);
}
.nb-accessibility-widget-component-1 .nb-accessibility-options{
    background-color: var(--nb-accessibility-options-bg-color)!important;
    font-family: var(--nb-body-font-family);
    display: none;
    min-width: 330px;
    width: 400px;
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1{
    flex: 30%;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    word-break: break-all;
    border: 1px solid var(--nb-accessibility-options-border-color);
    background-color: unset;
}

.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1 .nb-icon{
    font-size: 20px;
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1:hover{
    background-color: var(--nb-accessibility-header-and-button-bg-color);
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1:hover *{
    color: var(--nb-accessibility-header-and-button-color);
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-close{
    position: absolute;
    top: 50%;
    right: 15px;
    cursor: pointer;
    font-size: 30px;
    transform: translateY(-50%);
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-accessibility-options-header{
    width: 100%;
    padding: 10px;
    background-color: var(--nb-accessibility-header-and-button-bg-color);
    position: relative;
    text-align: center;
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-accessibility-options-header *{
    color: var(--nb-accessibility-header-and-button-color);
    font-family: var(--nb-body-font-family);
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-accessibility-options-wrapper{
    padding: 10px;
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-options-heading{
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 16px;
}
.nb-accessibility-widget-component-1 .nb-accessibility-options .nb-accessibility-options-wrapper .nb-accessibility-option{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.nb-accessibility-widget-component-1 .nb-accessibility-trigger{
    padding: 10px;
    border-radius: 50%;
    background-color: var(--nb-accessibility-header-and-button-bg-color);
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nb-accessibility-widget-component-1 .nb-accessibility-trigger:hover{
    background-color: var(--nb-accessibility-header-and-button-hover-bg-color);
}
.nb-accessibility-widget-component-1 .nb-accessibility-trigger .nb-icon{
    font-size: 30px;
    color: var(--nb-accessibility-header-and-button-color);
}
.nb-accessibility-widget-component-1 .nb-reset-settings {
    margin-top: 20px;
    width: 100%;
    z-index: 9999999;
}

/* Stil sa ukljucenim opcijama */
body.enlarge-cursor .nb-cursor-size,
body.darkCursor .nb-cursor-color,
body.accessible-font .nb-change-font,
body.zoomed-site .nb-site-zoom,
body.monochrome-theme .nb-monochrome-theme,
body.bright-theme .nb-bright-theme{
    background-color: var(--nb-color-secondary)!important;
}

body.dark-theme.enlarge-cursor .nb-cursor-size,
body.dark-theme.darkCursor .nb-cursor-color,
body.dark-theme.accessible-font .nb-change-font,
body.dark-theme.zoomed-site .nb-site-zoom,
body.dark-theme .nb-dark-theme{
    background-color: var(--nb-color-gray-800)!important;
}
body.enlarge-cursor{
    cursor: url('../../../../../static/images/plugin/accessibility/bigcursorwhite.cur'),auto!important;
}
body.enlarge-cursor .nb-pointer{
    cursor: url('../../../../../static/images/plugin/accessibility/bighandwhite.cur'),auto!important;
}

body.darkCursor{
    cursor: url('../../../../../static/images/plugin/accessibility/smallcursorblack.cur'),auto!important;
}
body.darkCursor .nb-pointer{
    cursor: url('../../../../../static/images/plugin/accessibility/smallhandblack.cur'),auto!important;
}
body.enlarge-cursor.darkCursor{
    cursor: url('../../../../../static/images/plugin/accessibility/bigcursorblack.cur'),auto!important;
}
body.enlarge-cursor.darkCursor .nb-pointer{
    cursor: url('../../../../../static/images/plugin/accessibility/bighandblack.cur'),auto!important;
}
body.accessible-font * :not(.nb-accessibility-options *){
    font-family: "Arial" !important;
}
body.accessible-font .nb-accessibility-widget-component-1 *{
    font-family: var(--nb-body-font-family) !important;
}
body.zoomed-site{
    zoom: 1.2;
}
body.zoomed-site .nb-accessibility-options{
    zoom: 0.8;
}
/* Dark theme */
body.dark-theme *:not(.nb-product-content-position-1 *, .nb-btn, .nb-btn *,button, button *, header *, .nb-title, .nb-title *, img, .nb-accessibility-options, .nb-accessibility-options *, .popover *, .footer-social-icons .nb-items-wrapper *, .tooltip *, .nb-checkout-navigation-buttons-1, .nb-modal, .nb-modal *, .nb-offcanvas, .nb-offcanvas *, .nb-cart-item-change-size-picker-1, .nb-cart-item-change-size-picker-1 *, .nb-dropdown-menu, .nb-dropdown-menu *, .nb-select, .nb-product-size-bubble-2, .nb-product-size-bubble-2 * .parsley-errors-list.filled, .parsley-errors-list.filled *),
body.dark-theme .nb-slider .nb-slider-arrows,
body.dark-theme #searchHolder *:not(.nb-search-1, .nb-product-button-with-bubble-2 *){
    background-color: transparent !important;
    color: var(--nb-accessibility-dark-theme-color) !important;
}
body.dark-theme,
body.dark-theme header *,
body.dark-theme .modal-content *,
body.dark-theme .nb-offcanvas,
body.dark-theme .nb-offcanvas *,
body.dark-theme .nb-cart-item-change-size-picker-1,
body.dark-theme .nb-cart-item-change-size-picker-1 *,
body.dark-theme .nb-dropdown-menu,
body.dark-theme .nb-dropdown-menu *,
body.dark-theme .nb-select,
body.dark-theme .nb-select *,
body.dark-theme .nb-product-size-bubble-2,
body.dark-theme .nb-product-size-bubble-2 *{
    background-color: var(--nb-accessibility-dark-theme-bg-color) !important;
    color: var(--nb-accessibility-dark-theme-color) !important;
}
body.dark-theme .nb-btn,
body.dark-theme .nb-btn *{
    background-color: var(--nb-accessibility-dark-theme-button-bg-color) !important;
    color: var(--nb-accessibility-dark-theme-button-color) !important;
}
body.dark-theme .nb-title,
body.dark-theme .nb-title *{
    color: var(--nb-accessibility-dark-theme-title-color) !important;
}

body.dark-theme .header .nb-logo img{
    filter: invert(1);
    background-color: transparent !important;
}
body.dark-theme .footer-social-icons img,
body.bright-theme .footer-social-icons img{
    background-color: inherit!important;
}
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options,
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-trigger,
body.dark-theme .nb-checkout-navigation-buttons-1{
    border-color: var(--nb-accessibility-dark-theme-border-color);
    background-color: var(--nb-accessibility-dark-theme-bg-color)!important;
    color: var(--nb-accessibility-dark-theme-color);
}
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options-header,
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options-header .nb-close,
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options-header .nb-title,
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options-header .nb-title *,
body.dark-theme .nb-form-check .nb-check,
body.dark-theme .nb-form-check .nb-radio{
    background-color: var(--nb-accessibility-dark-theme-options-header-bg-color)!important;
    color: var(--nb-accessibility-dark-theme-options-header-color)!important;
}
body.dark-theme .nb-form-check .nb-check:checked,
body.dark-theme .nb-form-check .nb-radio:checked{
background-color: var(--nb-check-checked-bg) !important;
}
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1{
    border-color: var(--nb-accessibility-dark-theme-border-color);
}
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1:hover,
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-trigger:hover{
    background-color: var(--nb-accessibility-dark-theme-options-header-bg-color)!important;
}
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1:hover *,
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-trigger:hover .nb-icon{
    color: var(--nb-accessibility-dark-theme-options-header-color)!important;
}
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1 *,
body.dark-theme .nb-accessibility-widget-component-1 .nb-accessibility-trigger *{
    color: var(--nb-accessibility-dark-theme-color);
}
/* Bright theme */
body.bright-theme *:not(.nb-product-content-position-1 *, .nb-btn, .nb-btn *,button, button *, header *, .nb-title, .nb-title *, img, .nb-accessibility-options, .nb-accessibility-options *, .popover *, .footer-social-icons .nb-items-wrapper *, .tooltip *, .nb-checkout-navigation-buttons-1, .nb-modal, .nb-modal *, .nb-offcanvas, .nb-offcanvas *, .nb-cart-item-change-size-picker-1, .nb-cart-item-change-size-picker-1 *, .nb-dropdown-menu, .nb-dropdown-menu *, .nb-select, .nb-product-size-bubble-2, .nb-product-size-bubble-2 * .parsley-errors-list.filled, .parsley-errors-list.filled *),
body.bright-theme .nb-slider .nb-slider-arrows,
body.bright-theme #searchHolder *:not(.nb-search-1, .nb-product-button-with-bubble-2 *){
    background-color: transparent !important;
    color: var(--nb-accessibility-bright-theme-color) !important;
}
body.bright-theme,
body.bright-theme header *,
body.bright-theme .modal-content *,
body.bright-theme .nb-offcanvas,
body.bright-theme .nb-offcanvas *,
body.bright-theme .nb-cart-item-change-size-picker-1,
body.bright-theme .nb-cart-item-change-size-picker-1 *,
body.bright-theme .nb-dropdown-menu,
body.bright-theme .nb-dropdown-menu *,
body.bright-theme .nb-select,
body.bright-theme .nb-select *,
body.bright-theme .nb-product-size-bubble-2,
body.bright-theme .nb-product-size-bubble-2 *{
    background-color: var(--nb-accessibility-bright-theme-bg-color) !important;
    color: var(--nb-accessibility-bright-theme-color)!important;
}
body.bright-theme .nb-btn,
body.bright-theme .nb-btn *{
    border-color: var(--nb-accessibility-bright-theme-border-color);
    background-color: var(--nb-accessibility-bright-theme-button-bg-color) !important;
    color: var(--nb-accessibility-bright-theme-button-color)!important;
}
body.bright-theme .nb-form-check .nb-check:checked,
body.dark-theme .nb-form-check .nb-radio:checked{
    background-color: var(--nb-color-black) !important;
}
body.bright-theme .nb-title,
body.bright-theme .nb-title *{
    color: var(--nb-accessibility-bright-theme-title-color)!important;
}
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options,
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-trigger,
body.bright-theme .nb-checkout-navigation-buttons-1{
    border-color: var(--nb-accessibility-bright-theme-border-color);
    background-color: var(--nb-accessibility-bright-theme-bg-color) !important;
    color: var(--nb-accessibility-bright-theme-color);
}
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options-header,
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options-header .nb-close,
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options-header .nb-title,
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options-header .nb-title *{
    background-color: var(--nb-accessibility-bright-theme-options-header-bg-color) !important;
    color: var(--nb-accessibility-bright-theme-options-header-color)!important;
}

body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1{
    border-color: var(--nb-accessibility-bright-theme-border-color);
}
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1:hover,
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-trigger:hover{
    background-color: var(--nb-accessibility-bright-theme-options-header-bg-color)!important;
}
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1:hover *,
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-trigger:hover .nb-icon{
    color: var(--nb-accessibility-bright-theme-options-header-color)!important;
}
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-options .nb-custom-text-with-icon-1 *,
body.bright-theme .nb-accessibility-widget-component-1 .nb-accessibility-trigger *{
    color: var(--nb-accessibility-bright-theme-color);
}

/* Monochrome theme */
html:has(body.monochrome-theme){
    filter: grayscale(1);
}

@media screen and (max-width: 768px) {
    .nb-accessibility-widget-component-1.active .nb-accessibility-options{
        width: 100vw;
        height: 100vh;
        right: 0;
    }
}