/* Custom Theme Override for Enjoy Your Home Branding */
/* Overrides Argon Dashboard default blue colors with warm terracotta theme */

/* Primary Color Variables - Warm & Welcoming */
:root {
    --primary-color: #B8956A;
    --primary-dark: #9A7B52;
    --primary-light: #D4BC96;
    --primary-lighter: #E8DACB;
    --secondary-cream: #F5F1E8;
    --accent-sage: #87AE8D;
    --warm-gray: #E8E4DF;
}

/* Background Primary Color */
.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Gradient Primary Colors */
.bg-gradient-primary {
    background-image: linear-gradient(310deg, var(--primary-color) 0%, var(--primary-light) 100%) !important;
}

/* Text Primary Color */
.text-primary {
    color: var(--primary-color) !important;
}

/* Border Primary Color */
.border-primary {
    border-color: var(--primary-color) !important;
}

/* Button Primary */
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

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

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

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

/* Active Navigation Link */
.navbar-vertical .navbar-nav .nav-link.active {
    background-color: var(--primary-color) !important;
}

.navbar-vertical .navbar-nav .nav-link.active .icon i {
    color: white !important;
}

/* Sidebar Icons Primary Color */
.sidenav .navbar-nav .nav-link.active {
    background-image: linear-gradient(310deg, var(--primary-color) 0%, var(--primary-light) 100%) !important;
}

/* Badge Primary */
.badge-primary {
    background-color: var(--primary-color) !important;
}

/* Alert Primary */
.alert-primary {
    background-color: var(--primary-lighter) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-dark) !important;
}

/* Link Colors */
a.text-primary:hover,
a.text-primary:focus {
    color: var(--primary-dark) !important;
}

/* Form Controls Focus */
.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 2px rgba(194, 112, 74, 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

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

/* Progress Bar */
.progress-bar {
    background-color: var(--primary-color) !important;
}

/* Dropdown Active Item */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary-color) !important;
}

/* Nav Pills Active */
.nav-pills .nav-link.active {
    background-color: var(--primary-color) !important;
}

/* Table Hover */
.table-hover tbody tr:hover {
    background-color: rgba(194, 112, 74, 0.05) !important;
}

/* Shadow Primary */
.shadow-primary {
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(194, 112, 74, 0.4) !important;
}

/* Icon Shape Primary */
.icon-shape.bg-gradient-primary {
    background-image: linear-gradient(310deg, var(--primary-color) 0%, var(--primary-light) 100%) !important;
}

/* Dashboard Header Background */
.min-height-300.bg-primary {
    background-image: linear-gradient(310deg, var(--primary-color) 0%, var(--primary-light) 100%) !important;
}

/* Navbar Main Background Primary */
.navbar-main .bg-primary {
    background-image: linear-gradient(310deg, var(--primary-color) 0%, var(--primary-light) 100%) !important;
}

/* Card Header Primary */
.card-header.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Timeline Icons */
.timeline .timeline-step {
    background-color: var(--primary-color) !important;
}

/* Switch/Toggle */
.form-switch .form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Breadcrumb Active */
.breadcrumb-item.active {
    color: var(--primary-color) !important;
}

/* Scrollbar Thumb */
::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) !important;
}

/* Selection */
::selection {
    background-color: var(--primary-color) !important;
    color: white !important;
}

::-moz-selection {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Chart Colors Override */
.chart-primary {
    color: var(--primary-color) !important;
}

/* Custom additions for better integration */
.navbar-vertical .navbar-brand {
    border-bottom: 1px solid rgba(194, 112, 74, 0.1);
}

.sidenav .navbar-nav .nav-link:hover {
    background-color: rgba(194, 112, 74, 0.05);
}

.icon.text-primary {
    color: var(--primary-color) !important;
}

/* Top Navbar on Profile/VR pages */
.navbar-main.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Fixed Plugin Button */
.fixed-plugin .fixed-plugin-button {
    background: linear-gradient(310deg, var(--primary-color) 0%, var(--primary-light) 100%) !important;
}

/* Sidebar Active Link Text */
.sidenav .navbar-nav>.nav-item .nav-link.active .nav-link-text {
    color: white !important;
}

/* Dashboard Card Icon Backgrounds */
.icon-shape.bg-gradient-primary i {
    color: white !important;
}