/*
    POPOVERS komponenta
*/

:root {
    --nb-popover-max-width: 160px;
    --nb-popover-border-radius: var(--nb-border-radius-s);
    --nb-popover-header-bg: var(--nb-color-primary);
    --nb-popover-header-color: var(--nb-color-white);
    --nb-popover-header-border-radius: var(--nb-border-radius-s);
    --nb-popover-header-font-size: var(--nb-font-size-14);
    --nb-popover-text-align: center;
    --nb-popover-z-index: 10000;

    --nb-popover-body-bg: var(--nb-bg-primary);
    --nb-popover-body-border-radius: var(--nb-border-radius-s);
    --nb-popover-body-color: var(--nb-text-color-primary);
    --nb-popover-body-font-size: var(--nb-font-size-14);
    --nb-popover-body-line-height: 1.3;
    --nb-popover-body-padding-x: 10px;
    --nb-popover-body-padding-y: 10px;
}

.popover {
    max-width: var(--nb-popover-max-width);
    border-radius: var(--nb-popover-border-radius);
    z-index: var(--nb-popover-z-index);
}

.popover-header {
    background-color: var(--nb-popover-header-bg);
    color: var(--nb-popover-header-color);
    text-align: var(--nb-popover-text-align);
    border-radius: var(--nb-popover-header-border-radius);
    border-bottom-right-radius: var(--nb-border-radius-0);
    border-bottom-left-radius: var(--nb-border-radius-0);
    font-size: var(--nb-popover-header-font-size);
    line-height: var(--nb-body-line-height);
}
.popover-body {
    background-color: var(--nb-popover-body-bg);
    color: var(--nb-popover-body-color);
    text-align: var(--nb-popover-text-align);
    border-radius: var(--nb-popover-body-border-radius);
    font-size: var(--nb-popover-body-font-size);
    line-height: var(--nb-popover-body-line-height);
    padding: var(--nb-popover-body-padding-y) var(--nb-popover-body-padding-x);
}
.popover.no-content .popover-body{
    padding: 0;
}
.popover.no-content[data-popper-placement^=left] .popover-arrow:after{
    border-left-color: var(--nb-popover-header-bg);
}
.popover.no-content[data-popper-placement^=right] .popover-arrow:after{
    border-right-color: var(--nb-popover-header-bg);
}
.popover.no-content[data-popper-placement^=top] .popover-arrow:after{
    border-top-color: var(--nb-popover-header-bg);
}
.popover.no-content[data-popper-placement^=bottom] .popover-arrow:after{
    border-bottom-color: var(--nb-popover-header-bg);
}
.popover[data-popper-placement^=bottom] .popover-arrow:after{
    border-bottom-color: var(--nb-popover-header-bg);
}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{
    border-bottom-color: var(--nb-popover-header-bg);
}