/* Dark theme overrides — applied via html.dark-theme class */

html.dark-theme body {
    background-color: #1a1a1a;
    background-image: none;
    color: #e0e0e0;
}

html.dark-theme .body-content {
    background-color: #242424;
    color: #e0e0e0;
}

/* Yellow secondary navbar and footer bar */
html.dark-theme .navbar-hideable,
html.dark-theme .navbar-hideable2 {
    background-color: #252100;
    border-color: #3a3500;
}

html.dark-theme .navbar-hideable p,
html.dark-theme .navbar-hideable2 p {
    color: #e0e0e0;
}

/* Invert logo so dark logo becomes light on dark background */
html.dark-theme .logo-image {
    filter: invert(1) brightness(0.9);
}

/* Cart icon — match inverted logo (light on dark yellow bar) */
html.dark-theme .shop-cart-icon .glyphicon {
    color: #e8e8e8;
}

html.dark-theme .shop-cart-icon > a,
html.dark-theme #shopingcartlink2 {
    color: #e8e8e8;
}

/* Side nav */
html.dark-theme #mySidenav a {
    background-color: #2a2a2a;
    color: #e0e0e0;
}

html.dark-theme #mySidenav a:hover {
    background-color: #000;
    color: rgb(255, 202, 0);
}

/* Links — keep navbar/dropdown yellow, change body links */
html.dark-theme body a {
    color: #6db3f2;
}

html.dark-theme body a:hover,
html.dark-theme body a:visited {
    color: #8ec7f7;
}

/* Preserve yellow colour on navigation links */
html.dark-theme .navbar-inverse .navbar-nav > li > a,
html.dark-theme .dropdown-menu > li > a {
    color: rgb(254, 214, 39);
}

html.dark-theme .dropdown-menu > li > a:hover,
html.dark-theme .dropdown-menu > li > a:focus {
    color: #000;
    background-color: rgb(254, 214, 39);
}

/* Panels */
html.dark-theme .panel,
html.dark-theme .panel-default {
    background-color: #2d2d2d;
    border-color: #444;
}

html.dark-theme .panel-default > .panel-heading {
    background-color: #333;
    color: #e0e0e0;
    border-bottom-color: #444;
}

html.dark-theme .panel-body {
    color: #e0e0e0;
}

html.dark-theme .panel-footer {
    background-color: #2a2a2a;
    border-top-color: #444;
}

/* Tables */
html.dark-theme .table,
html.dark-theme .table > thead > tr > th,
html.dark-theme .table > tbody > tr > td,
html.dark-theme .table > tfoot > tr > td {
    color: #e0e0e0;
    border-color: #444;
}

html.dark-theme .table-bordered {
    border-color: #444;
}

html.dark-theme .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

html.dark-theme .table-hover > tbody > tr:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

html.dark-theme thead {
    background-color: #333;
}

/* Forms */
html.dark-theme .form-control {
    background-color: #333;
    color: #e0e0e0;
    border-color: #555;
}

html.dark-theme .form-control:focus {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #fed627;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3), 0 0 6px rgba(254, 214, 39, .4);
}

html.dark-theme input[type="text"],
html.dark-theme input[type="email"],
html.dark-theme input[type="password"],
html.dark-theme input[type="number"],
html.dark-theme input[type="search"],
html.dark-theme input[type="url"],
html.dark-theme textarea,
html.dark-theme select {
    background-color: #333;
    color: #e0e0e0;
    border-color: #555;
}

html.dark-theme .input-group-addon {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #555;
}

html.dark-theme .selectWrapper {
    background: #333;
    border-color: #555;
}

html.dark-theme select.selectBox,
html.dark-theme .selectBox {
    background-color: #333;
    color: #e0e0e0;
}

/* Modals */
html.dark-theme .modal-content {
    background-color: #2d2d2d;
    color: #e0e0e0;
    border-color: #444;
}

html.dark-theme .modal-header {
    border-bottom-color: #444;
}

html.dark-theme .modal-header .close {
    color: #e0e0e0;
    opacity: 0.7;
}

html.dark-theme .modal-footer {
    border-top-color: #444;
    background-color: #242424;
}

/* Alerts */
html.dark-theme .alert-danger {
    background-color: #3d1515;
    border-color: #721c24;
    color: #f5c6cb;
}

html.dark-theme .alert-success {
    background-color: #153d15;
    border-color: #155724;
    color: #c3e6cb;
}

