/**
 * Sophisticated Dark Theme for Consignment Store
 * Warm, refined grays with smooth transitions
 */

/* Light blue background for light mode */
body {
    background-color: #e3f2fd !important;
}

/* Dark mode background */
[data-bs-theme="dark"] body {
    background-color: #1a1a1a !important;
}

/* Smooth color transitions for all elements */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Dark theme color palette */
[data-bs-theme="dark"] {
    --bs-body-bg: #1a1a1a;
    --bs-body-color: #e8e8e8;
    --bs-body-color-rgb: 232, 232, 232;
    --bs-emphasis-color: #ffffff;
    --bs-border-color: #3d3d3d;
    --bs-link-color: #7cb9e8;
    --bs-link-hover-color: #9fc9f0;
    --bs-code-color: #e683b9;
    --bs-highlight-bg: #5a3d3d;
    --bs-highlight-color: #fff;
}

/* Card styles - warm dark background */
[data-bs-theme="dark"] .card {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

/* Navbar - darker than body */
[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] .navbar-dark {
    background-color: #0d0d0d !important;
    border-bottom: 1px solid #3d3d3d;
}

/* Light mode navbar - BeeHive Yellow (handled by inline styles in template) */
/* Commented out to allow yellow theme from template inline styles */
/*
[data-bs-theme="light"] .navbar,
body:not([data-bs-theme="dark"]) .navbar {
    background-color: #212529 !important;
}
*/

[data-bs-theme="dark"] .navbar-brand {
    color: #f0f0f0 !important;
}

[data-bs-theme="dark"] .nav-link {
    color: #c8c8c8 !important;
}

[data-bs-theme="dark"] .nav-link:hover,
[data-bs-theme="dark"] .nav-link.active {
    color: #ffffff !important;
}

/* Dropdown menu */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .dropdown-item {
    color: #c8c8c8;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #3d3d3d;
    color: #ffffff;
}

/* Buttons */
[data-bs-theme="dark"] .btn-primary {
    background-color: #4a6fa5;
    border-color: #4a6fa5;
}

[data-bs-theme="dark"] .btn-primary:hover {
    background-color: #5a7fb5;
    border-color: #5a7fb5;
}

[data-bs-theme="dark"] .btn-outline-light {
    border-color: #4d4d4d;
    color: #c8c8c8;
}

[data-bs-theme="dark"] .btn-outline-light:hover {
    background-color: #4d4d4d;
    color: #ffffff;
}

/* Form inputs */
[data-bs-theme="dark"] .form-control {
    background-color: #3d3d3d;
    border-color: #4d4d4d;
    color: #e8e8e8;
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: #4d4d4d;
    border-color: #7cb9e8;
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem rgba(124, 185, 232, 0.25);
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #808080;
}

[data-bs-theme="dark"] .form-select {
    background-color: #3d3d3d;
    border-color: #4d4d4d;
    color: #e8e8e8;
}

/* Tables */
[data-bs-theme="dark"] .table {
    color: #e8e8e8;
}

[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #e8e8e8;
    background-color: #262626;
}

[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * {
    color: #ffffff;
    background-color: #333333;
}

/* Footer */
[data-bs-theme="dark"] footer {
    background-color: #0d0d0d !important;
    border-top: 1px solid #3d3d3d;
}

[data-bs-theme="dark"] footer a {
    color: #7cb9e8;
}

[data-bs-theme="dark"] footer a:hover {
    color: #9fc9f0;
}

/* Alert boxes */
[data-bs-theme="dark"] .alert {
    border-color: #3d3d3d;
}

[data-bs-theme="dark"] .alert-info {
    background-color: #1a3d4d;
    border-color: #2d5a6b;
    color: #b8dce8;
}

[data-bs-theme="dark"] .alert-success {
    background-color: #1a4d2d;
    border-color: #2d6b3d;
    color: #b8e8c8;
}

[data-bs-theme="dark"] .alert-warning {
    background-color: #4d3d1a;
    border-color: #6b522d;
    color: #e8d8b8;
}

[data-bs-theme="dark"] .alert-danger {
    background-color: #4d1a1a;
    border-color: #6b2d2d;
    color: #e8b8b8;
}

/* Modal */
[data-bs-theme="dark"] .modal-content {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
}

[data-bs-theme="dark"] .modal-header {
    border-color: #3d3d3d;
}

[data-bs-theme="dark"] .modal-footer {
    border-color: #3d3d3d;
}

/* Badge */
[data-bs-theme="dark"] .badge {
    --bs-badge-bg: #4d4d4d;
    --bs-badge-color: #e8e8e8;
}

/* Pagination */
[data-bs-theme="dark"] .page-link {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
    color: #7cb9e8;
}

[data-bs-theme="dark"] .page-link:hover {
    background-color: #3d3d3d;
    border-color: #4d4d4d;
    color: #9fc9f0;
}

[data-bs-theme="dark"] .page-item.active .page-link {
    background-color: #4a6fa5;
    border-color: #4a6fa5;
}

/* Breadcrumb */
[data-bs-theme="dark"] .breadcrumb-item a {
    color: #7cb9e8;
}

[data-bs-theme="dark"] .breadcrumb-item a:hover {
    color: #9fc9f0;
}

/* List group */
[data-bs-theme="dark"] .list-group-item {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
    color: #e8e8e8;
}

[data-bs-theme="dark"] .list-group-item:hover {
    background-color: #3d3d3d;
}

/* Theme toggle button */
.theme-toggle {
    background: none;
    border: 1px solid var(--bs-border-color);
    color: inherit;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.theme-toggle:hover {
    background-color: var(--bs-tertiary-bg);
    transform: scale(1.05);
}

.theme-toggle i {
    font-size: 1.1rem;
}

/* Scrollbar styling for dark theme */
[data-bs-theme="dark"]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-bs-theme="dark"]::-webkit-scrollbar-track {
    background: #1a1a1a;
}

[data-bs-theme="dark"]::-webkit-scrollbar-thumb {
    background: #4d4d4d;
    border-radius: 5px;
}

[data-bs-theme="dark"]::-webkit-scrollbar-thumb:hover {
    background: #5d5d5d;
}

/* Product images in cards */
[data-bs-theme="dark"] .card-img-top {
    border-bottom: 1px solid #3d3d3d;
}

/* Price highlighting */
[data-bs-theme="dark"] .text-primary {
    color: #7cb9e8 !important;
}

/* Muted text in dark mode */
[data-bs-theme="dark"] .text-muted {
    color: #808080 !important;
}

/* Links in dark mode */
[data-bs-theme="dark"] a {
    color: #7cb9e8;
}

[data-bs-theme="dark"] a:hover {
    color: #9fc9f0;
}

/* Secondary buttons */
[data-bs-theme="dark"] .btn-secondary {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    color: #e8e8e8;
}

[data-bs-theme="dark"] .btn-secondary:hover {
    background-color: #5d5d5d;
    border-color: #5d5d5d;
    color: #ffffff;
}

/* Border utilities */
[data-bs-theme="dark"] .border {
    border-color: #3d3d3d !important;
}

/* Horizontal rule */
[data-bs-theme="dark"] hr {
    border-color: #3d3d3d;
}

/* Offcanvas */
[data-bs-theme="dark"] .offcanvas {
    background-color: #2d2d2d;
}

[data-bs-theme="dark"] .offcanvas-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Accordion */
[data-bs-theme="dark"] .accordion-item {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
}

[data-bs-theme="dark"] .accordion-button {
    background-color: #2d2d2d;
    color: #e8e8e8;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: #3d3d3d;
    color: #ffffff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

[data-bs-theme="dark"] .accordion-button::after {
    filter: invert(1);
}

/* Toast notifications */
[data-bs-theme="dark"] .toast {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
}

[data-bs-theme="dark"] .toast-header {
    background-color: #3d3d3d;
    border-color: #4d4d4d;
    color: #e8e8e8;
}