/* Theme color tokens: --tg-<role>-<rrggbb>[-a<alpha*1000>] = current dark value (role: bg/line/text/on-accent); see docs/desingterang.md */
:root {
    /* bg */
    --tg-bg-000000: #000000;
    --tg-bg-000000-a045: rgba(0,0,0,0.045);
    --tg-bg-000000-a200: rgba(0,0,0,0.2);
    --tg-bg-000000-a500: rgba(0,0,0,0.5);
    --tg-bg-000000-a550: rgba(0,0,0,0.55);
    --tg-bg-000000-a600: rgba(0,0,0,0.6);
    --tg-bg-000000-a650: rgba(0,0,0,0.65);
    --tg-bg-000000-a700: rgba(0,0,0,0.7);
    --tg-bg-000000-a800: rgba(0,0,0,0.8);
    --tg-bg-0d0d0d: #0d0d0d;
    --tg-bg-0f0f0f: #0f0f0f;
    --tg-bg-111111: #111111;
    --tg-bg-121212: #121212;
    --tg-bg-141414: #141414;
    --tg-bg-151515: #151515;
    --tg-bg-161616: #161616;
    --tg-bg-171717: #171717;
    --tg-bg-181818: #181818;
    --tg-bg-1a1a1a: #1a1a1a;
    --tg-bg-1b1b1b: #1b1b1b;
    --tg-bg-1c1c1c: #1c1c1c;
    --tg-bg-1e1e1e: #1e1e1e;
    --tg-bg-1e1e1e-a950: rgba(30,30,30,0.95);
    --tg-bg-1f1f1f: #1f1f1f;
    --tg-bg-202020: #202020;
    --tg-bg-222222: #222222;
    --tg-bg-232323-a980: rgba(35,35,35,0.98);
    --tg-bg-242424: #242424;
    --tg-bg-252525: #252525;
    --tg-bg-262626: #262626;
    --tg-bg-282828: #282828;
    --tg-bg-2a2a2a: #2a2a2a;
    --tg-bg-2c2c2c: #2c2c2c;
    --tg-bg-333333: #333333;
    --tg-bg-383838: #383838;
    --tg-bg-444444: #444444;
    --tg-bg-555555: #555555;
    --tg-bg-595959: #595959;
    --tg-bg-c0c0c0: #c0c0c0;
    --tg-bg-cccccc: #cccccc;
    --tg-bg-e0e0e0: #e0e0e0;
    --tg-bg-f4f4f4: #f4f4f4;
    --tg-bg-f8f8f8: #f8f8f8;
    --tg-bg-f9f9f9: #f9f9f9;
    --tg-bg-ffffff: #ffffff;
    --tg-bg-ffffff-a020: rgba(255,255,255,0.02);
    /* line */
    --tg-line-121212: #121212;
    --tg-line-1e1e1e: #1e1e1e;
    --tg-line-262626: #262626;
    --tg-line-282828: #282828;
    --tg-line-2a2a2a: #2a2a2a;
    --tg-line-2d2d2d: #2d2d2d;
    --tg-line-2e2e2e: #2e2e2e;
    --tg-line-2f2f2f: #2f2f2f;
    --tg-line-303030: #303030;
    --tg-line-333333: #333333;
    --tg-line-343434: #343434;
    --tg-line-353535: #353535;
    --tg-line-383838: #383838;
    --tg-line-3a3a3a: #3a3a3a;
    --tg-line-3d3d3d: #3d3d3d;
    --tg-line-3f3f3f: #3f3f3f;
    --tg-line-444444: #444444;
    --tg-line-484848: #484848;
    --tg-line-555555: #555555;
    --tg-line-666666: #666666;
    --tg-line-717171: #717171;
    --tg-line-cccccc: #cccccc;
    --tg-line-dddddd: #dddddd;
    --tg-line-ededed: #ededed;
    --tg-line-eeeeee: #eeeeee;
    --tg-line-f0f0f0: #f0f0f0;
    --tg-line-f8f8f8: #f8f8f8;
    --tg-line-ffffff: #ffffff;
    --tg-line-ffffff-a050: rgba(255,255,255,0.05);
    --tg-line-ffffff-a060: rgba(255,255,255,0.06);
    --tg-line-ffffff-a070: rgba(255,255,255,0.07);
    --tg-line-ffffff-a150: rgba(255,255,255,0.15);
    /* text */
    --tg-text-111111: #111111;
    --tg-text-121212: #121212;
    --tg-text-333333: #333333;
    --tg-text-444444: #444444;
    --tg-text-555555: #555555;
    --tg-text-666666: #666666;
    --tg-text-777777: #777777;
    --tg-text-888888: #888888;
    --tg-text-999999: #999999;
    --tg-text-a0a0a0: #a0a0a0;
    --tg-text-a9a9a9: #a9a9a9;
    --tg-text-aaaaaa: #aaaaaa;
    --tg-text-b0b0b0: #b0b0b0;
    --tg-text-b8b8b8: #b8b8b8;
    --tg-text-bbbbbb: #bbbbbb;
    --tg-text-c9c9c9: #c9c9c9;
    --tg-text-cccccc: #cccccc;
    --tg-text-d4af37: #d4af37;
    --tg-text-d4d4d4: #d4d4d4;
    --tg-text-d7d7d7: #d7d7d7;
    --tg-text-dcdcdc: #dcdcdc;
    --tg-text-dddddd: #dddddd;
    --tg-text-e0e0e0: #e0e0e0;
    --tg-text-e5e5e5: #e5e5e5;
    --tg-text-e6e6e6: #e6e6e6;
    --tg-text-ececec: #ececec;
    --tg-text-f0f0f0: #f0f0f0;
    --tg-text-f1ca53: #f1ca53;
    --tg-text-f2f2f2: #f2f2f2;
    --tg-text-f6be00: #f6be00;
    --tg-text-ffc107: #ffc107;
    --tg-text-ffffff: #ffffff;
    /* on-accent */
    --tg-on-accent-000000: #000000;
    --tg-on-accent-0f0f0f: #0f0f0f;
    --tg-on-accent-111111: #111111;
    --tg-on-accent-121212: #121212;
    --tg-on-accent-ffffff: #ffffff;
}

