/*
 * MyVillage Project - Official Brand CSS
 * 
 * This stylesheet implements the brand color palette:
 * - #E4DCCB – MVP Beige (backgrounds, base color)
 * - #FFFFFF – White (for card backgrounds, form elements)
 * - #043922 – MVP Dark Green (headers, buttons, tables)
 * - #302017 – MVP Brown (accents, borders)
 * - #B07C00 - MVP Gold (for highlights, titles)
 */

/* Global body style */
body {
  background-color: #E4DCCB !important;
  color: #043922 !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Navigation styling */
.navbar {
  background-color: #043922 !important;
  border-bottom: 1px solid #302017 !important;
}

.navbar-brand, .nav-link {
  color: #FFFFFF !important;
}

.navbar-brand span, .navbar .gold-text {
  color: #B07C00 !important;
}

.navbar .nav-link:hover {
  color: #B07C00 !important;
}

.navbar .active {
  font-weight: bold;
}

/* Card styling */
.card {
  background-color: #FFFFFF !important;
  border: 1px solid #302017 !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card-header {
  background-color: #043922 !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #302017 !important;
}

.card-header h3 {
  color: #B07C00 !important;
}

.card-title {
  color: #043922 !important;
}

.card-body {
  color: #043922 !important;
}

/* Table styling */
table {
  background-color: #FFFFFF !important;
  color: #043922 !important;
}

th {
  background-color: #043922 !important;
  color: #FFFFFF !important;
  border-color: #302017 !important;
}

td {
  border-color: rgba(48, 32, 23, 0.2) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(228, 220, 203, 0.3) !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(228, 220, 203, 0.5) !important;
}

/* Analysis tables (special case) */
.analysis-meta-table,
.confidence-table,
.comparison-table,
.select-analyses-table,
.frame-analysis-table {
  background-color: #043922 !important;
  border-color: #302017 !important;
}

.analysis-meta-table th,
.confidence-table th,
.comparison-table th, 
.select-analyses-table th,
.frame-analysis-table th {
  background-color: #043922 !important;
  color: #B07C00 !important;
  border-color: #302017 !important;
}

.analysis-meta-table td,
.confidence-table td,
.comparison-table td,
.select-analyses-table td,
.frame-analysis-table td {
  background-color: #043922 !important;
  color: #FFFFFF !important;
  border-color: rgba(228, 220, 203, 0.3) !important;
}

/* Button styling */
.btn-primary, .btn-success {
  background-color: #043922 !important;
  border-color: #302017 !important;
  color: #FFFFFF !important;
}

.btn-primary:hover, .btn-success:hover {
  background-color: #032617 !important;
  border-color: #302017 !important;
  color: #B07C00 !important;
}

.btn-secondary {
  background-color: #E4DCCB !important;
  border-color: #302017 !important;
  color: #043922 !important;
}

.btn-secondary:hover {
  background-color: #d6cab1 !important;
  border-color: #302017 !important;
  color: #043922 !important;
}

/* Badge styling for confidence indicators */
.badge-confident {
  background-color: #28a745 !important; /* Semantic green for confident */
  color: white !important;
}

.badge-kinda-confident {
  background-color: #F5C23D !important; /* Modified gold/yellow for kinda confident - matches theme better */
  color: #302017 !important;
}

.badge-not-confident {
  background-color: #dc3545 !important; /* Semantic red for not confident */
  color: white !important;
}

/* Form control styling */
.form-control {
  background-color: #FFFFFF !important;
  border-color: #302017 !important;
  color: #043922 !important;
}

.form-control:focus {
  border-color: #043922 !important;
  box-shadow: 0 0 0 0.25rem rgba(4, 57, 34, 0.25) !important;
}

.input-group-text {
  background-color: #043922 !important;
  color: #FFFFFF !important;
  border-color: #302017 !important;
}

/* Text color utilities */
.text-mvp-dark {
  color: #043922 !important;
}

.text-mvp-gold {
  color: #B07C00 !important;
}

.text-mvp-brown {
  color: #302017 !important;
}

/* Progress bars for confidence */
.progress {
  background-color: #E4DCCB !important;
}

.progress-bar.bg-success,
.progress-bar.confidence-green {
  background-color: #28a745 !important; /* Semantic green */
}

.progress-bar.bg-warning,
.progress-bar.confidence-gold {
  background-color: #F5C23D !important; /* Modified gold/yellow that matches our theme better */
}

.progress-bar.bg-danger,
.progress-bar.confidence-red {
  background-color: #dc3545 !important; /* Semantic red */
}

/* Footer styling */
footer {
  background-color: #043922 !important;
  color: #FFFFFF !important;
  border-top: 1px solid #302017 !important;
}

footer a {
  color: #B07C00 !important;
}

footer a:hover {
  color: #FFFFFF !important;
}

/* Alert styling */
.alert-success {
  background-color: rgba(40, 167, 69, 0.2) !important;
  border-color: #28a745 !important;
  color: #043922 !important;
}

.alert-warning {
  background-color: rgba(245, 194, 61, 0.2) !important;
  border-color: #F5C23D !important;
  color: #302017 !important;
}

.alert-danger {
  background-color: rgba(220, 53, 69, 0.2) !important;
  border-color: #dc3545 !important;
  color: #043922 !important;
}

/* Dropdown styling */
.dropdown-menu {
  background-color: #FFFFFF !important;
  border-color: #302017 !important;
}

.dropdown-item {
  color: #043922 !important;
}

.dropdown-item:hover {
  background-color: #E4DCCB !important;
  color: #043922 !important;
}

/* Nav tabs */
.nav-tabs {
  border-bottom-color: #043922 !important;
}

.nav-tabs .nav-link {
  color: #043922 !important;
}

.nav-tabs .nav-link:hover {
  border-color: rgba(4, 57, 34, 0.2) !important;
  color: #B07C00 !important;
}

.nav-tabs .nav-link.active {
  color: #043922 !important;
  background-color: #FFFFFF !important;
  border-color: #043922 !important;
  border-bottom-color: #FFFFFF !important;
}

/* Override any blue colors that might still exist */
.text-primary, 
.bg-primary, 
.btn-info, 
.badge-info {
  color: #043922 !important;
  background-color: #043922 !important;
  border-color: #043922 !important;
}

/* Alert info styling - using beige background with brown text and gold border */
.alert-info {
  background-color: #E4DCCB !important;
  color: #302017 !important;
  border-color: #B07C00 !important;
}

.btn-outline-primary {
  color: #043922 !important;
  border-color: #043922 !important;
}

.btn-outline-primary:hover {
  background-color: #043922 !important;
  color: #FFFFFF !important;
}

/* Add to every template to ensure consistency */