* {
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); /* thumb track */
    scrollbar-width: thin; /* за Firefox, но е безвредно и тук */
}

/* за всеки случай, чистим и при фокус */
/* глобално (примерен fallback) */
:root {
    --scrollbar-thumb: rgba(99, 102, 241, 1); /* лилаво */
    --scrollbar-thumb-hover: rgba(99, 102, 241, 0.85);
    --scrollbar-track: rgba(0, 0, 0, 0.08); /* фон на релсата */
    --accent-rgb: 99, 102, 241; /* indigo-500 по подразбиране */
    --accent2-rgb: 236, 72, 153; /* по желание: pink акцент за втори слой */
}

::-webkit-scrollbar {
    width: 10px; /* вертикален */
    height: 10px; /* хоризонтален */
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 8px;
    border: 2px solid transparent; /* малко „padding“ ефект */
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}

/* Targtes on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 8px;
}

html,
body{
    background: radial-gradient(1200px 600px at 20% -10%,rgba(99, 102, 241, 0.25),
        transparent 60%),
        radial-gradient( 1000px 600px at 110% 10%,rgba(236, 72, 153, 0.22),transparent 60%),
        linear-gradient(180deg, #f7f8fc 0%, #eef1f7 100%);
}

body.modal-open {
    overflow: hidden !important;
    height: 100vh;
}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.alert .close{
    opacity: 1 !Important;
}

.clearfix{
    clear:both;
}

.overflow-auto {
    overflow: auto !important;
    overflow-x: hidden !important;
}

/*индекс на хедър таблицата когато се скролва*/
.tableFloatingHeaderOriginal{
    z-index:1 !Important;
}

.jtippy .jt-title{
    text-align: left !Important
}

.notAllowed {
    cursor:not-allowed;
}

ul.counting li:not(.disabledLi) {
    counter-increment: li-num;
}

ul.counting li:not(.disabledLi)::after {
    content: counter(li-num);
    float: right;
}
.sidebar a{ color:#000;}

.bs-placeholder{color:#000!important; }

a:disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.bootstrap-select .disabled{
    cursor:not-allowed;
}

body .content-wrapper:not(.css-nomargin){
    margin-left: 270px !Important;
}

a{
    /* color: #042861; */
    color: #000;
}

option:not(:checked) {
    color: #000;
    background: #fff;
}

option:disabled {
    color: #aaa; 
    background-color: #f1f1f1;
}

.select2-results li {
    border-bottom: 1px dashed;
}

.border-2,.border-2 td, .border-2 th{
    border:2px solid grey !Important;
}

.select2-container--default .select2-results>.select2-results__options{
    max-height: calc(29em + 1.5rem + 1px) !important;
}

.select2-results,
.select2-search{
    background: #e0dbdb;
    border-width: 2px;
    border: 1px solid grey;
}

.select2-selection__rendered{
    padding-left: 0 !Important;
    padding-right: 5px !Important;
    line-height:normal !Important;
}
.select2-selection--single{
    padding-left: 5px !Important;
}
.select2-selection__clear{
    height: auto !Important;
    margin-right: 5px !Important;
}

.bold{
    font-family: 'AkrobatBold',Arial,sans-serif;
}

.boldblack{
    font-family: 'AkrobatBlack',Arial,sans-serif;
}
.extrabold{
    font-family: 'AkrobatExtraBold',Arial,sans-serif;
}

.dropdown-item:hover{
    /* background-color: #3173de; */
    background-color: var(--css-purple);
    color: #fff !important;
}

#hdtbl_products{
    z-index: 0 !Important;
}

#form-settings .bootstrap-select{
    width: 100% !Important;    
}

.bootstrap-select .inner.show{
    overflow-x: hidden;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .05rem .5rem !Important;
}

.backdrop-grayscale{
    filter:grayscale(100%) opacity(50%);
}
.overflow {
    max-height: 80px;
    display: flex;
    overflow-x: hidden;
}