/* Black and Gold Theme Override */
body {
    background-color: var(--tg-bg-121212) !important;
    color: var(--tg-text-e0e0e0) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--tg-text-d4af37) !important;
}

p,
span {
    color: var(--tg-text-b0b0b0);
}

a {
    color: var(--tg-text-d4af37);
    text-decoration: none;
}

a:hover {
    color: var(--tg-text-f1ca53);
}

/* Background resets */
main,
.bg_white,
.bg_color_1 {
    background-color: var(--tg-bg-121212) !important;
}

/* Footer fixes */
footer {
    background-color: var(--tg-bg-0d0d0d) !important;
    position: static !important;
}

#item-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#item-content main {
    flex: 1 0 auto;
}

#item-content footer {
    margin-top: auto;
}

/* Header & Nav */
.main_nav {
    background-color: var(--tg-bg-0d0d0d) !important;
    border-bottom: 2px solid #D4AF37 !important;
}

.main_nav .categories li a,
.main_nav .categories li span {
    color: var(--tg-text-e0e0e0) !important;
}

.main_nav .categories li a:hover span,
.main_nav .categories li a:hover {
    color: var(--tg-text-d4af37) !important;
}

/* Hamburger menu */
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    background-color: var(--tg-bg-e0e0e0) !important;
}

span.hamburger:hover .hamburger-inner,
span.hamburger:hover .hamburger-inner::before,
span.hamburger:hover .hamburger-inner::after {
    background-color: #D4AF37 !important;
}

/* Custom Search */
.custom-search-input {
    background-color: transparent !important;
    top: 0 !important;
}

.custom-search-input input {
    background-color: var(--tg-bg-1a1a1a) !important;
    color: var(--tg-text-ffffff) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.custom-search-input input::placeholder {
    color: var(--tg-text-888888) !important;
}

.custom-search-input button {
    color: var(--tg-text-d4af37) !important;
}

/* Top Tools */
header.version_1 .main_nav ul.top_tools>li a.cart_bt,
header.version_1 .main_nav ul.top_tools>li a.cart_bt:before,
header.version_1 .main_nav ul.top_tools>li a.access_link,
header.version_1 .main_nav ul.top_tools>li a.access_link:before,
header.version_1 .main_nav ul.top_tools>li a.wishlist,
header.version_1 .main_nav ul.top_tools>li a.wishlist:before,
header.version_1 .main_nav ul.top_tools>li a.btn_search_mob,
header.version_1 .main_nav ul.top_tools>li a.btn_search_mob:before,
.top_tools li a i,
.top_tools a.wishlist span,
.top_tools a.access_link span,
.top_tools a.btn_search_mob span {
    color: var(--tg-text-ffffff) !important;
}

header.version_1 .main_nav ul.top_tools>li a.cart_bt:hover,
header.version_1 .main_nav ul.top_tools>li a.cart_bt:hover:before,
header.version_1 .main_nav ul.top_tools>li a.access_link:hover,
header.version_1 .main_nav ul.top_tools>li a.access_link:hover:before,
header.version_1 .main_nav ul.top_tools>li a.wishlist:hover,
header.version_1 .main_nav ul.top_tools>li a.wishlist:hover:before,
header.version_1 .main_nav ul.top_tools>li a.btn_search_mob:hover,
header.version_1 .main_nav ul.top_tools>li a.btn_search_mob:hover:before,
.top_tools li a:hover i,
.top_tools a.wishlist:hover span,
.top_tools a.access_link:hover span {
    color: var(--tg-text-d4af37) !important;
}

.cart_bt strong {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-121212) !important;
}

