/* THEMES */


/* COMPACT THEME */
.themeCompact .lister-content {
    font-size: 0.8em;
    padding-left: 3px;
    padding-top: 5px;
}


.themeCompact .sidebar-header {
    font-size: 0.9em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.themeCompact .sidebar-content h4 {
    font-size: 0.9rem;
}

.themeCompact .lister-header {
    font-size: 0.9em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.themeCompact .lister-item {
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.themeCompact .poi-address {
    margin-bottom: 2px;
}
.themeCompact .poi-dname {
    font-size: 0.9em;
}

#yellow-lister .themeCompact .lister-item {
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}



.themeCompact .cornerbut .poi-pcat {
    padding-right: 18px;
    margin-top: 5px;
}



.themeCompact .search-box-wrapper {
    padding: 4px;
    padding-left: 8px;
}
.themeCompact .form-control {
    padding: 1px;
    padding-left: 4px;
}

.themeCompact .nav-tabs {
}
.themeCompact .nav-link {
    padding: 3px 6px;
}



/* DARK THEME */

/* Base dark theme colors */
.themeDark {
    --dark-bg-primary: #1a1a2e;
    --dark-bg-secondary: #16213e;
    --dark-bg-tertiary: #0f3460;
    --dark-bg-hover: #1f4068;
    --dark-bg-active: #1a3a5c;
    --dark-border: #2a4a6a;
    --dark-text-primary: #e8e8e8;
    --dark-text-secondary: #a0a0a0;
    --dark-text-muted: #707070;
    --dark-accent: #4da8da;
    --dark-accent-hover: #5cb8ea;
    --dark-scrollbar-track: #1a1a2e;
    --dark-scrollbar-thumb: #3a5a7a;
    --dark-scrollbar-thumb-hover: #4a6a8a;
}

/* Sidebar */
.themeDark .sidebar {
    background-color: var(--dark-bg-secondary);
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.4);
}

.themeDark .sidebar-header {
    background-color: var(--dark-bg-primary);
    border-bottom: 1px solid var(--dark-border);
}

.themeDark .sidebar-content h4 {
    color: var(--dark-text-primary);
}

.themeDark .sidebar-menu-btn {
    color: var(--dark-text-secondary);
}

.themeDark .sidebar-menu-btn:hover {
    color: var(--dark-accent);
}

/* Tabs */
.themeDark .nav-tabs {
    background-color: var(--dark-bg-secondary);
    border-bottom: 1px solid var(--dark-border);
}

.themeDark .nav-tabs .nav-link {
    color: var(--dark-text-secondary);
    background-color: var(--dark-bg-primary);
    border-color: var(--dark-border);
}

.themeDark .nav-tabs .nav-link:hover {
    color: var(--dark-accent);
    background-color: var(--dark-bg-hover);
    border-color: var(--dark-border);
}

.themeDark .nav-tabs .nav-link.active {
    color: var(--dark-accent);
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border) var(--dark-border) var(--dark-bg-secondary);
}

.themeDark .nav-tabs .nav-link.active::before {
    background: linear-gradient(to bottom, rgba(77, 168, 218, 0.3), transparent);
}

.themeDark .tab-content {
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border);
}

/* Search box */
.themeDark .search-box-wrapper {
    background-color: var(--dark-bg-secondary);
    border-bottom: 1px solid var(--dark-border);
}

.themeDark .search-box-wrapper .form-control,
.themeDark .search-box-wrapper .form-select {
    background-color: var(--dark-bg-primary);
    border-color: var(--dark-border);
    color: var(--dark-text-primary);
    color-scheme: dark;
}

