/* logo - przełączanie tryb light-dark */
.logo-light,
.logo-dark {
    display: none !important;
}

/* logo - zależnie od motywu */
[data-bs-theme="light"] .logo-light {
    display: inline !important;
}
[data-bs-theme="dark"] .logo-dark {
    display: inline !important;
}

/* menu - podświetlenie*/
.row-menu {
    position: absolute;
    display: none;
    z-index: 3000;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.12);
    width: auto; /*150px*/
    padding: .2rem;
}
.row-menu .menu-item {
    display: block;
    width: 100%;
    text-align: left;
    padding: .375rem .5rem;
    border: 0;
    background: transparent;
    border-radius: .25rem;
    font-size: .9rem;
    cursor: pointer;
}
.row-menu .menu-item:hover { background: #f1f3f5; }

/* input - podświetlenie ramki*/
.form-control:focus {
    border-color: #31374a;
    box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem #31374a40;;
}

/* select - podświetlenie ramki*/
.form-select:focus {
    border-color: #31374a;
    box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem #31374a40;;
}

.choices:focus-within .choices__inner,
.choices.is-open .choices__inner {
    border-color: #31374a !important;
    box-shadow: 0 0 0 0.25rem rgba(49, 55, 74, 0.25) !important;
}


/* select - wielkość czcionki*/
.choices__item {
    font-size: 0.8rem;
}

/* select - kolor podświetlenia opcji */
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list--dropdown .choices__item--choice.is-highlighted,
.choices__list--dropdown .choices__item--selectable:hover,
.choices__list--dropdown .choices__item--choice:hover {
    background-color: #31374a !important;
    color: #ffffff !important;
}
.choices__list--dropdown .choices__item--selectable.is-selected {
    background-color: #31374a !important;
    color: #ffffff !important;
}
.choices__list--multiple .choices__item {
    background-color: #31374a !important;
    border-color: #31374a !important;
    color: #fff !important;
}

/* paginacja - zmiana kolorów*/
.page-item.active > .page-link {
    color: #fff;
    background-color: #31374a;
    border-color: #31374a;
}
.page-item.active > .page-link:hover,
.page-item.active > .page-link:focus {
    color: #fff;
    background-color: #31374a;
    border-color: #31374a;
}
.page-link:hover,
.page-link:focus {
    color: #31374a;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #31374a;
}