/* Products Grid */
.grid_item {
    background-color: var(--tg-bg-1e1e1e) !important;
    border: 1px solid var(--tg-line-333333) !important;
    transition: all 0.3s ease;
}

.grid_item:hover {
    border: 1px solid #D4AF37 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2) !important;
}

.grid_item h3 {
    color: var(--tg-text-ffffff) !important;
}

.grid_item .price_box .new_price {
    color: var(--tg-text-d4af37) !important;
}

.grid_item .price_box .old_price {
    color: var(--tg-text-777777) !important;
}

.grid_item .rating i.voted {
    color: var(--tg-text-d4af37) !important;
}

.grid_item .rating i {
    color: var(--tg-text-555555);
}

.grid_item ul li a {
    color: var(--tg-text-e0e0e0) !important;
}

.grid_item ul li a:hover {
    background-color: var(--tg-bg-333333) !important;
    color: var(--tg-text-d4af37) !important;
}

/* Buttons */
.btn_1 {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-121212) !important;
    font-weight: 600 !important;
    border: none !important;
}

.btn_1:hover {
    background-color: #F1CA53 !important;
    color: var(--tg-on-accent-000000) !important;
}

.btn_1.outline {
    background-color: transparent !important;
    border: 2px solid #D4AF37 !important;
    color: var(--tg-text-d4af37) !important;
}

.btn_1.outline:hover {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-121212) !important;
}

/* Titles */
.main_title h2 {
    color: var(--tg-text-d4af37) !important;
}

.main_title span {
    background-color: transparent !important;
    color: rgba(212, 175, 55, 0.1) !important;
    /* Lighter gold for background text */
}

.main_title p {
    color: var(--tg-text-b0b0b0) !important;
}

/* Backgrounds */
.bg_gray,
.bg_color_1 {
    background-color: var(--tg-bg-181818) !important;
}

/* Ribbons */
.ribbon.off {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-000000) !important;
}

.ribbon.hot,
.ribbon.new {
    background-color: #b8860b !important;
    color: var(--tg-on-accent-000000) !important;
}

/* Footer */
footer {
    background-color: var(--tg-bg-0d0d0d) !important;
    border-top: 1px solid var(--tg-line-333333) !important;
    color: var(--tg-text-b0b0b0) !important;
}

footer h3 {
    color: var(--tg-text-d4af37) !important;
}

footer ul li a {
    color: var(--tg-text-b0b0b0) !important;
}

footer ul li a:hover {
    color: var(--tg-text-d4af37) !important;
}

footer hr {
    border-color: var(--tg-line-333333) !important;
}

.additional_links li span {
    color: var(--tg-text-b0b0b0) !important;
}

.additional_links li a {
    color: var(--tg-text-b0b0b0) !important;
}

/* Dropdowns */
.dropdown-cart .dropdown-menu,
.dropdown-access .dropdown-menu {
    background-color: var(--tg-bg-1e1e1e) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.dropdown-cart .dropdown-menu ul li a,
.dropdown-access .dropdown-menu ul li a {
    color: var(--tg-text-e0e0e0) !important;
}

.dropdown-cart .dropdown-menu ul li a:hover,
.dropdown-access .dropdown-menu ul li a:hover {
    color: var(--tg-text-d4af37) !important;
}

.dropdown-cart .dropdown-menu ul li strong span {
    color: var(--tg-text-d4af37) !important;
}

.dropdown-cart .dropdown-menu .total_drop {
    border-top: 1px solid var(--tg-line-333333) !important;
}

.dropdown-cart .dropdown-menu .total_drop span {
    color: var(--tg-text-d4af37) !important;
}

.dropdown-cart .dropdown-menu .total_drop strong {
    color: var(--tg-text-ffffff) !important;
}

/* Slider / owl */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #D4AF37 !important;
}

.owl-theme .owl-dots .owl-dot span {
    background: var(--tg-bg-555555) !important;
}

.owl-theme .owl-nav [class*=owl-] {
    background: var(--tg-bg-1a1a1a) !important;
    color: var(--tg-text-d4af37) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #D4AF37 !important;
    color: var(--tg-on-accent-000000) !important;
}

/* Black typography helper */
.black {
    color: var(--tg-text-121212) !important;
}

/* Categories megamenu */
#menu,
#menu ul,
#menu ul li {
    background-color: var(--tg-bg-1e1e1e) !important;
}

#menu ul li a {
    color: var(--tg-text-e0e0e0) !important;
}