html.dark-theme .alert-info {
    background-color: #1a2f3d;
    border-color: #0c5460;
    color: #bee5eb;
}

html.dark-theme .alert-warning {
    background-color: #3d3015;
    border-color: #856404;
    color: #ffeeba;
}

/* Buttons */
html.dark-theme .btn-default {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #555;
}

html.dark-theme .btn-default:hover,
html.dark-theme .btn-default:focus {
    background-color: #4a4a4a;
    color: #fff;
    border-color: #666;
}

html.dark-theme .btn-primary {
    background-color: #1a4a8a;
    border-color: #1a3a6a;
    color: #fff;
}

html.dark-theme .btn-primary:hover,
html.dark-theme .btn-primary:focus {
    background-color: #2a5a9a;
    border-color: #2a4a7a;
}

html.dark-theme .btn-danger {
    background-color: #8b1a1a;
    border-color: #6b1212;
}

html.dark-theme .btn-success {
    background-color: #1a5c1a;
    border-color: #135213;
}

html.dark-theme .btn-warning {
    background-color: #8b6914;
    border-color: #7a5c0f;
    color: #fff;
}

html.dark-theme .btn-secondary {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #555;
}

html.dark-theme .btn-secondary:hover,
html.dark-theme .btn-secondary:focus {
    background-color: #4a4a4a;
    color: #fff;
    border-color: #666;
}

html.dark-theme .btn-outline-secondary {
    background-color: transparent;
    color: #ccc;
    border-color: #888;
}

html.dark-theme .btn-outline-secondary:hover {
    background-color: #3a3a3a;
    color: #e0e0e0;
    border-color: #aaa;
}

/* btn-outline-dark is invisible on dark bg — flip to light outline */
html.dark-theme .btn-outline-dark {
    color: #e0e0e0;
    border-color: #aaa;
    background-color: transparent;
}

html.dark-theme .btn-outline-dark:hover {
    background-color: #3a3a3a;
    color: #fff;
    border-color: #ccc;
}

