/*
 * Dahusoft Button Standards
 * -------------------------
 * Refresh / Listeyi Yenile / Tabloyu Yenile / Yenile  →  .btn-refresh-soft  (soft mor)
 * Temizle (Clear)                                      →  .btn-clear-soft    (soft kırmızı)
 * Kaydet (Save)                                        →  .btn-save-soft     (soft yeşil)
 *
 * Usage: combine with Metronic .btn base class, e.g. class="btn btn-refresh-soft"
 * Optional alias for refresh: .btn-light-purple
 */

:root {
    --dh-btn-refresh-bg: #f3e8ff;
    --dh-btn-refresh-color: #7c3aed;
    --dh-btn-refresh-border: #e9d5ff;
    --dh-btn-refresh-hover-bg: #ede9fe;
    --dh-btn-refresh-hover-color: #6d28d9;
    --dh-btn-refresh-hover-border: #ddd6fe;
    --dh-btn-refresh-active-bg: #e9d5ff;
    --dh-btn-refresh-active-color: #5b21b6;

    --dh-btn-clear-bg: #fff5f5;
    --dh-btn-clear-color: #e03131;
    --dh-btn-clear-border: #ffc9c9;
    --dh-btn-clear-hover-bg: #ffe3e3;
    --dh-btn-clear-hover-color: #c92a2a;
    --dh-btn-clear-hover-border: #ffa8a8;
    --dh-btn-clear-active-bg: #ffc9c9;
    --dh-btn-clear-active-color: #a61e1e;

    --dh-btn-save-bg: #e8fff3;
    --dh-btn-save-color: #0d9f5a;
    --dh-btn-save-border: #b8ebd4;
    --dh-btn-save-hover-bg: #d1fae5;
    --dh-btn-save-hover-color: #047857;
    --dh-btn-save-hover-border: #86efac;
    --dh-btn-save-active-bg: #b8ebd4;
    --dh-btn-save-active-color: #065f46;
}

/* --- Refresh (soft mor) --- */
.btn-light-purple,
.btn-refresh-soft {
    background-color: var(--dh-btn-refresh-bg) !important;
    color: var(--dh-btn-refresh-color) !important;
    border: 1px solid var(--dh-btn-refresh-border) !important;
}

.btn-light-purple i,
.btn-light-purple .bi,
.btn-refresh-soft i,
.btn-refresh-soft .bi,
.btn-light-purple .svg-icon,
.btn-refresh-soft .svg-icon {
    color: var(--dh-btn-refresh-color) !important;
}

.btn-light-purple:hover,
.btn-light-purple:focus:not(.btn-active),
.btn-refresh-soft:hover,
.btn-refresh-soft:focus:not(.btn-active) {
    background-color: var(--dh-btn-refresh-hover-bg) !important;
    color: var(--dh-btn-refresh-hover-color) !important;
    border-color: var(--dh-btn-refresh-hover-border) !important;
}

.btn-light-purple:active,
.btn-light-purple.active,
.btn-refresh-soft:active,
.btn-refresh-soft.active {
    background-color: var(--dh-btn-refresh-active-bg) !important;
    color: var(--dh-btn-refresh-active-color) !important;
    border-color: var(--dh-btn-refresh-hover-border) !important;
}

/* --- Clear / Temizle (soft kırmızı) --- */
.btn-clear-soft {
    background-color: var(--dh-btn-clear-bg) !important;
    color: var(--dh-btn-clear-color) !important;
    border: 1px solid var(--dh-btn-clear-border) !important;
}

.btn-clear-soft i,
.btn-clear-soft .bi,
.btn-clear-soft .svg-icon {
    color: var(--dh-btn-clear-color) !important;
}

.btn-clear-soft:hover,
.btn-clear-soft:focus:not(.btn-active) {
    background-color: var(--dh-btn-clear-hover-bg) !important;
    color: var(--dh-btn-clear-hover-color) !important;
    border-color: var(--dh-btn-clear-hover-border) !important;
}

.btn-clear-soft:active,
.btn-clear-soft.active {
    background-color: var(--dh-btn-clear-active-bg) !important;
    color: var(--dh-btn-clear-active-color) !important;
    border-color: var(--dh-btn-clear-hover-border) !important;
}

/* --- Save / Kaydet (soft yeşil) --- */
.btn-save-soft {
    background-color: var(--dh-btn-save-bg) !important;
    color: var(--dh-btn-save-color) !important;
    border: 1px solid var(--dh-btn-save-border) !important;
}

.btn-save-soft i,
.btn-save-soft .bi,
.btn-save-soft .svg-icon {
    color: var(--dh-btn-save-color) !important;
}

.btn-save-soft:hover,
.btn-save-soft:focus:not(.btn-active) {
    background-color: var(--dh-btn-save-hover-bg) !important;
    color: var(--dh-btn-save-hover-color) !important;
    border-color: var(--dh-btn-save-hover-border) !important;
}

.btn-save-soft:active,
.btn-save-soft.active {
    background-color: var(--dh-btn-save-active-bg) !important;
    color: var(--dh-btn-save-active-color) !important;
    border-color: var(--dh-btn-save-hover-border) !important;
}

/* Legacy page-specific refresh buttons → soft mor */
.order-page-btn-refresh,
.oi-btn-refresh,
.claim-page-btn-refresh,
.b2b-module-page .b2b-btn-refresh,
.wofp-btn-refresh,
.rr-btn-refresh,
.product-list-page .oi-btn-refresh {
    background: var(--dh-btn-refresh-bg) !important;
    color: var(--dh-btn-refresh-color) !important;
    border-color: var(--dh-btn-refresh-border) !important;
}

