/* Custom Green Theme Buttons - NK Stores */
/* This file overrides Bootstrap button colors to match the green theme (#7fad39) */

/* Primary Green Color */
:root {
    --nk-green: #7fad39;
    --nk-green-dark: #6a8f2e;
    --nk-green-light: #8fc045;
    --nk-price-color: #555;
}

/* Price Color - Dark Grey (#555) */
.product-price,
.price,
.price-text {
    color: var(--nk-price-color) !important;
}

/* Override text-primary for prices - make all prices dark grey */
.card-text.text-primary,
.text-primary.price,
p.card-text.text-primary,
.card-body .card-text.text-primary,
.card-body p.card-text.text-primary {
    color: var(--nk-price-color) !important;
}

/* Price in product cards */
.product-card .card-text,
.product-card .price {
    color: var(--nk-price-color) !important;
}

/* Price in tables */
td.product-price,
.price-cell {
    color: var(--nk-price-color) !important;
}

/* Global price styling */
[class*="price"] {
    color: #555 !important;
}

/* Ensure all prices are dark grey, not blue */
.card-body p.card-text,
.product-card .card-text,
.category .card-text {
    color: #555 !important;
}

/* Override any blue/primary color for prices */
.card-text.text-primary {
    color: #555 !important;
}

/* Override Bootstrap Primary Button */
.btn-primary,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: var(--nk-green) !important;
    border-color: var(--nk-green) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    background-color: var(--nk-green-dark) !important;
    border-color: var(--nk-green-dark) !important;
    color: #ffffff !important;
}

/* Success button (already green, but ensure consistency) */
.btn-success {
    background-color: var(--nk-green) !important;
    border-color: var(--nk-green) !important;
}

.btn-success:hover {
    background-color: var(--nk-green-dark) !important;
    border-color: var(--nk-green-dark) !important;
}

/* Make all action buttons green */
.btn:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-warning) {
    background-color: var(--nk-green) !important;
    border-color: var(--nk-green) !important;
    color: #ffffff !important;
}

.btn:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-outline-secondary):not(.btn-outline-danger):not(.btn-outline-warning):hover {
    background-color: var(--nk-green-dark) !important;
    border-color: var(--nk-green-dark) !important;
    color: #ffffff !important;
}

/* Green outline buttons */
.btn-outline-primary {
    color: var(--nk-green) !important;
    border-color: var(--nk-green) !important;
}

.btn-outline-primary:hover {
    background-color: var(--nk-green) !important;
    border-color: var(--nk-green) !important;
    color: #ffffff !important;
}

/* Badge colors */
.badge.bg-primary {
    background-color: var(--nk-green) !important;
}

/* Link buttons */
.btn-link {
    color: var(--nk-green) !important;
}

.btn-link:hover {
    color: var(--nk-green-dark) !important;
}

/* Pagination active state */
.page-item.active .page-link {
    background-color: var(--nk-green) !important;
    border-color: var(--nk-green) !important;
}

.page-link:hover {
    color: var(--nk-green) !important;
}

/* Form controls focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--nk-green) !important;
    box-shadow: 0 0 0 0.25rem rgba(127, 173, 57, 0.25) !important;
}

/* Checkbox and Radio focus */
.form-check-input:checked {
    background-color: var(--nk-green) !important;
    border-color: var(--nk-green) !important;
}

.form-check-input:focus {
    border-color: var(--nk-green) !important;
    box-shadow: 0 0 0 0.25rem rgba(127, 173, 57, 0.25) !important;
}

/* Custom site buttons (already defined in style.css) */
.primary-btn,
.site-btn {
    background: var(--nk-green) !important;
}

.primary-btn:hover,
.site-btn:hover {
    background: var(--nk-green-dark) !important;
}