/* =========================
   Site Color Palette (RJ)
   ========================= */
:root {
  --bg: #292929;
  --fg: #E3C37E;        /* Primary / foreground */
  --secondary: #316957;
  --tertiary: #B35315;

  --text: #e8e8e8;
  --muted: #bdbdbd;
  --border: #444;
  --panel: #303030;     /* slightly lighter than bg */
  --panel2: #343434;
}

/* Base */
html, body {
  background: var(--bg);
  color: var(--text);
}

h1, h2, h3, h4, h5, h6,
.price {
  color: var(--fg) !important;
}

a {
  color: var(--fg);
}
a:hover {
  color: var(--tertiary);
}

/* Inputs */
.form-control, .form-select, .input-group-text {
  background: var(--panel);
  color: var(--text);
  border-color: var(--border);
}
.form-control:focus, .form-select:focus {
  border-color: var(--secondary);
  box-shadow: 0 0 0 .2rem rgba(49, 105, 87, 0.25);
}

/* Buttons (Bootstrap-ish overrides) */
.btn-primary {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--tertiary);
  border-color: var(--tertiary);
}

.btn-outline-primary {
  color: var(--fg);
  border-color: var(--fg);
}
.btn-outline-primary:hover {
  background: var(--fg);
  border-color: var(--fg);
  color: #111;
}

/* Top bar */
#top {
  background-color: var(--panel);
  border-bottom: 1px solid var(--border);
}
#top .list-inline-item > a,
#top .list-inline-item .dropdown > a {
  color: var(--muted);
}
#top .list-inline-item > a:hover,
#top .list-inline-item .dropdown > a:hover {
  color: var(--fg);
}

/* Main menu */
#menu {
  background: var(--secondary) !important;
  background-image: none !important;
  border: 1px solid rgba(0,0,0,0.4) !important;
}
#menu .navbar-nav > li > a,
#category,
#menu .navbar-toggler i {
  color: #fff !important;
  text-shadow: none !important;
}
#menu .navbar-nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.20) !important;
}

/* Dropdowns */
.dropdown-menu {
  background: var(--panel);
  border-color: var(--border);
}
.dropdown-item {
  color: var(--text);
}
.dropdown-item:hover, .dropdown-item:focus {
  background: rgba(227, 195, 126, 0.12);
  color: var(--fg);
}

/* Breadcrumb */
.breadcrumb {
  background-color: var(--panel) !important;
  border-color: var(--border) !important;
}
.breadcrumb a {
  color: var(--fg);
}
.breadcrumb a:hover {
  color: var(--tertiary);
}

/* Product cards */
.product-thumb,
.blog-thumb {
  background: var(--panel);
  border-color: var(--border) !important;
}
.product-thumb .description h4,
.blog-thumb h4 {
  color: var(--fg) !important;
}
.product-thumb .button button {
  background-color: var(--panel2) !important;
  color: var(--muted) !important;
  border-top-color: var(--border) !important;
}
.product-thumb .button button:hover {
  background-color: rgba(179, 83, 21, 0.25) !important;
  color: var(--fg) !important;
}

/* Footer */
footer {
  background-color: var(--panel);
  border-top: 1px solid var(--border) !important;
  color: var(--text);
}
footer a {
  color: var(--fg);
}
footer a:hover {
  color: var(--tertiary);
}
footer hr {
  border-bottom: 1px solid var(--border);
}

/* Cookie banner */
#cookie {
  background: var(--panel) !important;
  color: var(--text) !important;
}
#cookie div {
  color: var(--text) !important;
}