.order-page-btn-refresh:hover,
.oi-btn-refresh:hover,
.claim-page-btn-refresh:hover,
.b2b-module-page .b2b-btn-refresh:hover,
.wofp-btn-refresh:hover,
.rr-btn-refresh:hover,
.product-list-page .oi-btn-refresh:hover {
    background: var(--dh-btn-refresh-hover-bg) !important;
    color: var(--dh-btn-refresh-hover-color) !important;
    border-color: var(--dh-btn-refresh-hover-border) !important;
}

/* Common refresh button IDs (grid toolbars, hero actions) */
button[id$="ReloadGrid"].btn,
button[id^="btnRefresh"].btn,
button#reload.btn,
a#reload.btn,
button#reloadRules.btn,
button#reloadDiscounts.btn,
button[id^="reload"].btn,
button[id$="RefreshGrid"].btn,
button[id$="RefreshFinanceCash"].btn,
button[id$="RefreshCashTransferGrid"].btn,
button#headerRefreshBtn.btn,
button#reloadCampaigns.btn,
button#reloadCampaignDefinitions.btn,
button#reloadCaaList.btn,
button#reloadVraList.btn {
    background-color: var(--dh-btn-refresh-bg) !important;
    color: var(--dh-btn-refresh-color) !important;
    border: 1px solid var(--dh-btn-refresh-border) !important;
}

button[id$="ReloadGrid"].btn:hover,
button[id^="btnRefresh"].btn:hover,
button#reload.btn:hover,
a#reload.btn:hover,
button#reloadRules.btn:hover,
button#reloadDiscounts.btn:hover,
button[id^="reload"].btn:hover,
button[id$="RefreshGrid"].btn:hover,
button[id$="RefreshFinanceCash"].btn:hover,
button[id$="RefreshCashTransferGrid"].btn:hover,
button#headerRefreshBtn.btn:hover,
button#reloadCampaigns.btn:hover,
button#reloadCampaignDefinitions.btn:hover,
button#reloadCaaList.btn:hover,
button#reloadVraList.btn:hover {
    background-color: var(--dh-btn-refresh-hover-bg) !important;
    color: var(--dh-btn-refresh-hover-color) !important;
    border-color: var(--dh-btn-refresh-hover-border) !important;
}

/* Common clear filter / clear form button IDs */
button[id$="ClearFilters"].btn,
button[id*="ClearForm"].btn,
button[id*="ClearCashTransfer"].btn,
button#btnClearCashTransferForm.btn {
    background-color: var(--dh-btn-clear-bg) !important;
    color: var(--dh-btn-clear-color) !important;
    border: 1px solid var(--dh-btn-clear-border) !important;
}

button[id$="ClearFilters"].btn:hover,
button[id*="ClearForm"].btn:hover,
button[id*="ClearCashTransfer"].btn:hover,
button#btnClearCashTransferForm.btn:hover {
    background-color: var(--dh-btn-clear-hover-bg) !important;
    color: var(--dh-btn-clear-hover-color) !important;
    border-color: var(--dh-btn-clear-hover-border) !important;
}

/* Common save button IDs */
button#saveCampaignDefinition.btn,
button#savePriceRule.btn,
button#saveCampaignRule.btn,
button#sdsBtnSave.btn,
button[id^="btnSave"].btn,
button[id*="BtnSave"].btn,
button[id*="SaveBtn"].btn {
    background-color: var(--dh-btn-save-bg) !important;
    color: var(--dh-btn-save-color) !important;
    border: 1px solid var(--dh-btn-save-border) !important;
}

button#saveCampaignDefinition.btn:hover,
button#savePriceRule.btn:hover,
button#saveCampaignRule.btn:hover,
button#sdsBtnSave.btn:hover,
button[id^="btnSave"].btn:hover,
button[id*="BtnSave"].btn:hover,
button[id*="SaveBtn"].btn:hover {
    background-color: var(--dh-btn-save-hover-bg) !important;
    color: var(--dh-btn-save-hover-color) !important;
    border-color: var(--dh-btn-save-hover-border) !important;
}

/* SweetAlert Kaydet / Temizle / Sil */
.swal2-popup .swal2-confirm.btn-save-soft {
    background-color: var(--dh-btn-save-bg) !important;
    color: var(--dh-btn-save-color) !important;
    border: 1px solid var(--dh-btn-save-border) !important;
}

.swal2-popup .swal2-confirm.btn-save-soft:hover {
    background-color: var(--dh-btn-save-hover-bg) !important;
    color: var(--dh-btn-save-hover-color) !important;
    border-color: var(--dh-btn-save-hover-border) !important;
}

.swal2-popup .swal2-cancel.btn-clear-soft,
.swal2-popup .swal2-deny.btn-clear-soft {
    background-color: var(--dh-btn-clear-bg) !important;
    color: var(--dh-btn-clear-color) !important;
    border: 1px solid var(--dh-btn-clear-border) !important;
}

.swal2-popup .swal2-cancel.btn-clear-soft:hover,
.swal2-popup .swal2-deny.btn-clear-soft:hover {
    background-color: var(--dh-btn-clear-hover-bg) !important;
    color: var(--dh-btn-clear-hover-color) !important;
    border-color: var(--dh-btn-clear-hover-border) !important;
}

/* Page-specific legacy refresh aliases */
.comp-product-btn-refresh {
    background: var(--dh-btn-refresh-bg) !important;
    color: var(--dh-btn-refresh-color) !important;
    border-color: var(--dh-btn-refresh-border) !important;
}

.comp-product-btn-refresh:hover {
    background: var(--dh-btn-refresh-hover-bg) !important;
    color: var(--dh-btn-refresh-hover-color) !important;
    border-color: var(--dh-btn-refresh-hover-border) !important;
}