/* ── Brand variables ──────────────────────────────────────────────────────── */
:root {
    --wst-orange:      #ff6130;
    --wst-orange-dark: #e04e20;
    --wst-dark:        #222222;
    --wst-dark2:       #363636;
}

/* ── Base ─────────────────────────────────────────────────────────────────── */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

/* ── Navbar override ─────────────────────────────────────────────────────── */
.navbar.bg-dark,
nav.navbar-dark.bg-dark {
    background-color: var(--wst-dark) !important;
}

/* ── Кнопки — переопределяем Bootstrap ──────────────────────────────────── */
.btn-success,
.btn-primary {
    background-color: var(--wst-orange) !important;
    border-color:     var(--wst-orange) !important;
    color: #fff !important;
}
.btn-success:hover,
.btn-primary:hover {
    background-color: var(--wst-orange-dark) !important;
    border-color:     var(--wst-orange-dark) !important;
}

.btn-outline-success,
.btn-outline-primary {
    color:        var(--wst-orange) !important;
    border-color: var(--wst-orange) !important;
}
.btn-outline-success:hover,
.btn-outline-primary:hover {
    background-color: var(--wst-orange) !important;
    color: #fff !important;
}

/* Активная страница пейджинга / сортировки */
.btn-secondary {
    background-color: var(--wst-orange) !important;
    border-color:     var(--wst-orange) !important;
    color: #fff !important;
}

/* ── Card headers ────────────────────────────────────────────────────────── */
.card-header.bg-success {
    background-color: var(--wst-orange) !important;
}
.card-header.bg-dark {
    background-color: var(--wst-dark) !important;
}

/* ── Drop zone ───────────────────────────────────────────────────────────── */
.drop-zone {
    border-color: #ced4da !important;
    transition: border-color .2s, background .2s;
    border-style: dashed !important;
}
.drop-zone.drag-over {
    border-color: var(--wst-orange) !important;
    background: #fff3ef;
}

/* ── Image cards ─────────────────────────────────────────────────────────── */
.img-thumb {
    object-fit: cover;
    transition: transform .2s;
}
.img-thumb-wrap:hover .img-thumb {
    transform: scale(1.04);
}

/* ── Upload queue ────────────────────────────────────────────────────────── */
.upload-item { font-size: .85rem; }
.upload-item .progress { height: 6px; }
.progress-bar {
    background-color: var(--wst-orange) !important;
}

/* ── Misc ────────────────────────────────────────────────────────────────── */
.text-truncate { max-width: 100%; }
a { color: var(--wst-orange); }
a:hover { color: var(--wst-orange-dark); }