#menu ul li a:hover {
    color: var(--tg-text-d4af37) !important;
}

#menu ul li,
#menu ul li:first-child {
    border-color: var(--tg-line-333333) !important;
}

#menu ul li span a {
    color: var(--tg-text-e0e0e0) !important;
}

#menu ul li span a:hover {
    color: var(--tg-text-d4af37) !important;
}

/* Search mobile override */
.search_mob_wp {
    background-color: var(--tg-bg-0d0d0d) !important;
    border-bottom: 1px solid var(--tg-line-333333) !important;
}

.search_mob_wp input {
    background-color: var(--tg-bg-1a1a1a) !important;
    color: var(--tg-text-ffffff) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

/* Mobile Submenu & Layer */
.layer {
    background-color: var(--tg-bg-000000-a700) !important;
}

/* Header version 1 specific */
header.version_1 .main_nav {
    background-color: var(--tg-bg-0d0d0d);
}

/* White elements adjustment in carousel text */
.slide-text.white h2 {
    color: var(--tg-text-d4af37) !important;
}

.slide-text.white p {
    color: var(--tg-text-e0e0e0) !important;
}

.slide-text.black h2 {
    color: var(--tg-text-d4af37) !important;
}

.slide-text.black p {
    color: var(--tg-text-121212) !important;
    /* Depending on the slide image */
}

/* Global Tables and Inputs for Admin / Additional Pages */
table,
.table {
    background-color: transparent !important;
    color: var(--tg-text-e0e0e0) !important;
}

.table th,
.table td {
    border-color: var(--tg-line-333333) !important;
    color: var(--tg-text-e0e0e0) !important;
}

.table thead th {
    border-bottom: 2px solid #D4AF37 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--tg-bg-1a1a1a) !important;
}

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

input.form-control,
select.form-control,
textarea.form-control {
    background-color: var(--tg-bg-1e1e1e) !important;
    color: var(--tg-text-ffffff) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    border-color: #D4AF37 !important;
    background-color: var(--tg-bg-1a1a1a) !important;
    color: var(--tg-text-ffffff) !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}

.modal-content {
    background-color: var(--tg-bg-1e1e1e) !important;
    color: var(--tg-text-e0e0e0) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.modal-header {
    border-bottom: 1px solid var(--tg-line-333333) !important;
}

.modal-footer {
    border-top: 1px solid var(--tg-line-333333) !important;
}

.modal-title {
    color: var(--tg-text-d4af37) !important;
}

.card {
    background-color: var(--tg-bg-1e1e1e) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.card-header {
    background-color: var(--tg-bg-121212) !important;
    border-bottom: 1px solid var(--tg-line-333333) !important;
}

.card-header h5,
.card-header h4,
.card-header h3 {
    color: var(--tg-text-d4af37) !important;
}

.card-body {
    background-color: transparent !important;
}

.text-dark {
    color: var(--tg-text-e0e0e0) !important;
}

body.bg_color_1,
body.bg_gray {
    background-color: var(--tg-bg-121212) !important;
}

.box_account,
.box_general {
    background-color: var(--tg-bg-1e1e1e) !important;
    border: 1px solid var(--tg-line-333333) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

/* Tool Box & Filters for Lists */
.toolbox {
    background-color: var(--tg-bg-1a1a1a) !important;
    border-bottom: 1px solid var(--tg-line-333333) !important;
}

.toolbox.sticky {
    background-color: var(--tg-bg-0d0d0d) !important;
    border-bottom: 2px solid #D4AF37 !important;
}

.toolbox .container>ul li a,
.toolbox .container>ul li a span {
    color: var(--tg-text-e0e0e0) !important;
}

.toolbox .container>ul li a:hover,
.toolbox .container>ul li a:hover span {
    color: var(--tg-text-d4af37) !important;
}

.toolbox.sticky .container>ul li a,
.toolbox.sticky .sort_select:after {
    color: var(--tg-text-e0e0e0) !important;
}

.toolbox.sticky .container>ul li a:hover {
    color: var(--tg-text-d4af37) !important;
}

.sort_select:after {
    color: var(--tg-text-e0e0e0) !important;
}

.toolbox.sticky .sort_select select,
.sort_select select {
    color: var(--tg-text-e0e0e0) !important;
    background-color: var(--tg-bg-121212) !important;
}

.sort_select select option {
    color: var(--tg-text-e0e0e0) !important;
    background-color: var(--tg-bg-1a1a1a) !important;
}

.filters_listing_1 .dropdown a.drop {
    background-color: var(--tg-bg-1a1a1a) !important;
    border: 1px solid var(--tg-line-333333) !important;
    color: var(--tg-text-e0e0e0) !important;
}

.filters_listing_1 .dropdown .dropdown-menu {
    background-color: var(--tg-bg-1e1e1e) !important;
    border: 1px solid var(--tg-line-333333) !important;
    color: var(--tg-text-e0e0e0) !important;
}

.filters_listing_1 .dropdown a.apply_filter {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-111111) !important;
}

.filters_listing_1 .dropdown a.apply_filter:hover {
    background-color: #F1CA53 !important;
}

.filter_type h6,
.filter_type.version_2 {
    border-color: var(--tg-line-333333) !important;
}

.filter_type.version_2 h4 a.opened {
    background-color: var(--tg-bg-1e1e1e) !important;
}

.filter_type.version_2 h4 a {
    color: var(--tg-text-e0e0e0) !important;
}

.filter_col {
    background-color: var(--tg-bg-121212) !important;
    border: 1px solid var(--tg-line-333333) !important;
    color: var(--tg-text-e0e0e0) !important;
}

.filter_col .inner_bt i {
    color: var(--tg-text-e0e0e0) !important;
}

.filter_col .inner_bt i:hover {
    color: var(--tg-text-d4af37) !important;
}

/* Cart Page Overrides */
table.cart-list {
    background-color: transparent !important;
    border: none !important;
}

table.cart-list thead th {
    background-color: var(--tg-bg-121212) !important;
    color: var(--tg-text-d4af37) !important;
    border-bottom: 2px solid #D4AF37 !important;
}

table.cart-list tbody tr td {
    background-color: var(--tg-bg-1e1e1e) !important;
    color: var(--tg-text-e0e0e0) !important;
    border-color: var(--tg-line-333333) !important;
}

.thumb_cart img {
    border: 1px solid var(--tg-line-333333) !important;
}

.numbers-row input[type="text"].qty2 {
    background-color: var(--tg-bg-1a1a1a) !important;
    color: var(--tg-text-e0e0e0) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.numbers-row .button_inc {
    color: var(--tg-text-d4af37) !important;
}

.options a i {
    color: var(--tg-text-d4af37) !important;
}

.cart_actions {
    background-color: transparent !important;
}

.box_cart {
    background-color: var(--tg-bg-121212) !important;
    border-top: 1px solid var(--tg-line-333333) !important;
    color: var(--tg-text-e0e0e0) !important;
    padding: 30px 0;
    margin-top: 30px;
}

.box_cart ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    width: 100%;
}

.box_cart ul li {
    color: var(--tg-text-e0e0e0) !important;
    border-bottom: 1px solid var(--tg-line-333333) !important;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}

.box_cart ul li span {
    color: var(--tg-text-b0b0b0) !important;
}

.box_cart ul li:last-child {
    color: var(--tg-text-d4af37) !important;
    font-size: 1.2rem !important;
    font-weight: bold !important;
    border-bottom: none !important;
}

/* Newsletter button override */
#submit-newsletter {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-121212) !important;
}

#submit-newsletter:hover {
    background-color: #F1CA53 !important;
}

/* Form placehoder offsets & apply-coupon specifically */
.apply-coupon .form-control {
    background-color: var(--tg-bg-1e1e1e) !important;
    color: var(--tg-text-ffffff) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.apply-coupon .form-control::placeholder,
input.form-control::placeholder,
textarea.form-control::placeholder {
    color: var(--tg-text-ffffff) !important;
    opacity: 1 !important;
}

/* Account specific tweaks / Login Tabs */
button.tab-accent.active {
    color: var(--tg-text-d4af37) !important;
    border-bottom: 3px solid #D4AF37 !important;
}

button.tab-accent {
    color: var(--tg-text-888888) !important;
}

button.tab-accent:hover {
    color: var(--tg-text-e0e0e0) !important;
}

.text-gold {
    color: var(--tg-text-d4af37) !important;
}

.text-gold:hover {
    color: var(--tg-text-f1ca53) !important;
}

.box_account .form_container {
    background-color: transparent !important;
}

/* My Orders / Product List Table Overrides */
table.product-list {
    background-color: transparent !important;
    border: none !important;
}

table.product-list thead th {
    background-color: var(--tg-bg-121212) !important;
    color: var(--tg-text-d4af37) !important;
    border-bottom: 2px solid #D4AF37 !important;
}

table.product-list tbody tr td {
    background-color: var(--tg-bg-1e1e1e) !important;
    color: var(--tg-text-e0e0e0) !important;
    border-color: var(--tg-line-333333) !important;
}

table.product-list tbody tr:nth-of-type(even) td {
    background-color: var(--tg-bg-121212) !important;
}

table.product-list tbody tr:nth-of-type(odd) td {
    background-color: var(--tg-bg-1a1a1a) !important;
}

table.product-list.table-hover tbody tr:hover td {
    background-color: var(--tg-bg-333333) !important;
}

table.product-list .thumb_product img {
    border: 1px solid var(--tg-line-333333) !important;
}

table.product-list .item_product a {
    color: var(--tg-text-e0e0e0) !important;
}

table.product-list .item_product a:hover {
    color: var(--tg-text-d4af37) !important;
}

table.product-list .btn_1.gray {
    background-color: var(--tg-bg-222222) !important;
    color: var(--tg-text-d4af37) !important;
    border: 1px solid var(--tg-line-333333) !important;
    margin-right: 5px;
}

table.product-list .btn_1.gray:hover {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-121212) !important;
}

table.product-list .btn_1.gray i {
    color: inherit !important;
}

/* Modal specific text overrides for order details */
.modal-body {
    color: var(--tg-text-e0e0e0) !important;
}

.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6,
.modal-body strong {
    color: var(--tg-text-d4af37) !important;
}

.modal-body p,
.modal-body div,
.modal-body td,
.modal-body th {
    color: var(--tg-text-e0e0e0) !important;
}

.modal-body table {
    background-color: transparent !important;
}

.modal-body table th,
.modal-body table td {
    background-color: transparent !important;
    border-color: var(--tg-line-333333) !important;
}

.modal-body table thead th {
    border-bottom: 2px solid #D4AF37 !important;
    color: var(--tg-text-d4af37) !important;
}

.modal-body table tfoot th,
.modal-body table tfoot td {
    border-top: 2px solid var(--tg-line-333333) !important;
    color: var(--tg-text-d4af37) !important;
}

.modal-body table.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--tg-bg-1a1a1a) !important;
}

