/* ═══════════════════════════════════════════════════
   White House Retail Shop — Global Brand Override
   Replaces ALL Bootstrap green / success with #F97316
   ═══════════════════════════════════════════════════ */

/* ── btn-default (Bootstrap 3 class absent from Bootstrap 4 template) ── */
.btn-default {
    background-color: #ffffff !important;
    color: #323a46 !important;
    border: 1px solid #ced4da !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:not(:disabled):not(.disabled):active {
    background-color: #f1f5f7 !important;
    color: #323a46 !important;
    border-color: #adb5bd !important;
    text-decoration: none !important;
}
.btn-default:disabled,
.btn-default.disabled {
    background-color: #f8f9fa !important;
    color: #999 !important;
    border-color: #e9ecef !important;
}

/* ── Buttons ── */
.btn-success,
.btn-success.disabled,
.btn-success:disabled {
    background-color: #F97316 !important;
    border-color: #F97316 !important;
    color: #ffffff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    background-color: #ea6c0a !important;
    border-color: #d9630a !important;
    color: #ffffff !important;
}
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(249,115,22,0.4) !important;
}

.btn-outline-success {
    color: #F97316 !important;
    border-color: #F97316 !important;
}
.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-success:not(:disabled):not(.disabled):active {
    background-color: #F97316 !important;
    border-color: #F97316 !important;
    color: #ffffff !important;
}

/* Bootstrap 3 compatibility */
.btn-success.btn-lg,
.btn-success.btn-sm,
.btn-success.btn-xs,
.btn-success.btn-block {
    background-color: #F97316 !important;
    border-color: #F97316 !important;
}

/* ── Alerts ── */
.alert-success {
    background-color: #fff7ed !important;
    border-color: #F97316 !important;
    color: #7c3502 !important;
}
.alert-success hr { border-top-color: #F97316 !important; }
.alert-success .alert-link { color: #7c3502 !important; }

/* ── Badges / Labels ── */
.badge-success,
.badge.badge-success,
.label-success {
    background-color: #F97316 !important;
    color: #ffffff !important;
}
.badge-info,
.badge.badge-info,
.label-info {
    background-color: #F97316 !important;
    color: #ffffff !important;
}

/* ── Text ── */
.text-success { color: #F97316 !important; }
a.text-success:hover,
a.text-success:focus { color: #ea6c0a !important; }

/* ── Backgrounds ── */
.bg-success { background-color: #F97316 !important; }

/* ── Borders ── */
.border-success { border-color: #F97316 !important; }

/* ── Form focus rings ── */
.form-control:focus {
    border-color: #F97316 !important;
    box-shadow: 0 0 0 0.15rem rgba(249,115,22,0.2) !important;
    outline: none !important;
}
.custom-select:focus {
    border-color: #F97316 !important;
    box-shadow: 0 0 0 0.15rem rgba(249,115,22,0.2) !important;
}

/* ── Checkboxes & radios ── */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #F97316 !important;
    border-color: #F97316 !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(249,115,22,0.25) !important;
}

/* ── Progress bars ── */
.progress-bar,
.progress-bar-success { background-color: #F97316 !important; }

/* ── Pagination ── */
.page-item.active .page-link {
    background-color: #F97316 !important;
    border-color: #F97316 !important;
}
.page-link { color: #F97316 !important; }
.page-link:hover { color: #ea6c0a !important; }

/* ── Tables ── */
.table-success,
.table-success > th,
.table-success > td { background-color: #fff0e0 !important; }

/* ── Nav tabs / pills ── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #F97316 !important;
    border-color: #F97316 !important;
}
.nav-tabs .nav-link.active {
    color: #F97316 !important;
    border-bottom-color: #F97316 !important;
}

/* ── DataTable export buttons ── */
.dt-buttons .btn,
.dt-button,
button.dt-button,
a.dt-button,
div.dt-button {
    background-color: #F97316 !important;
    background-image: none !important;
    border-color: #F97316 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    text-shadow: none !important;
    filter: none !important;
}
.dt-buttons .btn:hover,
.dt-button:hover:not(.disabled) {
    background-color: #ea6c0a !important;
    background-image: none !important;
    border-color: #ea6c0a !important;
    color: #ffffff !important;
}

/* ── Inline green styles (dividers on print pages) ── */
hr[style*="color:green"],
hr[style*="color: green"],
hr[style*="background-color:green"],
hr[style*="background-color: green"] {
    border-color: #F97316 !important;
    background-color: #F97316 !important;
    color: #F97316 !important;
}

/* ── Zmdi (master layout) icon colors on hover ── */
.navigation-menu > li > a:hover i,
.navigation-menu > li.active > a i {
    color: #F97316 !important;
}

/* ── Bootstrap switch / toggle ── */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background-color: #F97316 !important;
    color: #fff !important;
}

/* ── Chosen dropdown focus ── */
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
    border-color: #F97316 !important;
    box-shadow: 0 0 0 3px rgba(249,115,22,0.15) !important;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #F97316 !important;
    background-image: none !important;
}

/* ── General inline green color override ── */
[style*="color: green"],
[style*="color:green"] {
    color: #F97316 !important;
}

/* ── Sidebar active dot / indicator (main layout) ── */
#sidebar-menu > ul > li.active > a::before {
    background-color: #F97316 !important;
}

/* ── Wave effects ── */
.waves-effect .waves-ripple { background: rgba(249,115,22,0.3) !important; }

/* ── Card box accent (left border variant) ── */
.card-box.card-border-success {
    border-left-color: #F97316 !important;
}
