/* Tabler App — custom styles for partners portal */

/* Golos Text — корпоративный шрифт Flip (переменный, поддерживает все веса
   через font-weight 400–700). Перекрывает дефолтный шрифт Tabler. */
@font-face {
    font-family: 'GolosText';
    src: url('/css/fonts/GolosText-VariableFont_wght.woff2') format('woff2-variations'),
         url('/css/fonts/GolosText-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Tabler хранит шрифт в --tblr-font-sans-serif, переопределяем глобально. */
:root,
[data-bs-theme] {
    --tblr-font-sans-serif: 'GolosText', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html, body {
    overflow-x: hidden;
    font-family: 'GolosText', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Dropzone upload area */
#product-images-dropzone:hover {
    border-color: var(--tblr-primary) !important;
}

/* Image card delete button */
.drag-item .delete-image {
    cursor: pointer;
}

/* Fix disabled button text visibility */
.btn-secondary:disabled,
.btn-secondary.disabled {
    color: var(--tblr-secondary-fg, #fff);
    opacity: .65;
}

/* TomSelect — fix background for Tabler (--bs-body-bg not set) */
.ts-wrapper .ts-dropdown {
    background: var(--tblr-bg-surface, #fff);
    border-color: var(--tblr-border-color, #e6e7e9);
}

.ts-wrapper .ts-control {
    background: var(--tblr-bg-forms, var(--tblr-bg-surface, #fff));
    border-color: var(--tblr-border-color, #e6e7e9);
}

/* TomSelect — align options with avatar */
.ts-dropdown .option,
.ts-dropdown .item,
.ts-control .item {
    display: flex !important;
    align-items: center;
    gap: .375rem;
}

.ts-dropdown .option img,
.ts-control .item img {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.ts-control .item .text-truncate {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ts-dropdown .option.selected {
    background: var(--tblr-primary-lt, #e7f1ff);
    color: var(--tblr-primary);
}

.ts-dropdown .option.active {
    background: var(--tblr-primary);
    color: #fff;
}

.ts-dropdown .option.active img {
    border: 1px solid rgba(255, 255, 255, .5);
}

/* TomSelect — remove button styling */
.ts-control .item .remove {
    border-left: 1px solid var(--tblr-border-color, #e6e7e9);
    margin-left: .375rem;
    padding: 0 .375rem;
    font-size: 1rem;
    line-height: 1;
    color: var(--tblr-muted);
}

.ts-control .item .remove:hover {
    color: var(--tblr-danger);
    background: transparent !important;
}

/* TomSelect popular/history icons */
.popular {
    color: var(--tblr-warning);
}

.history {
    color: var(--tblr-muted);
}