.modal-body table.table-striped tbody tr:nth-of-type(even) {
    background-color: var(--tg-bg-121212) !important;
}

/* Make Bootstrap 5 btn-close visible on dark backgrounds */
.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
}

.btn-close:hover {
    opacity: 1 !important;
}

/* Sidebar Modern Styling Overrides for all admin pages */
.box_account {
    background-color: var(--tg-bg-1e1e1e) !important;
    border: 1px solid var(--tg-line-333333) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

.sidebar .list-group-item {
    border: none !important;
    background: transparent !important;
    color: var(--tg-text-b0b0b0) !important;
}

.sidebar .list-group-item:hover {
    background-color: var(--tg-bg-333333) !important;
    color: var(--tg-text-d4af37) !important;
}

.sidebar .list-group-item.active {
    background: rgba(212, 175, 55, 0.12) !important;
    color: var(--tg-text-d4af37) !important;
    border-left: 3px solid #D4AF37 !important;
    border-radius: 4px 8px 8px 4px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.sidebar .list-group-item.active i {
    color: var(--tg-text-d4af37) !important;
    opacity: 1 !important;
}

/* Generic Admin Tables */
.box_account table.table {
    background-color: transparent !important;
    border: none !important;
}

.box_account table.table thead th {
    background-color: var(--tg-bg-121212) !important;
    color: var(--tg-text-d4af37) !important;
    border-bottom: 2px solid #D4AF37 !important;
}

.box_account table.table tbody tr td {
    background-color: var(--tg-bg-1e1e1e) !important;
    color: var(--tg-text-e0e0e0) !important;
    border-color: var(--tg-line-333333) !important;
}

.box_account table.table-striped tbody tr:nth-of-type(even) td {
    background-color: var(--tg-bg-121212) !important;
}

.box_account table.table-striped tbody tr:nth-of-type(odd) td {
    background-color: var(--tg-bg-1a1a1a) !important;
}

.box_account table.table-hover tbody tr:hover td {
    background-color: var(--tg-bg-333333) !important;
}

/* Pagination Overrides */
.pagination__wrapper .pagination li a {
    background-color: var(--tg-bg-121212) !important;
    color: var(--tg-text-e0e0e0) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.pagination__wrapper .pagination li a:hover,
.pagination__wrapper .pagination li a.active {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-121212) !important;
    border-color: #D4AF37 !important;
}

/* Modal and Sub-box fixes */
.modal-content .p-3.border.rounded {
    background-color: var(--tg-bg-121212) !important;
    border-color: var(--tg-line-333333) !important;
}

.bg-white {
    background-color: transparent !important;
    color: var(--tg-text-e0e0e0) !important;
}

.input-group-text,
.input-group-text.bg-white {
    background-color: var(--tg-bg-333333) !important;
    border-color: var(--tg-line-555555) !important;
    color: var(--tg-text-d4af37) !important;
}

/* =========================================
   Responsive Fixes for Admin / Dark Theme
   ========================================= */

@media (max-width: 991px) {

    /* Override inline padding of container on mobile/tablet */
    .container-fluid.margin_60_35 {
        padding: 0 15px !important;
    }

    /* Shrink the box paddings to save screen space */
    .box_account {
        padding: 15px !important;
    }

    /* Sidebar toggle button */
    .sidebar-toggle-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 12px 16px;
        margin-bottom: 10px;
        background: var(--tg-bg-2a2a2a);
        border: 1px solid var(--tg-line-444444);
        border-radius: 8px;
        color: var(--tg-text-f6be00);
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        transition: all 0.2s;
    }

    .sidebar-toggle-btn:hover {
        background: var(--tg-bg-333333);
        border-color: #f6be00;
    }

    .sidebar-toggle-btn i:first-child {
        margin-right: 8px;
    }

    .sidebar-toggle-btn span {
        flex: 1;
        text-align: left;
    }

    .sidebar-toggle-btn .toggle-arrow {
        font-size: 12px;
        transition: transform 0.2s;
    }

    /* Sidebar as vertical dropdown on tablet & mobile */
    .sidebar {
        flex-direction: column;
        background: var(--tg-bg-1e1e1e);
        border: 1px solid var(--tg-line-333333);
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .sidebar .list-group-item {
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        border-bottom: 1px solid var(--tg-line-2a2a2a);
        padding: 12px 16px !important;
        font-size: 14px;
    }

    .sidebar .list-group-item:last-child {
        border-bottom: none;
    }

    /* Ensure tables can be horizontally scrolled */
    .table-responsive {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 15px;
        border: 1px solid var(--tg-line-333333);
        border-radius: 8px;
    }

    /* Refine modals on mobile */
    .modal-dialog {
        margin: 10px;
        max-width: calc(100% - 20px) !important;
    }
}

@media (max-width: 767px) {
    .sidebar-toggle-btn {
        font-size: 13px;
        padding: 10px 14px;
    }

    .sidebar .list-group-item {
        padding: 10px 14px !important;
        font-size: 13px;
    }

    .stat-card h3 {
        font-size: 1.8rem;
    }

    .modal-content .row .col-md-6,
    .modal-content .row .col-md-4 {
        margin-bottom: 15px;
    }
}

/* =========================================
   Admin Responsive Enhancements
   ========================================= */

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .container-fluid {
        padding: 0 20px !important;
    }

    .col-lg-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-lg-2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}

/* Mobile (max 767px) */
@media (max-width: 767px) {
    .container-fluid {
        padding: 0 10px !important;
    }

    .margin_60_35 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .col-lg-10,
    .col-lg-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-lg-2 {
        margin-bottom: 10px;
    }

    /* Dashboard stat cards */
    .stat-card {
        padding: 15px 10px;
    }

    .stat-card .stat-value {
        font-size: 1.1rem;
    }

    .stat-card .stat-icon {
        font-size: 1.5rem;
    }

    /* Chart containers */
    .chart-container {
        padding: 15px;
    }

    .chart-container canvas {
        max-height: 200px !important;
    }

    /* Tables */
    .table th,
    .table td {
        font-size: 12px;
        padding: 8px 6px;
        white-space: nowrap;
    }

    /* Box account */
    .box_account {
        padding: 15px !important;
    }

    .box_account h4 {
        font-size: 1.1rem;
    }

    /* Slide cards */
    .slide-card {
        padding: 15px;
    }

    .slide-preview {
        height: 120px;
    }

    /* Buttons */
    .btn_1 {
        padding: 8px 14px;
        font-size: 13px;
    }

    /* Order info section */
    .info-section {
        padding: 15px;
    }

    /* D-flex header adjustments */
    .d-flex.justify-content-between {
        flex-direction: column;
        gap: 10px;
    }

    .d-flex.justify-content-between .btn_1 {
        align-self: flex-start;
    }
}

/* =========================================
   Product Detail Page Overrides
   ========================================= */

.tabs_product .nav-tabs {
    border-bottom: none !important;
}

.tabs_product .nav-tabs .nav-link {
    color: var(--tg-text-b0b0b0) !important;
}

.tabs_product .nav-tabs .nav-link:hover {
    color: var(--tg-text-d4af37) !important;
}

.tabs_product .nav-tabs .nav-link.active {
    border-bottom: none !important;
    color: var(--tg-text-d4af37) !important;
    background-color: transparent !important;
}

.tab_content_wrapper {
    background-color: var(--tg-bg-1a1a1a) !important;
    border: none !important;
}

.tab_content_wrapper .card {
    background-color: transparent !important;
    border: none !important;
}

.tab_content_wrapper .card .card-header {
    background-color: var(--tg-bg-121212) !important;
    border: none !important;
}

.tab_content_wrapper .card .card-header a {
    color: var(--tg-text-d4af37) !important;
}

.tab_content_wrapper .card .card-body h3, 
.review_content h4 {
    color: var(--tg-text-d4af37) !important;
}

.tab_content_wrapper p,
.review_content p {
    color: var(--tg-text-e0e0e0) !important;
    position: relative !important;
    margin-bottom: 20px !important;
    line-height: 1.6 !important;
    display: block !important;
}

.review_content .rating i {
    background-color: #D4AF37 !important;
    color: var(--tg-on-accent-000000) !important;
}

.review_content .rating i.empty {
    background-color: var(--tg-bg-333333) !important;
}

.prod_info {
    border-bottom: 1px solid var(--tg-line-333333) !important;
}

.prod_info h1 {
    color: var(--tg-text-d4af37) !important;
}

.prod_options .nice-select {
    background-color: var(--tg-bg-1e1e1e) !important;
    color: var(--tg-text-e0e0e0) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.prod_options .nice-select .list {
    background-color: var(--tg-bg-1a1a1a) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.prod_options .nice-select .option {
    color: var(--tg-text-e0e0e0) !important;
}

.prod_options .nice-select .option:hover, 
.prod_options .nice-select .option.focus, 
.prod_options .nice-select .option.selected.focus {
    background-color: var(--tg-bg-333333) !important;
    color: var(--tg-text-d4af37) !important;
}

.prod_options strong {
    color: var(--tg-text-b0b0b0) !important;
}

.numbers-row {
    background-color: var(--tg-bg-1e1e1e) !important;
    border: 1px solid var(--tg-line-333333) !important;
}

.numbers-row input {
    background-color: var(--tg-bg-1e1e1e) !important;
    color: var(--tg-text-e0e0e0) !important;
    border: none !important;
}

.numbers-row .button_inc {
    color: var(--tg-text-d4af37) !important;
    background-color: var(--tg-bg-1e1e1e) !important;
}

.numbers-row .button_inc:hover {
    color: var(--tg-on-accent-121212) !important;
    background-color: #D4AF37 !important;
}

.price_main .new_price {
    color: var(--tg-text-d4af37) !important;
}

.price_main .old_price {
    color: var(--tg-text-777777) !important;
}

.product_actions ul li a {
    color: var(--tg-text-b0b0b0) !important;
}

.product_actions ul li a:hover {
    color: var(--tg-text-d4af37) !important;
}

.table.sizes td,
.table.sizes tr th {
    color: var(--tg-text-e0e0e0) !important;
    border-color: var(--tg-line-333333) !important;
}

/* Slider Overrides */
.all .slider .left, 
.all .slider .right, 
.all .slider-two .left, 
.all .slider-two .right {
    background-color: rgba(212, 175, 55, 0.7) !important;
    color: var(--tg-on-accent-000000) !important;
}

.all .slider .left:hover, 
.all .slider .right:hover, 
.all .slider-two .left:hover, 
.all .slider-two .right:hover {
    background-color: #D4AF37 !important;
}

.all .slider-two .item.active {
    border: solid 2px #D4AF37 !important;
}

.all .slider-two .item {
    border: solid 2px var(--tg-line-333333) !important;
}

/* Top Panel Add-to-cart Overlay */
.top_panel {
    background-color: var(--tg-bg-1e1e1e) !important;
    border-bottom: 2px solid #D4AF37 !important;
    color: var(--tg-text-e0e0e0) !important;
}

.top_panel .header_panel {
    border-bottom: 1px solid var(--tg-line-333333) !important;
}

.top_panel h4, 
.top_panel h5, 
.top_panel label {
    color: var(--tg-text-d4af37) !important;
}

.top_panel .item_panel {
    border-right: 1px solid var(--tg-line-333333) !important;
}

@media (max-width: 767px) {
    .top_panel .item_panel {
        border-bottom: 1px solid var(--tg-line-333333) !important;
        border-right: none !important;
    }
}

.btn_close_top_panel i {
    color: var(--tg-text-e0e0e0) !important;
}

.btn_close_top_panel:hover i {
    color: var(--tg-text-d4af37) !important;
}

/* Breadcrumbs Override */
.breadcrumbs ul li a {
    color: var(--tg-text-b0b0b0) !important;
}

.breadcrumbs ul li a:hover {
    color: var(--tg-text-d4af37) !important;
}

.breadcrumbs ul li {
    color: var(--tg-text-777777) !important;
}

/* Brand Logos in Dark Mode */
#brands img.owl-lazy {
    transition: all 0.3s ease;
    opacity: 0.75;
}

/* Option A: Make all logos monochromatic white (very elegant and standard for premium dark themes) */
#brands.monochrome img.owl-lazy {
    filter: brightness(0) invert(1);
}

/* Option B: Turn only specific dark logos into white */
#brands img.owl-lazy.invert-light {
    filter: brightness(0) invert(1);
}

#brands img.owl-lazy:hover {
    opacity: 1;
}