/* Well */
html.dark-theme .well {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

/* List group */
html.dark-theme .list-group-item {
    background-color: #2d2d2d;
    border-color: #444;
    color: #e0e0e0;
}

html.dark-theme .list-group-item:hover,
html.dark-theme .list-group-item:focus {
    background-color: #383838;
    color: #e0e0e0;
}

html.dark-theme a.list-group-item {
    color: #6db3f2;
}

/* Breadcrumb */
html.dark-theme .breadcrumb {
    background-color: #2d2d2d;
    color: #aaa;
}

html.dark-theme .breadcrumb > li + li::before {
    color: #777;
}

html.dark-theme .breadcrumb > li > a {
    color: #6db3f2;
}

html.dark-theme .breadcrumb > .active {
    color: #aaa;
}

/* Tabs */
html.dark-theme .nav-tabs {
    border-bottom-color: #444;
}

html.dark-theme .nav-tabs > li > a {
    color: #aaa;
    border-color: transparent;
}

html.dark-theme .nav-tabs > li > a:hover {
    border-color: #444;
    background-color: #333;
    color: #e0e0e0;
}

html.dark-theme .nav-tabs > li.active > a,
html.dark-theme .nav-tabs > li.active > a:focus,
html.dark-theme .nav-tabs > li.active > a:hover {
    background-color: #2d2d2d;
    border-color: #444;
    border-bottom-color: #2d2d2d;
    color: #e0e0e0;
}

html.dark-theme .tab-content {
    background-color: #2d2d2d;
    border: 1px solid #444;
    border-top: none;
    padding: 15px;
    color: #e0e0e0;
}

/* Pagination */
html.dark-theme .pagination > li > a,
html.dark-theme .pagination > li > span {
    background-color: #2d2d2d;
    border-color: #444;
    color: #6db3f2;
}

html.dark-theme .pagination > li > a:hover {
    background-color: #383838;
    border-color: #555;
}

html.dark-theme .pagination > .active > a,
html.dark-theme .pagination > .active > span,
html.dark-theme .pagination > .active > a:hover,
html.dark-theme .pagination > .active > span:hover {
    background-color: #fed627;
    border-color: #fed627;
    color: #000;
}

html.dark-theme .pagination > .disabled > a,
html.dark-theme .pagination > .disabled > span {
    background-color: #222;
    border-color: #444;
    color: #666;
}

/* Badge */
html.dark-theme .badge {
    background-color: #fed627;
    color: #000;
}

/* Headings */
html.dark-theme h1,
html.dark-theme h2,
html.dark-theme h3,
html.dark-theme h4,
html.dark-theme h5,
html.dark-theme h6 {
    color: #e0e0e0;
}

html.dark-theme .text-muted {
    color: #999;
}

html.dark-theme hr {
    border-top-color: #444;
}

/* Dropdown menu background */
html.dark-theme .dropdown-menu {
    background: #2a2a2a;
    border-color: #444;
    box-shadow: 0 8px 28px rgba(0,0,0,.45);
}

/* Divider in dropdowns */
html.dark-theme .dropdown-menu .divider {
    background-color: #555;
}

/* ============================================================
   bb-tgd (ToolsGroups/Details) dark mode
   ============================================================ */

html.dark-theme .bb-tgd {
    --bb-ink: #e0e0e0;
    --bb-muted: #9aa3b0;
}

html.dark-theme .bb-tgd .bb-shell {
    background: #1e1e1e;
    border-color: #3a3a3a;
    box-shadow: 0 12px 34px rgba(0,0,0,.4);
}

html.dark-theme .bb-tgd .bb-hero {
    background: #252525;
    border-bottom-color: #3a3a3a;
}

html.dark-theme .bb-tgd .bb-hero h1 {
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-hero-imageframe {
    background: #2a2a2a;
    border-color: #3a3a3a;
}

html.dark-theme .bb-tgd .bb-sidebar {
    background: #1f1f1f;
    border-right-color: #3a3a3a;
}

html.dark-theme .bb-tgd .bb-sidebar-title {
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-section-divider {
    background: #3a3a3a;
}

/* breadcrumbs */
html.dark-theme .bb-tgd .bb-breadcrumb a,
html.dark-theme .bb-tgd .bb-breadcrumb a:visited {
    color: #9aa3b0;
}

html.dark-theme .bb-tgd .bb-breadcrumb a:hover {
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-breadcrumb.is-active {
    color: #e0e0e0;
}

/* subgroup cards */
html.dark-theme .bb-tgd .bb-pg-card {
    background: #2a2a2a;
    border-color: #3a3a3a;
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-pg-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.5);
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-pg-card-title {
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-pg-card-noimg {
    opacity: .18;
}

/* tool cards */
html.dark-theme .bb-tgd .bb-tools-wrap .panel.tools-panels {
    background: #2a2a2a;
    border-color: #3a3a3a;
}

html.dark-theme .bb-tgd .bb-tools-wrap .panel.tools-panels:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.5);
}

html.dark-theme .bb-tgd .bb-tools-wrap .panel.tools-panels h4.card-title--lines,
html.dark-theme .bb-tgd .bb-tools-wrap .panel.tools-panels a {
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-tools-wrap .panel.tools-panels .card-title--price {
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-tools-wrap .panel.tools-panels .discounted-price {
    color: #f07070;
}

html.dark-theme .bb-tgd .bb-tools-wrap .panel.tools-panels .old_price {
    color: #7a8290;
}

/* toolbar */
html.dark-theme .bb-tgd .bb-sort-btn,
html.dark-theme .bb-tgd .bb-view-btn {
    background: #2a2a2a;
    border-color: #3a3a3a;
    color: #9aa3b0;
}

html.dark-theme .bb-tgd .bb-sort-btn:hover,
html.dark-theme .bb-tgd .bb-view-btn:hover {
    background: #333;
    color: #e0e0e0;
    border-color: #555;
}

html.dark-theme .bb-tgd .bb-sort-btn.is-active,
html.dark-theme .bb-tgd .bb-view-btn.is-active {
    background: #b88b00;
    border-color: #8a6500;
    color: #fff;
}

/* list view rows */
html.dark-theme .bb-tgd .bb-tool-row {
    background: #2a2a2a;
    border-color: #3a3a3a;
}

html.dark-theme .bb-tgd .bb-tool-row:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,.4);
}

html.dark-theme .bb-tgd .bb-tool-row-link,
html.dark-theme .bb-tgd .bb-tool-row-link:visited,
html.dark-theme .bb-tgd .bb-tool-row-name {
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-tool-row-price {
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-tool-row-price .discounted-price { color: #f07070; }
html.dark-theme .bb-tgd .bb-tool-row-price .old_price        { color: #7a8290; }

/* treeview */
html.dark-theme .bb-tgd .bb-sidebar #toolsGroupsTree .list-group-item {
    background: transparent;
    color: #9aa3b0;
    border-color: transparent;
}

html.dark-theme .bb-tgd .bb-sidebar #toolsGroupsTree .list-group-item:hover {
    background: #2a2a2a;
    color: #e0e0e0;
}

html.dark-theme .bb-tgd .bb-sidebar #toolsGroupsTree .list-group-item.node-selected {
    background: #2e2800;
    border-color: rgba(225,180,0,.5) !important;
    color: #e0e0e0;
}

/* =================================================================
   .bb-tld  (Tools/Details, ToolsGroups/GroupAsProductDetails)
   ================================================================= */

html.dark-theme .bb-tld {
    --bb-ink: #e0e0e0;
    --bb-muted: #9aa3b0;
}

html.dark-theme .bb-tld .bb-shell {
    background: #1e1e1e;
    border-color: #3a3a3a;
    box-shadow: 0 12px 34px rgba(0,0,0,.4);
}

html.dark-theme .bb-tld .bb-hero-media {
    background: #242424;
    border-right-color: #3a3a3a;
    border-bottom-color: #3a3a3a;
}

html.dark-theme .bb-tld .bb-hero-info {
    background: #252525;
}

html.dark-theme .bb-tld .bb-breadcrumb a,
html.dark-theme .bb-tld .bb-breadcrumb a:visited { color: #9aa3b0; }
html.dark-theme .bb-tld .bb-breadcrumb a:hover    { color: #e0e0e0; }
html.dark-theme .bb-tld .bb-breadcrumb.is-active  { color: #e0e0e0; }

html.dark-theme .bb-tld .bb-hero-info h1  { color: #e0e0e0; }
html.dark-theme .bb-tld .bb-tool-code     { color: #9aa3b0; }

html.dark-theme .bb-tld .bb-price-block,
html.dark-theme .bb-tld .bb-price-range-block {
    border-color: #3a3a3a;
}

html.dark-theme .bb-tld .bb-price,
html.dark-theme .bb-tld .bb-price-range { color: #e0e0e0; }

html.dark-theme .bb-tld .bb-price .discounted-price,
html.dark-theme .bb-tld .bb-price-range .discounted-price { color: #f07070; }

html.dark-theme .bb-tld .bb-price .old_price { color: #7a8290; }

html.dark-theme .bb-tld .bb-description,
html.dark-theme .bb-tld .bb-tools-list { border-top-color: #3a3a3a; }

html.dark-theme .bb-tld .bb-description { color: #d8d8d8; }

html.dark-theme .bb-tld .bb-tools-list .table,
html.dark-theme .bb-tld .bb-tools-list .table > thead > tr > td,
html.dark-theme .bb-tld .bb-tools-list .table > tbody > tr > td {
    color: #e0e0e0;
    border-color: #3a3a3a;
}

html.dark-theme .bb-tld .bb-tools-list .table-hover > tbody > tr:hover > td {
    background: #2a2a2a;
}

html.dark-theme .bb-tld .bb-admin-updates {
    border-top-color: #3a3a3a;
    color: #d8d8d8;
}

html.dark-theme .bb-tld .bb-admin-updates h4 { color: #9aa3b0; }

html.dark-theme .bb-tld .bb-availability .table td { border-color: #3a3a3a; color: #e0e0e0; }

/* =================================================================
   .bb-pgd  (GroupCategories/Index, ProductGroups/Index, ProductGroups/Details)
   .bb-ibg  (Products/IndexByGroup)
   ================================================================= */

/* CSS custom-property overrides — propagate to all var() consumers */
html.dark-theme .bb-pgd,
html.dark-theme .bb-ibg {
    --bb-ink:          #e0e0e0;
    --bb-muted:        #8a9aaa;
    --bb-surface:      #2d2d2d;
    --bb-stroke:       #3a3a3a;
    --bb-stroke-strong:#4a4a4a;
    color: #e0e0e0;
}

/* Shell card */
html.dark-theme .bb-pgd .bb-shell,
html.dark-theme .bb-ibg .bb-shell {
    background: #1e1e1e;
    border-color: #333;
}

/* Hero */
html.dark-theme .bb-pgd .bb-hero,
html.dark-theme .bb-ibg .bb-hero {
    background: #242424;
    border-bottom-color: #333;
}

html.dark-theme .bb-pgd .bb-hero h1,
html.dark-theme .bb-ibg .bb-hero h1 {
    color: #e0e0e0;
}

html.dark-theme .bb-pgd .bb-hero-imageframe,
html.dark-theme .bb-ibg .bb-hero-imageframe {
    background: #2a2a2a;
    border-color: #3a3a3a;
}

/* Sidebar */
html.dark-theme .bb-pgd .bb-sidebar,
html.dark-theme .bb-ibg .bb-sidebar {
    background: #1f1f1f;
    border-right-color: #333;
    border-bottom-color: #333;
}

html.dark-theme .bb-pgd .bb-sidebar-title,
html.dark-theme .bb-ibg .bb-sidebar-title {
    color: #e0e0e0;
}

/* Mobile accordion panel */
html.dark-theme .bb-pgd .bb-mobile-panel,
html.dark-theme .bb-ibg .bb-mobile-panel {
    background: #2d2d2d;
    border-color: #3a3a3a;
}

html.dark-theme .bb-pgd .bb-mobile-panel > summary,
html.dark-theme .bb-ibg .bb-mobile-panel > summary {
    background: #2a2a2a;
    color: #e0e0e0;
}

/* Treeview (shared by both scopes) */
html.dark-theme .bb-pgd .bb-sidebar .list-group-item,
html.dark-theme .bb-ibg .bb-sidebar .list-group-item {
    background: transparent;
    color: #8a9aaa;
    border-color: transparent;
}

html.dark-theme .bb-pgd .bb-sidebar .list-group-item:hover,
html.dark-theme .bb-ibg .bb-sidebar .list-group-item:hover {
    background: #2a2a2a;
    color: #e0e0e0;
}

html.dark-theme .bb-pgd .bb-sidebar .list-group-item.node-selected,
html.dark-theme .bb-ibg .bb-sidebar .list-group-item.node-selected {
    background: #2e2800;
    border-color: rgba(225,180,0,.5) !important;
    color: #e0e0e0;
}

/* ---- .bb-pgd specific: subgroup card grid ---- */
html.dark-theme .bb-pgd .bb-pg-card {
    background: #2d2d2d;
    border-color: #3a3a3a;
    color: #e0e0e0;
}

html.dark-theme .bb-pgd .bb-pg-card:hover {
    color: #e0e0e0;
}

html.dark-theme .bb-pgd .bb-pg-card-title {
    color: #e0e0e0;
}

html.dark-theme .bb-pgd .bb-pg-edit-link  { color: #6db3f2; }
html.dark-theme .bb-pgd .bb-pg-delete-link { color: #f07070; }
html.dark-theme .bb-pgd .bb-admin-link     { color: #6db3f2; }

/* ---- .bb-ibg specific: filter shell ---- */
html.dark-theme .bb-ibg .bb-filter-shell {
    background: #2d2d2d;
    border-color: #3a3a3a;
}

html.dark-theme .bb-ibg .bb-filter-shell > summary {
    background: #2a2a2a;
    color: #e0e0e0;
}

html.dark-theme .bb-ibg .bb-filter {
    background: #2d2d2d;
    border-color: #3a3a3a;
}

html.dark-theme .bb-ibg .bb-filter-label {
    color: #8a9aaa;
}

/* Secondary button in toolbar */
html.dark-theme .bb-ibg .bb-btn-secondary {
    background: #333;
    border-color: #4a4a4a;
    color: #ccc;
}

/* ---- .bb-ibg specific: table ---- */
html.dark-theme .bb-ibg .bb-table-card {
    background: #2d2d2d;
    border-color: #3a3a3a;
}

html.dark-theme .bb-ibg .bb-table-head {
    background: #252525;
    color: #bbb;
    border-bottom-color: #3a3a3a;
}

html.dark-theme .bb-ibg #productsBody .bb-table-row {
    border-top-color: #3a3a3a;
}

html.dark-theme .bb-ibg #productsBody .bb-table-row:nth-child(odd) {
    background: #2d2d2d;
}

html.dark-theme .bb-ibg #productsBody .bb-table-row:hover {
    background: #333;
}

html.dark-theme .bb-ibg #productsBody .bb-table-row.bg-danger {
    background: #3d1515 !important;
}

html.dark-theme .bb-ibg .bb-code { color: #8a9aaa; }

html.dark-theme .bb-ibg .bb-product-title strong { color: #e0e0e0; }

/* Amount input and steppers */
html.dark-theme .bb-ibg .bb-pack .products-amount-input {
    background: #333;
    border-color: #4a4a4a;
    color: #e0e0e0;
}

html.dark-theme .bb-ibg .bb-stepper {
    background: #333;
    border-color: #4a4a4a;
    color: #e0e0e0;
}

html.dark-theme .bb-ibg .bb-stepper:hover { background: #404040; }

/* Icon buttons */
html.dark-theme .bb-ibg .bb-icon-btn {
    background: #333;
    border-color: #4a4a4a;
    color: #e0e0e0;
}

html.dark-theme .bb-ibg .bb-icon-btn:hover { background: #404040; }

/* Stock badges */
html.dark-theme .bb-ibg .bb-stock-good  { background: #1a3a20; color: #6dbe7a; }
html.dark-theme .bb-ibg .bb-stock-order { background: #3a1a1a; color: #e07070; }

/* Footer / pager */
html.dark-theme .bb-ibg .bb-footer {
    background: #1e1e1e;
    border-top-color: #3a3a3a;
}

html.dark-theme .bb-ibg .bb-empty-state {
    border-top-color: #3a3a3a;
    color: #8a9aaa;
}

/* Skeleton loading lines */
html.dark-theme .bb-ibg .skeleton-line { background: #3a3a3a; }

html.dark-theme .bb-ibg #productsBody .skeleton-row {
    border-top-color: #3a3a3a;
}

/* Checkbox-dropdown filter widget */
html.dark-theme .bb-ibg .bb-checkbox-dropdown .btn.btn-default.btn-block {
    background: #2d2d2d;
    border-color: #4a4a4a;
    color: #e0e0e0;
}

html.dark-theme .bb-ibg .bb-checkbox-dropdown .bb-dd-panel {
    background: #2d2d2d;
    border-color: #4a4a4a !important;
}

html.dark-theme .bb-ibg .bb-checkbox-dropdown .bb-dd-list label { color: #e0e0e0; }
html.dark-theme .bb-ibg .bb-checkbox-dropdown .bb-dd-list label:hover { background: #3a3a3a; }

/* GroupCategories breadcrumb link colour override */
html.dark-theme .breadcrumb-item a {
    color: #6db3f2 !important;
}

/* Theme toggle button in navbar — matches #lang-selection vertical alignment */
#theme-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 14px 10px 5px;
    font-size: 20px;
    color: rgb(254, 214, 39);
    display: block;
    line-height: 1;
}

#theme-toggle:hover {
    opacity: 0.75;
}

/* =================================================================
   Warehouses/Index dark mode
   ================================================================= */

html.dark-theme .bb-pgd.bb-wh .bb-wh-card {
    background: #2a2a2a;
    border-color: #3a3a3a;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-card--main {
    background: #2a2800;
    border-color: rgba(225,180,0,.4);
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-name,
html.dark-theme .bb-pgd.bb-wh .bb-wh-name:visited {
    color: #e0e0e0;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-name:hover {
    color: #fed627;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-info-row {
    color: #9aa3b0;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-info-row a,
html.dark-theme .bb-pgd.bb-wh .bb-wh-info-row a:visited {
    color: #9aa3b0;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-info-row a:hover {
    color: #e0e0e0;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-icon {
    color: #555;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-admin {
    border-top-color: #3a3a3a;
    color: #666;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-admin a {
    color: #6db3f2;
}

html.dark-theme .bb-pgd.bb-wh .bb-wh-map {
    border-color: #3a3a3a;
}

/* =================================================================
   Search autocomplete dropdowns dark mode
   ================================================================= */

/* Section header labels ("Products", "Tools", etc.) */
html.dark-theme .dropdown-menu > .dropdown-header {
    color: #9aa3b0;
}

/* Qty input inside autocomplete rows — inline style from JS needs !important */
html.dark-theme .dd-qty-input {
    background: #333 !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
}

/* No-image placeholder div in GlobalSearch — inline style from JS needs !important */
html.dark-theme #globalSearchAutocomplete div[style*="background:#f0f0f0"] {
    background: #3a3a3a !important;
}

/* Global .bb-icon-btn dark override (autocomplete rows, and any other places) */
html.dark-theme .bb-icon-btn {
    background: #333;
    border-color: #4a4a4a;
    color: #e0e0e0;
}
html.dark-theme .bb-icon-btn:hover { background: #404040; }

/* Global .bb-stepper dark override */
html.dark-theme .bb-stepper {
    background: #333;
    border-color: #4a4a4a;
    color: #e0e0e0;
}
html.dark-theme .bb-stepper:hover { background: #404040; }
html.dark-theme .bb-stepper:disabled { opacity: .35; }

/* Global amount input dark override */
html.dark-theme .bb-pack .products-amount-input {
    background: #333;
    border-color: #4a4a4a;
    color: #e0e0e0;
}