.block{display: block;}

.hide{display:none !Important;}
.invisible{visibility: hidden !Important;}

.main-header{
    z-index: 1137 !Important;
    border:none;
    background: var(--css-light-gray);
}

.content-wrapper{
    background-color: transparent;
    min-height: 100% !Important;
}
.content-wrapper .content.width-sidebar{
    margin-left: 335px;
}

.content-wrapper .control-left-sidebar{
    margin-top: 65px;
    left: 251px;
    background: #9BA6E3; /* #A0C5EC;*/
    position: fixed;
    height: 95%;
    width: 330px;
}

.content-wrapper .control-left-sidebar input:not([type='search']),
.content-wrapper .control-left-sidebar textarea,
.content-wrapper .control-left-sidebar select,
.content-wrapper .control-left-sidebar [data-toggle="dropdown"]
{
    border: 1px solid #999;
    background: #334177;
    color: #fff !important;
    padding-left: 2px;
}

.content-wrapper .control-left-sidebar select option
{
    background: #fff;
    color: #000;
}

.content-wrapper .content-header {
    position: fixed;
    z-index: 1000;
    right: 0;
    left: 0px;
    margin-left: 250px;
    background: 
        radial-gradient(1200px 600px at 20% -10%,rgba(99, 102, 241, 0.25),transparent 60%),
        radial-gradient(1000px 600px at 110% 10%, rgba(236, 72, 153, 0.22),transparent 60%),
        linear-gradient(180deg, #f7f8fc 0%, #eef1f7 100%);
    top: 40px ;
    /*    border-bottom: 1px solid #c3c3c3;*/
}
.content-wrapper .content {
    padding-top: 40px; ;/* 40px;*/
}

.select_group button{
    height: 27px;
    padding: 2px 25px 6px 12px;
}

.wrapword {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: normal;
    word-break: break-word;
}

.border-1 {
    border: 1px solid #999;
}

.border-w-1 {
    border: 1px solid #fff !Important;
}

.maxHeight {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    word-break: break-word;
}

.disabledEl{
    pointer-events: none;
    cursor:not-allowed;
    opacity: 0.4;
}

.pointer-events-none{
    border:none !Important;
    cursor:not-allowed !Important;
    pointer-events: none;
    background: transparent ;
}

.pointer-cursor{cursor: pointer;}
.jstree-icon{pointer-events: none;}

.input-group .input-group-addon {
    border-color: #999  !Important;
    background-color: transparent !Important;
}

.img-thumbnail{height: 50px !Important;}
.modal .img-thumbnail{height: auto;}
.dropdown-menu input {background: #fff !Important;}
.modal {z-index: 1050;}
.alert {padding: 5px;}

.table-bordered th, .table-bordered td{
    border: 1px solid #b2b2b2;
}
.table-bordered{
    border: 1px solid #959595;
}
.table-striped>tbody>tr:not(.colorRows):nth-child(odd) {
    /* background-color: #dde8f0; */
    background-color: transparent !important;
}
.table-striped>tbody>tr:not(.colorRows):nth-child(even) {
    /* background-color: #d3e4fc; */
    background-color: transparent !important;
}
table tbody tr:not(.colorRows):not(.emptyRow):not(.notAutoNum){
    counter-increment: row-num;
}

table tbody td {
    border-bottom: 1px solid #D8DCFF  !important;
    border-top: 1px solid #D8DCFF  !important;
    border-right: none !important;
    border-left: none !important;
    color: #000;
}

table:not(.dt) tbody tr:not(.colorRows):not(.emptyRow):not(.notAutoNum) td:nth-child(1)::after
{
    content: counter(row-num);
    display: block;
}

[role=presentation] tr td:nth-child(1)::after ,
#shablonHtml table tr td:nth-child(1)::after
{
    content: '' !important;
}

[textarea]{
    height: 16px;
}

.dropdown-item.disabled, .dropdown-item:disabled{
    color: #adb5bd !Important;
}

.font-size-13{
    font-size: 0.8rem !important;
}

.font-size-14{
    font-size: 1rem !important;
}

.h-0{height: 0% !important;}

.w-98{width: 98% !important;}
.w-90{width: 90% !important;}
.w-80{width: 80% !important;}
.w-75{width: 75% !important;}
.w-70{width: 70% !important;}
.w-40{width: 40% !important;}
.w-30{width: 30% !important;}
.w-20{width: 20% !important;}
.w-17{width: 17% !important;}
.w-15{width: 15% !important;}
.w-13{width: 13% !important;}
.w-11{width: 11% !important;}
.w-10{width: 10% !important;}
.w-9{width: 9% !important;}
.w-8{width: 8% !important;}
.w-7{width: 7% !important;}
.w-6{width: 6% !important;}
.w-5{width: 5% !important;}
.w-4{width: 4% !important;}
.w-3{ width: 3% !important;}
.w-2{ width: 2% !important;}
.w-1-5{ width: 1.5% !important;}
.w-1{ width: 1% !important;}
.w-08{ width: 0.8% !important;}
.w-03{ width: 0.3% !important;}
.w-01{ width: 0.1% !important;}
.mw-90 {max-width: 90% !important;}
.mw-70 {max-width: 70% !important;}
.mw-50 {max-width: 50% !important;}
.mw-84 {min-width: 84px !important;}

.w-10px{ width: 10px !important; }
.w-20px{width: 20px !important; }
.w-30px{width: 30px !important; }
.h-30px{height: 30px !important; }
.w-40px{ width: 40px !important; }
.w-50px{ width: 50px !important; }
.w-60px{ width: 60px !important; }
.w-70px{ width: 70px !important; }
.w-80px{width: 80px !important; }
.w-90px{ width: 90px !important; }
.w-100px{ width: 100px !important; }
.w-110px{ width: 110px !important; }
.w-120px{width: 120px !important; }
.w-130px{ width: 130px !important; }
.w-150px{ width: 150px !important; }
.w-200px{width: 200px !important; }
.w-250px{width: 250px !important; }
.h-45px{ height: 45px !important; }
.h-27px{ height: 27px !important; }

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.round-10 {
    border-radius: 10px !important;
}

.round-l10 {
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.round-r10 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.round-bottom-10 {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.top-100{top:100%}
.z-index-n1{ z-index: -1; }
.z-index-1{ z-index: 1; }

[type="button"]{
    padding: 0 5px;
}

input:read-only:not(.css-date) {
    background: #c9c9c9 !important;
}

.cursor-pointer{ cursor: pointer;}
.cursor-auto{ cursor: auto !important;}
.fa:not(button){background: transparent;}

.alert{
    width: 30%;
    position: fixed;
    right: 10px;
    top: 40px;
    z-index: 11111111;
    transition: all .3s ease-out;
}

[data-disabled]{
    cursor:not-allowed;
    opacity: 0.5;
}

[disabled]{
    cursor: not-allowed !important;
    opacity: 0.5;
    z-index: 0;
    position: relative;
}

.auto-count,.auto-count-bg {  
    counter-increment: list-counter; /* Increments the counter */
}

.auto-count::before {
    content: counter(list-counter) ". ";
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auto-count-bg::before {
    content: counter(list-counter);
    margin: 0;
    background: rgba(99, 102, 241, 0.8) !important;
    position: absolute;
    z-index: 1;
    padding: 2px 16px;
    border-radius: 0;
    color: #fff;
    border-top-left-radius: 10px;
}

.nav-tabs .nav-link.active2 {
    color: #fff;
    background-color: var(--css-purple);
    /* font-family: "AkrobatExtraBold", Arial, sans-serif; */
    border-radius: 10px 0 0 0 !important;
}

.fieldset-bg {
    border: none;
    background: #fffacd;
    padding: 15px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    position: relative;
}
legend {
    font-weight: bold;
    color: #333;
    padding: 0 10px;
}

@-webkit-keyframes fadeBackground {
    from { background-color: transparent; }
    to { background-color: red; }
}

@keyframes fadeBackground {
    from { background-color: transparent; }
    to { background-color: red; }
}

@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 95vw;   /* 90% от ширината на viewport */
        width: 97vw;
        margin: 15px auto;
    }
    .modal-content {
        min-height: 60vh;
        border-radius: 16px;
        box-shadow: 0 12px 48px rgba(0,0,0,0.18);
    }
}

.fancybox-png {
    background: white !important;
}

/*
////////////////////////////////////////////////////////////////
CUSTOM CSS*/
.gap-11 {gap: 11px !important;}
.gap-5 {gap: 5px !important;}
.gap-28 { gap: 28px !important;}
.gap-3 {gap: 3px;}

.css-btn-save {
    color: #fff !important;
}
.css-rounded-16 {
    border-radius: 16px;
}

/* (по желание) добави втори цветен нюанс към дълбоките слоеве */
.css-focus-strong.accent-duo:focus-visible { 
    box-shadow: 0 0 0 2px rgba(var(--accent-rgb), 0.28),
        0 8px 22px rgba(var(--accent-rgb), 0.35),
        0 18px 46px rgba(var(--accent2-rgb), 0.26),
        /* розов вторичен */ 0 16px 36px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* нормално състояние – без бордер */
.css-focus-strong:not(:focus-visible) {
    box-shadow: none;
}

/* силен, многостепенен „glow“ при focus-visible */
.css-focus-strong:focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.45), 3px 5px 2px rgba(var(--accent-rgb), 0.35), 0 18px 46px rgba(var(--accent-rgb), 0), 0 16px 36px rgba(0, 0, 0, 0), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    filter: saturate(1.06);
}

.css-background-leftAside {
    background:
        radial-gradient(1200px 600px at 20% -10%, rgba(99, 102, 241, 0.25), transparent 60%),
        radial-gradient(1000px 600px at 110% 10%, rgba(236, 72, 153, 0.22), transparent 60%),
        linear-gradient(180deg, #f7f8fc 0%, #eef1f7 100%);
}

.css-animation-err { 
    animation-name: fadeBackground;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.css-bacground::after {
    content: "";
    background-image: url("/assets/images/background/background.jpg");
    background-size: contain;
    background-repeat: inherit;
    /*    opacity: 0.6;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
    min-height: 100vh;
}

.css-background {
    background: 
        radial-gradient( 1200px 600px at 20% -10%,rgba(99, 102, 241, 0.25),transparent 60%),
        radial-gradient(1000px 600px at 110% 10%, rgba(236, 72, 153, 0.22),transparent 60%),
        linear-gradient(180deg, #f7f8fc 0%, #eef1f7 100%);
}

.css-background-transparent {
    background-color: transparent !important;
}

.css-bg-purple {
    background-color: var(--css-purple) !important;
    color: #fff !important;
}

.css-bg-transparent {
    background-color: transparent !important;
}

.css-border-none {
    border: none !important;
}

.css-border-radius-left {
    border-radius: 10px 0 0 10px !important;
}

.css-border-radius-right {
    border-radius: 0 10px 10px 0 !important;
}

.css-border-y {
    border-bottom: 1px solid #8B8B8B !important;
    border-top: 1px solid #8B8B8B !important;
    border-right: none !important;
    border-left: none !important;
}

.css-box-shadow {
    box-shadow:
        /* тънък ринг около елемента */ 0 0 0 2px
        rgba(var(--accent-rgb), 0.25),
        /* дълбоки външни слоеве */ 0 8px 22px rgba(var(--accent-rgb), 0.35),
        0 18px 46px rgba(var(--accent-rgb), 0.28),
        /* лек неутрален drop за контраст */ 0 16px 36px rgba(0, 0, 0, 0.18),
        /* вътрешен полъх за „стъклен“ ефект */ inset 0 1px 0
        rgba(255, 255, 255, 0.9) !important;
    filter: saturate(1.06);
}

.css-btn-close {
    padding: 4px 24px !important;
    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.25) !important;
    filter: saturate(1.06);
}

.css-btn-close:hover {
    background-color: rgba(99, 102, 241, 0.8) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(var(--accent-rgb), 0.25),
        0 8px 22px rgba(var(--accent-rgb), 0.35),
        0 18px 46px rgba(var(--accent-rgb), 0.28), 0 16px 36px rgba(0, 0, 0, 0.18);
}

.css-btn-purple {
    padding: 1px 6px !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.25);
    filter: saturate(1.06);
    background-color: rgba(99, 102, 241, 0.8) !important;
    color: #fff !important;
    border: none;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}



.css-btn-purple:hover {
    background-color: rgba(99, 102, 241, 0.8) !important;
    color: #fff !important;
    box-shadow: 2px 2px 3px #00000061;
    /*    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.25),
            0 8px 22px rgba(var(--accent-rgb), 0.35),
            0 18px 46px rgba(var(--accent-rgb), 0.28), 0 16px 36px rgba(0, 0, 0, 0.18);*/
}

.css-btn-save {
    padding: 4px 24px !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.25);
    filter: saturate(1.06);
    background-color: rgba(73, 77, 255, 0.8) !important;
    color: #fff !important;
    border: none !important;
}

.css-btn-save:hover {
    background-color: rgba(38, 44, 252, 0.8) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(var(--accent-rgb), 0.25), 
        9px 1px 5px rgba(var(--accent-rgb), 0.1), 
        0px 2px 5px rgba(var(--accent-rgb), 0.18), 
        5px 8px 8px rgba(0, 0, 0, 0.18);
}

.css-btn-wp {
    padding: 4px 24px !important;
    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.25) !important;
    filter: saturate(1.06);
    border-radius: 10px;
    border: none;
}

