/*
    ACCORDION komponenta
 */

.nb-accordion {
    border-radius: var(--nb-accordion-border-radius);
    background-color: var(--nb-accordion-bg);
    border-width: var(--nb-accordion-border-width);
    border-style: var(--nb-accordion-border-style);
    border-color: var(--nb-accordion-border-color);
}
.nb-accordion .nb-accordion-item {
    color: var(--nb-accordion-color);
    background-color: var(--nb-accordion-btn-bg);
    border-bottom: var(--nb-accordion-btn-border);
}
.nb-accordion .nb-accordion-button {
    color: var(--nb-accordion-btn-active-color);
    background-color: var(--nb-accordion-btn-active-bg);
    padding: var(--nb-accordion-btn-padding-y) var(--nb-accordion-btn-padding-x);
}

.nb-accordion .nb-accordion-button .nb-title {
    color: var(--nb-accordion-btn-active-color);
}

.nb-accordion .nb-accordion-button.collapsed {
    background-color: var(--nb-accordion-btn-bg);
    color: var(--nb-accordion-btn-color);
}

.nb-accordion .nb-accordion-button.collapsed .nb-title {
    color: var(--nb-accordion-btn-color);
}

.nb-accordion .accordion-button:after {
    display: none;
}

.nb-accordion .accordion-button .nb-toggle-icon {
    position: absolute;
    right: var(--nb-accordion-btn-padding-x);
}

.nb-accordion .accordion-button .nb-title {
    margin-bottom: 0;
    padding-right: 15px;
}

.nb-accordion .accordion-button i.nb-toggle-icon:before {
    transform: rotate(180deg);
}

.nb-accordion .accordion-button.collapsed i.nb-toggle-icon:before {
    transform: unset;
}

.nb-accordion .nb-accordion-body {
    color: var(--nb-accordion-color);
    background-color: var(--nb-accordion-body-bg);
    padding: var(--nb-accordion-body-padding-y) var(--nb-accordion-body-padding-x);
}

/*.accordion-flush .accordion-item:only-child .nb-accordion-button {*/
/*    border-bottom: var(--nb-accordion-btn-border);*/
/*}*/

/* Transition for accordion */

.nb-accordion-collapse.nb-height-transition{
    -webkit-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
    -ms-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    transition: height 0.2s linear;
}

/* Accordion 2 */

.nb-accordion.nb-accordion-2 .nb-accordion-item:has(.nb-accordion-collapse.show) {
    border-color: var(--nb-accordion-2-active-border-color);
}

.nb-accordion.nb-accordion-2 .nb-accordion-item:last-child {
    border-bottom: var(--nb-accordion-2-border-width) var(--nb-accordion-2-border-style) var(--nb-accordion-2-border-color);
}

.nb-accordion.nb-accordion-2 .nb-accordion-button {
    color: var(--nb-accordion-2-btn-color);
    font-size: var(--nb-accordion-2-btn-font-size);
    font-weight: var(--nb-accordion-2-btn-font-weight);
    font-family: var(--nb-accordion-2-btn-font-family);
    font-style: var(--nb-accordion-2-btn-font-style);
}

.nb-accordion.nb-accordion-2 .nb-accordion-button .nb-title {
    color: var(--nb-accordion-2-btn-active-color);
}

.nb-accordion.nb-accordion-2 .nb-accordion-button.collapsed .nb-collapse-icon {
    display: none;
}

.nb-accordion.nb-accordion-2 .nb-accordion-button:not(.collapsed) .nb-collapsed-icon {
    display: none;
}

.nb-accordion.nb-accordion-2 .nb-accordion-collapse .nb-accordion-body {
    padding-top: 0;
    background-color: var(--nb-accordion-2-btn-active-bg);
}

/* Accordion 3 */
.nb-accordion-3.accordion-flush .nb-accordion-item:last-child,
.nb-accordion-3.accordion-flush .nb-accordion-item:first-child,
.nb-accordion-3 .nb-accordion-item{
    border: var(--nb-accordion-3-border-width) var(--nb-border-style) var(--nb-accordion-3-border-color);
}

.nb-accordion-3 .nb-accordion-button {
    color: var(--nb-accordion-3-btn-color);
    font-size: var(--nb-accordion-3-btn-font-size);
    font-weight: var(--nb-accordion-3-btn-font-weight);
    font-family: var(--nb-accordion-3-btn-font-family);
}

.nb-accordion-3 .nb-accordion-item{
    background: var(--nb-accordion-3-active-bg);
}

.nb-accordion-3 > .accordion-item.nb-accordion-item:has(> .accordion-header > .nb-accordion-button.collapsed) {
    background: var(--nb-accordion-3-bg);
}

