/* All Breeds Cattlemen's Association - Custom Color Scheme */
/* Warm, earthy color palette for cattle ranch aesthetic */

:root {
    /* Primary Colors */
    --teal-dark: #3d4e4f;
    --golden-amber: #c49a3f;
    --brown-rust: #8b5a3c;
    --cream-tan: #f5f0e8;
    
    /* Extended Palette */
    --teal-hover: #2d3e3f;
    --amber-hover: #b48a2f;
    --rust-hover: #7b4a2c;
}

/* Override Bootstrap Primary Colors */
.btn-primary,
.btn.btn-primary {
    background-color: var(--golden-amber) !important;
    border-color: var(--golden-amber) !important;
    color: white !important;
}

.btn-primary:hover,
.btn.btn-primary:hover {
    background-color: var(--amber-hover) !important;
    border-color: var(--amber-hover) !important;
}

.btn-outline-primary {
    color: var(--golden-amber) !important;
    border-color: var(--golden-amber) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    background-color: var(--golden-amber) !important;
    border-color: var(--golden-amber) !important;
    color: white !important;
}

.btn-outline-primary.active,
.btn-check:checked + .btn-outline-primary {
    background-color: var(--golden-amber) !important;
    border-color: var(--golden-amber) !important;
    color: white !important;
}

/* Teal Outline Buttons */
.btn-outline-teal {
    color: var(--teal-dark) !important;
    border-color: var(--teal-dark) !important;
    background-color: transparent !important;
}

.btn-outline-teal:hover {
    background-color: var(--teal-dark) !important;
    border-color: var(--teal-dark) !important;
    color: var(--cream-tan) !important;
}

/* Success Buttons - Use Amber */
.btn-success,
.btn.btn-success {
    background-color: var(--golden-amber) !important;
    border-color: var(--golden-amber) !important;
    color: white !important;
}

.btn-success:hover,
.btn.btn-success:hover {
    background-color: var(--amber-hover) !important;
    border-color: var(--amber-hover) !important;
}

/* Info Buttons - Use Teal */
.btn-info,
.btn.btn-info {
    background-color: var(--teal-dark) !important;
    border-color: var(--teal-dark) !important;
    color: var(--cream-tan) !important;
}

.btn-info:hover,
.btn.btn-info:hover {
    background-color: var(--teal-hover) !important;
    border-color: var(--teal-hover) !important;
}

/* Alert Styles */
.alert-info {
    background-color: rgba(197, 154, 63, 0.1) !important;
    border-color: var(--golden-amber) !important;
    color: var(--brown-rust) !important;
}

.alert-success {
    background-color: rgba(197, 154, 63, 0.15) !important;
    border-color: var(--golden-amber) !important;
    color: var(--brown-rust) !important;
}

.alert-primary {
    background-color: rgba(61, 78, 79, 0.1) !important;
    border-color: var(--teal-dark) !important;
    color: var(--teal-dark) !important;
}

/* Background Colors */
.bg-primary {
    background-color: var(--golden-amber) !important;
}

.bg-info {
    background-color: var(--teal-dark) !important;
}

.bg-success {
    background-color: var(--golden-amber) !important;
}

/* Text Colors */
.text-primary {
    color: var(--golden-amber) !important;
}

.text-info {
    color: var(--teal-dark) !important;
}

/* Badge Overrides */
.badge.bg-primary {
    background-color: var(--golden-amber) !important;
}

.badge.bg-info {
    background-color: var(--teal-dark) !important;
}

.badge.bg-success {
    background-color: var(--golden-amber) !important;
}

/* Form Controls Focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--golden-amber) !important;
    box-shadow: 0 0 0 0.2rem rgba(197, 154, 63, 0.25) !important;
}

/* Links */
a.text-primary,
a.link-primary {
    color: var(--golden-amber) !important;
}

a.text-primary:hover,
a.link-primary:hover {
    color: var(--amber-hover) !important;
}

/* Custom Card Headers */
.card-header.bg-primary {
    background-color: var(--golden-amber) !important;
    color: white !important;
}

.card-header.bg-info {
    background-color: var(--teal-dark) !important;
    color: var(--cream-tan) !important;
}

/* Pagination */
.pagination .page-link {
    color: var(--golden-amber) !important;
}

.pagination .page-item.active .page-link {
    background-color: var(--golden-amber) !important;
    border-color: var(--golden-amber) !important;
}

.pagination .page-link:hover {
    color: var(--amber-hover) !important;
    background-color: rgba(197, 154, 63, 0.1) !important;
}

/* Progress Bars */
.progress-bar.bg-primary {
    background-color: var(--golden-amber) !important;
}

.progress-bar.bg-info {
    background-color: var(--teal-dark) !important;
}

.progress-bar.bg-success {
    background-color: var(--golden-amber) !important;
}

/* Dropdown Hover */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(197, 154, 63, 0.1) !important;
    color: var(--brown-rust) !important;
}

/* List Group Active Items */
.list-group-item.active {
    background-color: var(--golden-amber) !important;
    border-color: var(--golden-amber) !important;
}

/* Custom Utilities */
.bg-amber {
    background-color: var(--golden-amber) !important;
}

.bg-teal {
    background-color: var(--teal-dark) !important;
}

.bg-rust {
    background-color: var(--brown-rust) !important;
}

.text-amber {
    color: var(--golden-amber) !important;
}

.text-teal {
    color: var(--teal-dark) !important;
}

.text-rust {
    color: var(--brown-rust) !important;
}

.border-amber {
    border-color: var(--golden-amber) !important;
}

.border-teal {
    border-color: var(--teal-dark) !important;
}

/* Button Groups */
.btn-group > .btn-outline-primary:checked {
    background-color: var(--golden-amber) !important;
    border-color: var(--golden-amber) !important;
}