.css-btn-wp:hover {
    background-color: rgba(99, 102, 241, 0.8) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(var(--accent-rgb), 0.25),
        0 8px 22px rgba(var(--accent-rgb), 0.35),
        0 18px 46px rgba(var(--accent-rgb), 0.28), 0 16px 36px rgba(0, 0, 0, 0.18);
}

.css-button-disable {
    cursor:not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.css-dropdown-p {
    padding: 2px 12px;
}

.css-focus-strong {
    border: 0;
    outline: none;
    border-radius: 10px; /* съчетава се с твоя round-10 */
    box-shadow: none;
    transition: box-shadow 140ms ease, filter 140ms ease;
    background-clip: padding-box;
    box-shadow:
        /* тънък ринг около елемента */ 0 0 0 0.8px
        rgba(var(--accent-rgb), 0.25) !important;
    filter: saturate(1.06);
    background-color: #fff !important;
}

.css-icon { color: #000 !important;}
.css-icon-active { color: rgba(99, 102, 241, 1) !important;}
.css-icon-hover { color: #000 !important;}
.css-icon-hover:hover { color: rgba(99, 102, 241, 1) !important;}
.css-input-p { padding: 4px 12px !important;}
.css-logo-bg { background-image: url();}
.css-main { min-height: 100vh;}

.css-max-input-width {
    max-width: 400px;
}

.css-navbar-title-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    font-weight: 600;
    font-size: 18px;
    color: #1e293b;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

.css-navbar-title-breadcrumb .css-divider {
    opacity: .5;
}

.css-navbar-title-breadcrumb .css-section {
    color: #334155;
}

.css-not-allowed {
    cursor:not-allowed;
}

.css-of-cover {
    object-fit: cover !important;
}

.css-pointer-events-none2{
    cursor:not-allowed;
    pointer-events: none;
}

.css-pointer-events-none2 input,
.css-pointer-events-none2 select,
.css-pointer-events-none2 textarea
{
    /*    background: #c9c9c9 !important;*/
    background-image :linear-gradient(150deg, #939090 20%, #fff 90%) !important
}

.css-pointer-events-none2:not(.css-animation-err){
    background-image :linear-gradient(150deg, #c3c3c3  20%, #fff 90%)
}
.css-btn-save {
    color: #fff !important;
}
.css-portal-logo-add-icon {
    position: absolute;
    top: 6px;
    width: 32px;
    font-size: 16px;
    right: 28px;
}

.css-portal-logo-del-icon {
    position: absolute;
    top: 0;
    right: 10px;
    width: 32px;
}

.css-portal-slide-item {
    width: 30%;
    height: 182px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}

.css-text-dark {
    color: #000 !important;
}

.css-text-purple {
    color: var(--css-purple);
}

/*SETTINGS PAGE*/
#portalLinks > .nav-item:first-child > .nav-link {
    border-top-left-radius: 10px;
}

#portalLinks > .nav-item:last-child > .nav-link {
    border-top-right-radius: 10px;
}

#izborProduct tr.selected.bg-warning {
    color: #fff !important;
    background-color: var(--css-purple) !important;
}

#izbor-zenova,
#izbor-product,
#new_product,
#save-ofer,
#cloneOfer,
#prinPreview,
#newOfer,
#exitOfer,
#delete-ofer,
#add-colorRow,
#chooseColor,
#genOfertUrlLink,
#popupToSite,
#zenoobrazuvane-btn,
#generate-tovaritelniza,
#dropdownMenuLink {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    gap: 2px;
    /*    padding: 7px 20px;*/
    border-radius: 10px;
    color: #000;
    /*    border: none;*/
}
#save-ofer{
    color: #fff;
}

