/* ARKANSAS OUTDOORSMAN THEME - Rugged Working Man Aesthetic */
/* Created for the flannel-wearing, Carhartt-rocking, cowboy hat legend */

:root {
    /* Deep Blue Tech/Innovation Colors */
    --arkansas-deep-blue: #1a4d7a;
    --arkansas-tech-blue: #123758;
    --arkansas-blue-light: #2d6ba3;
    --arkansas-blue-accent: #4a90d9;
    
    /* Rich Brown Outdoor/Earthy Colors */
    --arkansas-deep-earth: #2d1f15;
    --arkansas-rich-brown: #5d4037;
    --arkansas-leather: #6d4c41;
    --arkansas-tan: #8B7355;
    --arkansas-saddle: #A0826D;
    
    /* Golden Yellow Sunset Warmth */
    --arkansas-golden: #ffa726;
    --arkansas-gold-light: #ffb74d;
    --arkansas-gold-dark: #f57c00;
    
    /* Forest & Nature */
    --arkansas-pine: #2d4a2b;
    --arkansas-forest: #3c5a3a;
    --arkansas-moss: #556B2F;
    --arkansas-sage: #6B8E23;
    
    /* Text Colors */
    --arkansas-text-light: #E8DCC8;
    --arkansas-text-cream: #D4C5B0;
    --arkansas-text-tan: #C8B89F;
    
    /* Background Layers */
    --arkansas-bg-primary: #1a1410;
    --arkansas-bg-secondary: #241b14;
    --arkansas-bg-card: #2d2318;
    --arkansas-bg-elevated: #3a2e22;
    
    /* ⚠️ OVERRIDE BOOTSTRAP DEFAULTS - Blue + Brown + Yellow Harmony */
    --bs-primary: #1a4d7a !important;
    --bs-primary-rgb: 26, 77, 122 !important;
    --bs-secondary: #5d4037 !important;
    --bs-secondary-rgb: 93, 64, 55 !important;
    --bs-success: #6B8E23 !important;
    --bs-info: #ffa726 !important;
    --bs-warning: #ffa726 !important;
    --bs-danger: #f57c00 !important;
    --bs-link-color: #ffa726 !important;
    --bs-link-hover-color: #ffb74d !important;
}

/* Global Background - Deep Earth Tone */
body {
    background-color: var(--arkansas-deep-earth) !important;
    background-image: 
        linear-gradient(135deg, rgba(45, 31, 21, 0.9) 0%, rgba(29, 20, 16, 0.95) 100%),
        repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(92, 64, 51, 0.03) 10px, rgba(92, 64, 51, 0.03) 20px);
    color: var(--arkansas-text-light) !important;
}