.nb-accordion.nb-accordion-3 .nb-accordion-button.collapsed,
.nb-accordion.nb-accordion-3 .nb-accordion-button.collapsed .nb-title{
    color: var(--nb-accordion-3-btn-color);
}

.nb-accordion.nb-accordion-3 .nb-accordion-button,
.nb-accordion.nb-accordion-3 .nb-accordion-button .nb-title{
    color: var(--nb-accordion-3-btn-active-color);
}

.nb-accordion-3 .nb-accordion-item + .nb-accordion-item{
    margin-top: 20px;
}

.nb-accordion.nb-accordion-3 .nb-accordion-button{
    border-color: var(--nb-accordion-3-border-color);
}

.nb-accordion.nb-accordion-3 .nb-accordion-button:not(.collapsed){
    background: transparent;
    background-image: linear-gradient(to right, var(--nb-border-color) 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 25px 2px;
    background-repeat: repeat-x;
}

.nb-accordion.nb-accordion-3 .nb-accordion-button.collapsed{
    background: transparent;
}

.nb-accordion.nb-accordion-3 .accordion-button .nb-toggle-icon{
    right: unset;
    left: var(--nb-accordion-3-btn-padding-x);
}

.nb-accordion.nb-accordion-3 .nb-accordion-button{
    padding: var(--nb-accordion-3-btn-padding-y) var(--nb-accordion-3-btn-padding-x);
    padding-left: calc(var(--nb-accordion-3-add-padding) + var(--nb-accordion-3-btn-padding-x));
}

.nb-accordion.nb-accordion-3 .nb-accordion-body {
    color: var(--nb-accordion-3-color);
    background-color: var(--nb-accordion-3-body-bg);
    padding: var(--nb-accordion-3-body-padding-y) var(--nb-accordion-3-body-padding-x) var(--nb-accordion-3-body-padding-y)  calc(var(--nb-accordion-3-body-padding-x) + var(--nb-accordion-3-add-padding));
}

/* Accordion 4 */
.nb-accordion-4.accordion-flush .nb-accordion-item:last-child,
.nb-accordion-4.accordion-flush .nb-accordion-item:first-child,
.nb-accordion-4 .nb-accordion-item{
    border: unset;
}

.nb-accordion.nb-accordion-4 .nb-accordion-button {
    color: var(--nb-accordion-4-btn-active-color);
    font-size: var(--nb-accordion-4-btn-font-size);
    font-weight: var(--nb-accordion-4-btn-font-weight);
    font-family: var(--nb-accordion-4-btn-font-family);
    background: var(--nb-color-white);
    border: unset;
    padding: var(--nb-accordion-4-btn-padding-y) var(--nb-accordion-4-btn-padding-x);
    padding-right: calc(var(--nb-accordion-4-add-padding) + var(--nb-accordion-4-btn-padding-x));
}

.nb-accordion-4 .nb-accordion-item{
    background: var(--nb-accordion-4-active-bg);
}

.nb-accordion-4 > .accordion-item.nb-accordion-item:has(> .accordion-header > .nb-accordion-button.collapsed) {
    background: var(--nb-accordion-4-bg);
}

.nb-accordion.nb-accordion-4 .nb-accordion-button.collapsed,
.nb-accordion.nb-accordion-4 .nb-accordion-button.collapsed .nb-title{
    color: var(--nb-accordion-4-btn-color);
}

.nb-accordion.nb-accordion-4 .nb-accordion-button .nb-title{
    color: var(--nb-accordion-4-btn-active-color);
}

.nb-accordion-4 .nb-accordion-item + .nb-accordion-item{
    margin-top: 20px;
}

.nb-accordion.nb-accordion-4 .nb-accordion-button.collapsed{
    background: var(--nb-color-white);
}

.nb-accordion.nb-accordion-4 .nb-accordion-body {
    color: var(--nb-accordion-4-color);
    background-color: var(--nb-accordion-4-body-bg);
    padding: var(--nb-accordion-4-body-padding-y) var(--nb-accordion-4-body-padding-x);
}
.nb-accordion.nb-accordion-4 .nb-accordion-collapse.collapsing,
.nb-accordion.nb-accordion-4 .nb-accordion-collapse.show {
    border-top: var(--nb-border-width) var(--nb-border-style) var(--nb-accordion-4-border-color);
}

.nb-accordion.nb-accordion-4 .accordion-button .nb-toggle-icon {
    right: var(--nb-accordion-4-btn-padding-x);
}

@media screen and (max-width: 1440px) {
    .nb-accordion.nb-accordion-3 .nb-accordion-body {
        padding: var(--nb-accordion-3-body-padding-y) var(--nb-accordion-3-body-padding-x);
    }
}