.themeDark .search-box-wrapper .form-select {
    /* light arrow to replace Bootstrap's default black dropdown indicator */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e8e8e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.themeDark .search-box-wrapper .form-select option {
    background-color: var(--dark-bg-primary);
    color: var(--dark-text-primary);
}

.themeDark .search-box-wrapper .form-control::placeholder {
    color: var(--dark-text-muted);
}

.themeDark .search-box-wrapper .form-control:focus,
.themeDark .search-box-wrapper .form-select:focus {
    background-color: var(--dark-bg-primary);
    border-color: var(--dark-accent);
    color: var(--dark-text-primary);
    box-shadow: 0 0 0 0.2rem rgba(77, 168, 218, 0.25);
}

.themeDark .search-clear-btn {
    color: var(--dark-text-secondary);
}

.themeDark .search-clear-btn:hover {
    color: var(--dark-text-primary);
    background-color: var(--dark-bg-hover);
}

.themeDark .search-help-btn {
    color: var(--dark-text-secondary);
}

.themeDark .search-help-btn:hover {
    color: var(--dark-text-primary);
    background-color: var(--dark-bg-hover);
}

/* Lister components */
.themeDark .lister-header {
    background-color: var(--dark-bg-primary);
    border-bottom: 1px solid var(--dark-border);
    color: var(--dark-text-secondary);
}

.themeDark .lister-under-header {
    color: var(--dark-text-secondary);
}

.themeDark .lister-empty,
.themeDark .lister-loading {
    color: var(--dark-text-muted);
}

.themeDark .lister-item {
    border-bottom: 1px solid var(--dark-border);
}

.themeDark .lister-item:hover {
    background-color: var(--dark-bg-hover);
}

.themeDark .lister-item.active {
    background-color: var(--dark-bg-active);
    border-left-color: var(--dark-accent);
}

.themeDark .lister-item-content {
    color: var(--dark-text-primary);
}

.themeDark .lister-vheader {
    color: var(--dark-text-primary);
}

/* POI card styles */
.themeDark .poi-dname {
    color: var(--dark-text-primary);
}

.themeDark .poi-address {
    color: var(--dark-text-secondary);
}

.themeDark .poi-anchor-dist {
    color: var(--dark-text-secondary);
}

.themeDark .poi-pcat {
    color: var(--dark-text-muted);
}

.themeDark .poi-regionloc {
    background-color: var(--dark-bg-tertiary);
    color: var(--dark-text-secondary);
}

.themeDark .poi-ad-expanded {
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
}

/* Selected state */
.themeDark .lister-selected {
    border-left-color: var(--dark-accent);
    border-right-color: var(--dark-accent);
    background-color: rgba(77, 168, 218, 0.15);
}

/* User labels */
.themeDark .lister-item .userLabel,
.themeDark .poi-card .userLabel {
    color: #ff6b6b;
}



/* Scrollbar dark theme */
.themeDark .lister-content::-webkit-scrollbar-track {
    background: var(--dark-scrollbar-track);
}

.themeDark .lister-content::-webkit-scrollbar-thumb {
    background: var(--dark-scrollbar-thumb);
}

.themeDark .lister-content::-webkit-scrollbar-thumb:hover {
    background: var(--dark-scrollbar-thumb-hover);
}

.themeDark #history-lister::-webkit-scrollbar-track {
    background: var(--dark-scrollbar-track);
}

.themeDark #history-lister::-webkit-scrollbar-thumb {
    background: var(--dark-scrollbar-thumb);
}

.themeDark #history-lister::-webkit-scrollbar-thumb:hover {
    background: var(--dark-scrollbar-thumb-hover);
}

/* Dropdown menus */
.themeDark .dropdown-menu {
    background-color: var(--dark-bg-primary);
    border-color: var(--dark-border);
}

.themeDark .dropdown-item {
    color: var(--dark-text-primary);
}

.themeDark .dropdown-item:hover,
.themeDark .dropdown-item:focus {
    background-color: var(--dark-bg-hover);
    color: var(--dark-text-primary);
}

.themeDark .dropdown-divider {
    border-color: var(--dark-border);
}

/* Form elements */
.themeDark .tab-content .form-label {
    color: var(--dark-text-secondary);
}

/* Action bar buttons */
.themeDark .lister-action-bar .btn-outline-secondary {
    color: var(--dark-text-secondary);
    border-color: var(--dark-border);
}

.themeDark .lister-action-bar .btn-outline-secondary:hover {
    background-color: var(--dark-bg-hover);
    color: var(--dark-text-primary);
    border-color: var(--dark-accent);
}

/* Links */
.themeDark a {
    color: var(--dark-accent);
}

.themeDark a:hover {
    color: var(--dark-accent-hover);
}

/* Bootstrap text utilities override */
.themeDark .text-muted {
    color: var(--dark-text-muted) !important;
}


/* JR ADDED */
.themeDark #map {
    background-color: #000000 !important;
}

.themeDark .poi-card-icon img {
    filter: invert(1);
}

.themeDark .item-delete-btn {
    color: white;
}




/* Yellow lister dark theme */

.themeDark #yellow-lister {
    background-color: #2a2a1e;
}

.themeDark #yellow-lister .lister-item {
    border-bottom: 1px solid #4a4a3e;
}

.themeDark #yellow-lister .lister-item:hover {
    background-color: #706518;
}

.themeDark #yellow-lister .lister-selected {
    background-color: #7e7435;
}

.themeDark #yellow-lister .lister-selected:hover {
    background-color: #e6cf3b;
}

.themeDark #yellow-lister .ptypeclass_yellow .poi-dname {
    color: #e6cf3b;
}

.themeDark #yellow-lister .ptypeclass_yellow .poi-ad img {
    background-color: #96882e;
}


.themeDark #yellow-lister .lister-selected .poi-dname {
    color: #4f4b3e;
}
.themeDark #yellow-lister .lister-selected .poi-pcat {
    color: #000000;
}
.themeDark #yellow-lister .lister-selected .poi-address {
    color: #000000;
}
.themeDark #yellow-lister .lister-selected .poi-card-icon img {
    filter: invert(0);
}