#delete-ofer {
    background-color: #C61111;
    color: #fff !important;
}

#cloneOfer,
#prinPreview,
#newOfer,
#add-colorRow,
#chooseColor,
#zenoobrazuvane-btn {
    background-color: var(--css-purple);
    color: #fff !important;
}


.tooltipster-sidetip.tooltipster-noir .tooltipster-box {
    background: #fff;
    box-shadow:
        /* тънък ринг около елемента */ 0 0 0 2px
        rgba(var(--accent-rgb), 0.25),
        /* дълбоки външни слоеве */ 0 8px 22px rgba(var(--accent-rgb), 0.35),
        0 18px 46px rgba(var(--accent-rgb), 0.28),
        /* лек неутрален drop за контраст */ 0 16px 36px rgba(0, 0, 0, 0.18),
        /* вътрешен полъх за „стъклен“ ефект */ inset 0 1px 0
        rgba(255, 255, 255, 0.9) !important;
    filter: saturate(1.06) !important;
    border-radius: 16px !important;
    border: none !important;
}

#date_shipping {
    min-width: 120px;
    max-width: 130px;
}

#modal_klient .nav-tabs .nav-link:hover, 
#modal_klient .nav-tabs .nav-link:focus {
    background-color: var(--css-purple);
    color: #fff !important;
    border: none !important;
}

#modal_klient .nav-tabs .nav-link.active, 
#modal_klient .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: var(--css-purple);
    border: none !important
}

/* Elevation shadow helper */
.elevation-3 {
    box-shadow:
        0 10px 20px rgba(0, 0, 0, 0.19),
        0 6px 6px rgba(0, 0, 0, 0.23) !important;
}

/* Custom ordering override */
.order-first {
    order: 1;
}

/* Dropdown visual overrides */
.order-first .dropdown-toggle {
    border: 0;
    outline: none;
    border-radius: 10px;
    box-shadow: none;
    transition: box-shadow 140ms ease, filter 140ms ease;
    background-clip: padding-box;
    box-shadow: 0 0 0 0.5px rgba(var(--accent-rgb), 0.25) !important;
    filter: saturate(1.06);
    background-color: #fff !important;
    border: none !important;
    padding: 0.5rem !important;
}