/* Navbar - Deep Blue with Golden Accents */
.navbar {
    background: linear-gradient(180deg, var(--arkansas-deep-blue) 0%, var(--arkansas-tech-blue) 100%) !important;
    border-bottom: 3px solid var(--arkansas-golden);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.navbar-brand {
    color: var(--arkansas-text-cream) !important;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.navbar-brand:hover {
    color: var(--arkansas-golden) !important;
}

.nav-link {
    color: var(--arkansas-text-tan) !important;
    font-weight: 500;
}

.nav-link:hover {
    color: var(--arkansas-golden) !important;
}

/* Cards - Rich Brown with Blue & Gold Accents */
.card {
    background: linear-gradient(145deg, var(--arkansas-bg-card) 0%, var(--arkansas-deep-earth) 100%) !important;
    border: 1px solid var(--arkansas-rich-brown) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(93, 64, 55, 0.1);
    color: var(--arkansas-text-light) !important;
}

.card:hover {
    border-color: var(--arkansas-golden) !important;
    box-shadow: 0 6px 16px rgba(255, 167, 38, 0.3), inset 0 1px 0 rgba(93, 64, 55, 0.15);
}

.card-header {
    background: linear-gradient(180deg, var(--arkansas-deep-blue) 0%, var(--arkansas-tech-blue) 100%) !important;
    border-bottom: 2px solid var(--arkansas-golden) !important;
    color: var(--arkansas-text-cream) !important;
    font-weight: 600;
}

.card-body {
    background-color: var(--arkansas-bg-card) !important;
}

.card-footer {
    background-color: var(--arkansas-rich-soil) !important;
    border-top: 1px solid var(--arkansas-leather) !important;
}

/* Buttons - Deep Blue with Golden Highlights */
.btn-primary {
    background: linear-gradient(135deg, var(--arkansas-deep-blue) 0%, var(--arkansas-blue-light) 100%) !important;
    border: 2px solid var(--arkansas-golden) !important;
    color: #ffffff !important;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--arkansas-sage) 0%, #7FA94E 100%) !important;
    border-color: var(--arkansas-sage) !important;
    box-shadow: 0 4px 12px rgba(107, 142, 35, 0.5);
}

.btn-success {
    background: linear-gradient(135deg, var(--arkansas-forest) 0%, var(--arkansas-pine) 100%) !important;
    border: 2px solid var(--arkansas-moss) !important;
    color: var(--arkansas-text-cream) !important;
    font-weight: 600;
}

.btn-success:hover {
    background: linear-gradient(135deg, var(--arkansas-sage) 0%, var(--arkansas-forest) 100%) !important;
    box-shadow: 0 4px 12px rgba(107, 142, 35, 0.4);
}

.btn-outline-primary {
    border: 2px solid var(--arkansas-forest) !important;
    color: var(--arkansas-sage) !important;
    background: transparent !important;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, var(--arkansas-forest) 0%, var(--arkansas-sage) 100%) !important;
    border-color: var(--arkansas-sage) !important;
    color: var(--arkansas-text-cream) !important;
}

.btn-outline-success {
    border: 2px solid var(--arkansas-forest) !important;
    color: var(--arkansas-sage) !important;
    background: transparent !important;
}

.btn-outline-success:hover {
    background: var(--arkansas-forest) !important;
    color: var(--arkansas-text-light) !important;
}

/* Alerts - Carved Wood Look */
.alert {
    border: 2px solid var(--arkansas-leather) !important;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.alert-info {
    background: linear-gradient(135deg, var(--arkansas-denim) 0%, var(--arkansas-steel) 100%) !important;
    border-color: var(--arkansas-steel) !important;
    color: var(--arkansas-text-cream) !important;
}

.alert-success {
    background: linear-gradient(135deg, var(--arkansas-forest) 0%, var(--arkansas-pine) 100%) !important;
    border-color: var(--arkansas-sage) !important;
    color: var(--arkansas-text-cream) !important;
}

.alert-warning {
    background: linear-gradient(135deg, var(--arkansas-rust) 0%, var(--arkansas-copper) 100%) !important;
    border-color: var(--arkansas-copper) !important;
    color: var(--arkansas-deep-earth) !important;
    font-weight: 600;
}

.alert-danger {
    background: linear-gradient(135deg, #8B4513 0%, #654321 100%) !important;
    border-color: #A0522D !important;
    color: var(--arkansas-text-cream) !important;
}

/* Forms - Worn Metal & Leather */
.form-control,
.form-select {
    background-color: var(--arkansas-bg-elevated) !important;
    border: 2px solid var(--arkansas-leather) !important;
    color: var(--arkansas-text-light) !important;
}

.form-control:focus,
.form-select:focus {
    background-color: var(--arkansas-bg-elevated) !important;
    border-color: var(--arkansas-copper) !important;
    color: var(--arkansas-text-cream) !important;
    box-shadow: 0 0 0 0.25rem rgba(205, 133, 63, 0.25);
}

.form-control::placeholder {
    color: var(--arkansas-tan) !important;
}

.form-label {
    color: var(--arkansas-text-cream) !important;
    font-weight: 600;
}

/* Tables - Woodgrain Style */
.table {
    color: var(--arkansas-text-light) !important;
    border-color: var(--arkansas-leather) !important;
}

.table thead {
    background: linear-gradient(180deg, var(--arkansas-leather) 0%, var(--arkansas-rich-soil) 100%) !important;
    color: var(--arkansas-text-cream) !important;
    border-bottom: 3px solid var(--arkansas-copper);
}

.table tbody tr {
    background-color: var(--arkansas-bg-card) !important;
    border-bottom: 1px solid var(--arkansas-leather) !important;
}

.table tbody tr:hover {
    background-color: var(--arkansas-bg-elevated) !important;
}

/* Badges - Leather Tags */
.badge {
    font-weight: 600;
    padding: 0.5em 0.85em;
    border-radius: 4px;
}

.badge.bg-primary {
    background: linear-gradient(135deg, var(--arkansas-forest) 0%, var(--arkansas-sage) 100%) !important;
    color: var(--arkansas-text-cream);
}

.badge.bg-success {
    background: var(--arkansas-forest) !important;
    color: var(--arkansas-text-cream);
}

.badge.bg-warning {
    background: var(--arkansas-rust) !important;
    color: var(--arkansas-deep-earth);
    font-weight: 700;
}

/* Modals - Rustic Cabin Look */
.modal-content {
    background: linear-gradient(145deg, var(--arkansas-bg-card) 0%, var(--arkansas-rich-soil) 100%) !important;
    border: 3px solid var(--arkansas-copper) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

.modal-header {
    background: linear-gradient(180deg, var(--arkansas-carhartt) 0%, var(--arkansas-leather) 100%) !important;
    border-bottom: 3px solid var(--arkansas-copper) !important;
    color: var(--arkansas-text-cream) !important;
}

.modal-body {
    background-color: var(--arkansas-bg-card) !important;
    color: var(--arkansas-text-light) !important;
}

.modal-footer {
    background-color: var(--arkansas-rich-soil) !important;
    border-top: 2px solid var(--arkansas-leather) !important;
}

/* Text Colors */
.text-muted {
    color: var(--arkansas-tan) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--arkansas-text-cream) !important;
    font-weight: 700;
}

/* Links */
a {
    color: var(--arkansas-rust) !important;
}

a:hover {
    color: var(--arkansas-copper) !important;
}

/* Code Blocks - Carved Initials Style */
pre, code {
    background-color: var(--arkansas-gunmetal) !important;
    color: var(--arkansas-sage) !important;
    border: 1px solid var(--arkansas-steel) !important;
}

/* Progress Bars */
.progress {
    background-color: var(--arkansas-rich-soil) !important;
    border: 1px solid var(--arkansas-leather);
}

.progress-bar {
    background: linear-gradient(90deg, var(--arkansas-forest) 0%, var(--arkansas-sage) 100%) !important;
}

/* Borders */
.border-primary {
    border-color: var(--arkansas-forest) !important;
}

.border-success {
    border-color: var(--arkansas-forest) !important;
}

/* Background Utilities */
.bg-dark {
    background-color: var(--arkansas-bg-primary) !important;
}

.bg-light {
    background-color: var(--arkansas-bg-elevated) !important;
    color: var(--arkansas-text-light) !important;
}

/* Custom Arkansas Elements */
.arkansas-divider {
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, var(--arkansas-copper) 50%, transparent 100%);
    margin: 2rem 0;
}

.arkansas-leather-texture {
    background-image: 
        repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(139, 115, 85, 0.05) 2px, rgba(139, 115, 85, 0.05) 4px);
}

/* Dropdown Menus */
.dropdown-menu {
    background-color: var(--arkansas-bg-card) !important;
    border: 2px solid var(--arkansas-leather) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.dropdown-item {
    color: var(--arkansas-text-light) !important;
}

.dropdown-item:hover {
    background-color: var(--arkansas-leather) !important;
    color: var(--arkansas-rust) !important;
}

/* No White Backgrounds Anywhere! */
.bg-white {
    background-color: var(--arkansas-bg-card) !important;
    color: var(--arkansas-text-light) !important;
}

/* Working Man's Typography */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    letter-spacing: 0.01em;
}

/* Tooltip - Leather Tag Style */
.tooltip-inner {
    background-color: var(--arkansas-leather) !important;
    color: var(--arkansas-text-cream) !important;
    border: 1px solid var(--arkansas-copper);
    font-weight: 600;
}

/* ========================================= */
/* FORCE ALL DARK BACKGROUNDS TO DARK BROWN */
/* No Purple, No Gray - Only Earth Tones */
/* ========================================= */

/* Override any dark/purple backgrounds from other themes */
.container,
.container-fluid,
.row,
.col,
[class*="col-"] {
    background-color: transparent !important;
}

/* Main content areas */
main,
section,
article,
aside {
    background-color: transparent !important;
}

/* Override Bootstrap dark utilities */
.bg-dark,
.bg-black,
.bg-secondary,
.text-bg-dark,
.text-bg-secondary {
    background-color: var(--arkansas-bg-primary) !important;
    color: var(--arkansas-text-light) !important;
}

/* Override any remaining dark backgrounds */
.page-content,
.content-wrapper,
.main-content,
.dashboard-content {
    background-color: var(--arkansas-bg-secondary) !important;
}

/* List groups */
.list-group {
    background-color: transparent !important;
}

.list-group-item {
    background-color: var(--arkansas-bg-card) !important;
    border-color: var(--arkansas-leather) !important;
    color: var(--arkansas-text-light) !important;
}

.list-group-item:hover {
    background-color: var(--arkansas-bg-elevated) !important;
}

/* Panels and wells */
.panel,
.well,
.jumbotron {
    background-color: var(--arkansas-bg-card) !important;
    border-color: var(--arkansas-leather) !important;
    color: var(--arkansas-text-light) !important;
}

/* Navigation elements */
.nav-tabs,
.nav-pills {
    background-color: transparent !important;
}

.nav-tabs .nav-link,
.nav-pills .nav-link {
    background-color: var(--arkansas-bg-elevated) !important;
    color: var(--arkansas-text-light) !important;
    border-color: var(--arkansas-leather) !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: var(--arkansas-leather) !important;
    border-color: var(--arkansas-copper) !important;
    color: var(--arkansas-text-cream) !important;
}

/* Accordion */
.accordion {
    background-color: transparent !important;
}

.accordion-item {
    background-color: var(--arkansas-bg-card) !important;
    border-color: var(--arkansas-leather) !important;
}

.accordion-button {
    background-color: var(--arkansas-bg-elevated) !important;
    color: var(--arkansas-text-light) !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--arkansas-leather) !important;
    color: var(--arkansas-text-cream) !important;
}

