:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #111118;
  --bg-card: #16161f;
  --accent: #ff4500;
  --accent-hover: #ff6a33;
  --text-primary: #ffffff;
  --text-secondary: #a0a0b0;
  --border: #2a2a3a;
}

body {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  font-family: 'Segoe UI', sans-serif !important;
}

#header, #header .container {
  background: #0d0d14 !important;
  border-bottom: 2px solid var(--accent) !important;
  padding: 15px 0 !important;
}

#logo img { filter: brightness(1.2); max-height: 60px !important; width: auto !important; }

#search input {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  border-radius: 4px 0 0 4px !important;
}

#search button {
  background: var(--accent) !important;
  border: none !important;
  border-radius: 0 4px 4px 0 !important;
}

#cart button {
  background: var(--bg-card) !important;
  border: 1px solid var(--accent) !important;
  color: var(--text-primary) !important;
}

nav#menu {
  background: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border) !important;
}

nav#menu .nav > li > a {
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  padding: 12px 18px !important;
}

nav#menu .nav > li > a:hover {
  background: var(--accent) !important;
  color: #fff !important;
}

.product-thumb {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}

.product-thumb:hover {
  border-color: var(--accent) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(255,69,0,0.2) !important;
}

.product-thumb .caption {
  background: var(--bg-card) !important;
  padding: 15px !important;
}

.product-thumb .caption h4 a {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}

.product-thumb .price {
  color: var(--accent) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

.btn-primary, .btn-warning {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.btn-primary:hover, .btn-warning:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

.btn-default {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

#content h1, #content h2, #content h3 {
  color: var(--text-primary) !important;
}

.breadcrumb {
  background: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border) !important;
}

.breadcrumb a { color: var(--accent) !important; }

#column-left, #column-right {
  background: var(--bg-secondary) !important;
  border-radius: 8px !important;
  padding: 15px !important;
}

.list-group-item {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.list-group-item:hover, .list-group-item.active {
  background: var(--accent) !important;
  color: #fff !important;
}

footer {
  background: #0d0d14 !important;
  border-top: 2px solid var(--accent) !important;
  color: var(--text-secondary) !important;
  margin-top: 40px !important;
}

footer a { color: var(--text-secondary) !important; }
footer a:hover { color: var(--accent) !important; }

footer h5 {
  color: var(--accent) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.pagination > li > a {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.pagination > .active > a {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}

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

.table-bordered { border-color: var(--border) !important; }

.table-bordered td, .table-bordered th {
  border-color: var(--border) !important;
  background: var(--bg-card) !important;
}

input, select, textarea {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.panel {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.panel-default > .panel-heading {
  background: var(--bg-secondary) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.alert-success {
  background: #0d2b1a !important;
  border-color: #1a5c36 !important;
  color: #4ade80 !important;
}

.alert-danger {
  background: #2b0d0d !important;
  border-color: #5c1a1a !important;
  color: #f87171 !important;
}

#logo img { max-height: 55px !important; width: auto !important; }

#top { display: none !important; }

.price-tax { display: none !important; }

#header { padding: 10px 0 !important; }

.product-thumb .caption h4 a { color: #ff4500 !important; }

#logo { display: flex !important; align-items: center !important; }
#logo::after { content: 'TiDoom'; font-size: 32px; font-weight: 900; color: white; margin-left: 12px; letter-spacing: -1px; font-family: 'Segoe UI', sans-serif; }
#logo span { color: #ff4500 !important; }

.product-thumb .image a img { opacity: 0.85 !important; }

nav#menu { display: block !important; background: #111118 !important; border-bottom: 1px solid #2a2a3a !important; }

.product-thumb .button-group { background: #0a0a0f !important; border-top: 1px solid #2a2a3a !important; }
.product-thumb .button-group button { background: transparent !important; color: #a0a0b0 !important; border: none !important; }
.product-thumb .button-group button:first-child:hover { background: #ff4500 !important; color: white !important; }

#logo { display: flex !important; align-items: center !important; }
#logo::after { content: 'TiDoom'; font-size: 32px; font-weight: 900; color: white; margin-left: 12px; letter-spacing: -1px; font-family: 'Segoe UI', sans-serif; }
#logo span { color: #ff4500 !important; }

.product-thumb .image a img { opacity: 0.85 !important; }

nav#menu { display: block !important; background: #111118 !important; border-bottom: 1px solid #2a2a3a !important; }

.product-thumb .button-group { background: #0a0a0f !important; border-top: 1px solid #2a2a3a !important; }
.product-thumb .button-group button { background: transparent !important; color: #a0a0b0 !important; border: none !important; }
.product-thumb .button-group button:first-child:hover { background: #ff4500 !important; color: white !important; }

#logo { display: flex !important; align-items: center !important; }
#logo::after { content: 'TiDoom'; font-size: 32px; font-weight: 900; color: white; margin-left: 12px; letter-spacing: -1px; font-family: 'Segoe UI', sans-serif; }
#logo span { color: #ff4500 !important; }

.product-thumb .image a img { opacity: 0.85 !important; }

nav#menu { display: block !important; background: #111118 !important; border-bottom: 1px solid #2a2a3a !important; }

.product-thumb .button-group { background: #0a0a0f !important; border-top: 1px solid #2a2a3a !important; }
.product-thumb .button-group button { background: transparent !important; color: #a0a0b0 !important; border: none !important; }
.product-thumb .button-group button:first-child:hover { background: #ff4500 !important; color: white !important; }