/* ==========================================================================
   Wudflex — sitewide green theme overlay
   Loaded after Bootstrap + style.css, so it can safely override defaults.
   NOTE: destructive actions (Cancel / Remove / Delete) are intentionally
   left red/grey elsewhere in the markup — this file only recolors
   decorative/brand and primary-action elements, never .btn-danger globally,
   so “Cancel order”, “Remove item” etc. keep their warning colour.
   ========================================================================== */

:root {
    --wf-green: #42B83D;
    --wf-green-dark: #2d8a29;
    --wf-green-light: #7ECC2B;
}

a { color: var(--wf-green-dark); }
a:hover { color: var(--wf-green); }

.btn-primary {
    background: linear-gradient(135deg, var(--wf-green-dark), var(--wf-green)) !important;
    border-color: var(--wf-green-dark) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus {
    background: linear-gradient(135deg, var(--wf-green), var(--wf-green-light)) !important;
    border-color: var(--wf-green) !important;
}
.btn-outline-primary {
    color: var(--wf-green-dark) !important;
    border-color: var(--wf-green-dark) !important;
}
.btn-outline-primary:hover {
    background: var(--wf-green-dark) !important;
    color: #fff !important;
}

.text-primary { color: var(--wf-green-dark) !important; }
.bg-primary { background-color: var(--wf-green-dark) !important; }
.badge.bg-primary { background-color: var(--wf-green-dark) !important; }

/* Neutral table headers used across the whole site (order lists, cart, checkout) */
.table > thead.table-dark > tr > th,
table thead.table-dark th {
    background: linear-gradient(90deg, var(--wf-green-dark), var(--wf-green)) !important;
    color: #fff !important;
    border-color: var(--wf-green-dark) !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--wf-green) !important;
    box-shadow: 0 0 0 0.25rem rgba(66, 184, 61, 0.22) !important;
}
.form-check-input:checked {
    background-color: var(--wf-green-dark) !important;
    border-color: var(--wf-green-dark) !important;
}

.page-item.active .page-link {
    background-color: var(--wf-green-dark) !important;
    border-color: var(--wf-green-dark) !important;
}
.page-link { color: var(--wf-green-dark) !important; }

.spinner-border.text-primary,
.spinner-border { border-right-color: var(--wf-green-dark, transparent); }

/* Modal accent titles that used the old red brand color */
.modal-title.text-danger { color: var(--wf-green-dark) !important; }

/* nav-pills / tabs active state */
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    background-color: var(--wf-green-dark) !important;
    border-color: var(--wf-green-dark) !important;
    color: #fff !important;
}