/* CCH fix: btn-primary синий → золотой (Bootstrap #007bff перебиваем) */
.btn-primary,
.btn.btn-primary {
    background-color: #ccaf7d !important;
    border-color: #ccaf7d !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:disabled,
.btn.btn-primary.disabled {
    background-color: #ccaf7d !important;
    border-color: #ccaf7d !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Bootstrap focus outline */
.btn-primary:focus,
.btn:focus,
.btn.focus {
    box-shadow: 0 0 0 0.2rem rgba(201,162,107,0.25) !important;
    outline: 0 !important;
}

/* Состояние загрузки (когда JS добавляет .loading) */
.btn.loading,
.btn.btn-loading,
.btn-loading {
    background-color: #ccaf7d !important;
    border-color: #ccaf7d !important;
    color: #fff !important;
}


/* ============================================
   CCH: фикс для торговых предложений (SKU)
   Перебиваем синий .active от Bootstrap и любые
   другие нежелательные цвета на .sku-element
   ============================================ */

a.sku-element,
button.sku-element,
.sku-element:not(.selected):not(.unavailable) {
    background-color: #fff !important;
    border: 1px solid #dcdcdc !important;
    color: #333 !important;
    box-shadow: none !important;
    outline: none !important;
}

a.sku-element:not(.selected):not(.unavailable):hover,
button.sku-element:not(.selected):not(.unavailable):hover {
    border-color: #ccaf7d !important;
    color: #333 !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

a.sku-element.selected,
button.sku-element.selected,
a.sku-element.active,
button.sku-element.active,
a.sku-element.is-active,
button.sku-element.is-active,
a.sku-element[aria-pressed="true"],
button.sku-element[aria-pressed="true"],
a.sku-element:focus,
button.sku-element:focus,
a.sku-element:active,
button.sku-element:active {
    background-color: #fff !important;
    border: 1px solid #ccaf7d !important;
    color: #333 !important;
    box-shadow: inset 0 0 0 1px #ccaf7d !important;
    outline: none !important;
}

.sku-list .active,
.sku-container .active,
.sku-props .active,
.sku-prop .active,
.sku-value.active,
[data-entity="sku-value"].active,
[data-entity="sku-tree"].active,
[data-entity="sku-props"].active {
    background-color: #fff !important;
    border-color: #ccaf7d !important;
    color: #333 !important;
    box-shadow: inset 0 0 0 1px #ccaf7d !important;
    outline: none !important;
}

.sku-list .sku-element.btn-primary,
button.sku-element.btn-primary {
    background-color: #fff !important;
    border-color: #ccaf7d !important;
    color: #333 !important;
}

.sku-element.btn-primary:not(:disabled):not(.disabled):active,
.sku-element.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #fff !important;
    border-color: #ccaf7d !important;
    color: #333 !important;
    box-shadow: inset 0 0 0 1px #ccaf7d !important;
}