/*
 * Color Overrides - Change all colors to gray theme
 * This file overrides Bootstrap's default color scheme
 */

/* Override Bootstrap CSS Variables */
:root {
    --bs-success: #25D366 !important;
    --bs-success-rgb: 37, 211, 102 !important;
    --bs-btn-bg: #25D366 !important;
    --bs-btn-border-color: #25D366 !important;
}

/* Button Success Styles - WhatsApp Green */
.btn-success,
button.btn-success,
a.btn-success,
input.btn-success {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
button.btn-success:hover,
a.btn-success:hover {
    background-color: #128C7E !important;
    border-color: #128C7E !important;
    color: #ffffff !important;
}

.btn-success:disabled,
.btn-success.disabled {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    opacity: 0.65;
}

/* Background Success */
.bg-success {
    background-color: #25D366 !important;
}

/* Text Success */
.text-success {
    color: #25D366 !important;
}

/* Border Success */
.border-success {
    border-color: #25D366 !important;
}

/* Alert Success */
.alert-success {
    background-color: #d1fae5 !important;
    border-color: #25D366 !important;
    color: #065f46 !important;
}

/* Badge Success */
.badge-success,
.badge.bg-success {
    background-color: #25D366 !important;
}

/* Table Success */
.table-success,
.table-success > th,
.table-success > td {
    background-color: #d1fae5 !important;
}

/* List Group Success */
.list-group-item-success {
    background-color: #d1fae5 !important;
    color: #065f46 !important;
}

/* Progress Bar Success */
.progress-bar-success,
.progress-bar.bg-success {
    background-color: #25D366 !important;
}

/* Custom color classes */
.color-green {
    color: #25D366 !important;
}

.list-color li a.color-green {
    background-color: #25D366 !important;
}

/* Footer Dark Theme */
.footer .color-gray-1000 {
    color: #000000 !important;
}

.footer .color-gray-900 {
    color: #000000 !important;
}

.footer .font-md-bold {
    color: #000000 !important;
}

.footer h4 {
    color: #000000 !important;
}

.footer .menu-footer li a {
    color: #000000 !important;
}

/* Button Color Override - Dark Gray */
.btn-primary {
    background-color: #52525b !important;
    border-color: #52525b !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #3f3f46 !important;
    border-color: #3f3f46 !important;
}

.btn-outline-primary {
    color: #52525b !important;
    border-color: #52525b !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #52525b !important;
    border-color: #52525b !important;
    color: white !important;
}

/* Product Details - Make text darker */
.text-muted {
    color: #000000 !important;
}

/* Make all gray colors black */
.color-gray-500,
.color-gray-700,
.color-gray-900,
.color-gray-1000 {
    color: #000000 !important;
}

/* Make brand colors black */
.color-brand-3 {
    color: #000000 !important;
}

/* Make product descriptions and content darker */
.product-description,
.product-content,
.tab-pane p,
.tab-pane li,
.tab-pane span {
    color: #000000 !important;
}

/* Icon colors to gray */
.text-primary {
    color: #71717a !important;
}

.color-brand-3 {
    color: #71717a !important;
}

/* Footer Padding Reduction */
.footer-1 {
    padding: 20px 0px 20px 0px !important;
    margin-bottom: 0px !important;
}