.accordion-body {
    background-color: var(--arkansas-bg-card) !important;
    color: var(--arkansas-text-light) !important;
}

/* Offcanvas */
.offcanvas {
    background-color: var(--arkansas-bg-card) !important;
    color: var(--arkansas-text-light) !important;
}

.offcanvas-header {
    background-color: var(--arkansas-leather) !important;
    border-bottom: 2px solid var(--arkansas-copper) !important;
}

/* Breadcrumb */
.breadcrumb {
    background-color: var(--arkansas-bg-elevated) !important;
}

.breadcrumb-item {
    color: var(--arkansas-text-tan) !important;
}

.breadcrumb-item.active {
    color: var(--arkansas-text-cream) !important;
}

/* Pagination */
.pagination {
    background-color: transparent !important;
}

.page-link {
    background-color: var(--arkansas-bg-elevated) !important;
    border-color: var(--arkansas-leather) !important;
    color: var(--arkansas-text-light) !important;
}

.page-link:hover {
    background-color: var(--arkansas-leather) !important;
    color: var(--arkansas-text-cream) !important;
}

.page-item.active .page-link {
    background-color: var(--arkansas-forest) !important;
    border-color: var(--arkansas-sage) !important;
}

/* Toast notifications */
.toast {
    background-color: var(--arkansas-bg-card) !important;
    border: 2px solid var(--arkansas-leather) !important;
    color: var(--arkansas-text-light) !important;
}

.toast-header {
    background-color: var(--arkansas-leather) !important;
    border-bottom: 1px solid var(--arkansas-copper) !important;
    color: var(--arkansas-text-cream) !important;
}

/* Popovers */
.popover {
    background-color: var(--arkansas-bg-card) !important;
    border: 2px solid var(--arkansas-leather) !important;
}

.popover-header {
    background-color: var(--arkansas-leather) !important;
    color: var(--arkansas-text-cream) !important;
}

.popover-body {
    background-color: var(--arkansas-bg-card) !important;
    color: var(--arkansas-text-light) !important;
}