/* BARS local migration lab theme. Palette sampled from bars.leeboy.us. */
:root {
  --bars-wine: #783a37;
  --bars-dark: #1d1511;
  --bars-wood: #302119;
  --bars-paper: #f0e5d1;
  --bars-gold: #d6ad69;
  --bars-ink: #372820;
  --bars-muted: #796451;
  --bs-primary: var(--bars-wine);
  --bs-primary-rgb: 120, 58, 55;
  --bs-link-color: var(--bars-wine);
  --bs-link-hover-color: var(--bars-dark);
}

html { scroll-behavior: smooth; }
body {
  background: var(--bars-paper) !important;
  color: var(--bars-ink);
  font-family: "DM Sans", "Segoe UI", Arial, sans-serif;
}
a, .breadcrumb a { color: var(--bars-wine); }
a:hover, a:focus { color: var(--bars-dark); }

#top { display: none; }
.bars-lab-banner {
  background: var(--bars-dark);
  border-bottom: 2px solid var(--bars-gold);
  color: var(--bars-paper);
  font-size: .88rem;
  letter-spacing: .02em;
}
.bars-lab-banner .container {
  align-items: center;
  display: flex;
  gap: .8rem;
  justify-content: center;
  min-height: 42px;
  padding-bottom: .45rem;
  padding-top: .45rem;
  text-align: center;
}
.bars-lab-banner__label {
  color: var(--bars-gold);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
}

header {
  background: var(--bars-paper);
  border-bottom: 1px solid rgba(55, 40, 32, .18);
  box-shadow: 0 3px 14px rgba(29, 21, 17, .08);
}
header > .container { padding-bottom: .8rem; padding-top: .8rem; }
#logo { align-items: center; display: flex; min-height: 64px; }
.bars-wordmark {
  align-items: center;
  color: var(--bars-wine);
  display: inline-flex;
  gap: .75rem;
  text-decoration: none;
}
.bars-wordmark:hover { color: var(--bars-wine); text-decoration: none; }
.bars-wordmark__seal {
  align-items: center;
  border: 2px solid var(--bars-gold);
  border-radius: 50%;
  color: var(--bars-gold);
  display: inline-flex;
  font-family: Georgia, serif;
  font-size: 1.8rem;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  width: 48px;
}
.bars-wordmark__copy { display: flex; flex-direction: column; line-height: 1.05; }
.bars-wordmark__copy strong {
  color: var(--bars-wine);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.5vw, 1.35rem);
  letter-spacing: .045em;
}
.bars-wordmark__copy small {
  color: var(--bars-muted);
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .16em;
  margin-top: .25rem;
}

#search .form-control,
.form-control, .form-select {
  background-color: #fffaf1;
  border-color: rgba(55, 40, 32, .28);
  color: var(--bars-ink);
}
#search .form-control:focus,
.form-control:focus, .form-select:focus {
  border-color: var(--bars-wine);
  box-shadow: 0 0 0 .2rem rgba(120, 58, 55, .16);
}
#search .btn, #button-search, .btn-primary, #button-cart {
  background: var(--bars-wine);
  border-color: var(--bars-wine);
  color: #fffaf1;
}
#search .btn:hover, #button-search:hover, .btn-primary:hover, #button-cart:hover {
  background: var(--bars-dark);
  border-color: var(--bars-dark);
  color: var(--bars-paper);
}
#cart .btn {
  background: var(--bars-dark);
  border: 1px solid var(--bars-gold);
  color: var(--bars-paper);
}
#cart .btn:hover { background: var(--bars-wine); color: #fffaf1; }

#menu.navbar {
  background: var(--bars-wine) !important;
  border: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 5px 14px rgba(29, 21, 17, .14);
  margin-bottom: 1.25rem;
}
#menu .navbar-nav .nav-link,
#menu .navbar-nav .dropdown-toggle,
#menu .navbar-toggler {
  color: #fffaf1 !important;
}
#menu .navbar-nav .nav-link:hover,
#menu .navbar-nav .nav-link:focus,
#menu .navbar-nav .show > .nav-link {
  background: var(--bars-dark);
  color: var(--bars-gold) !important;
}
#menu .dropdown-menu {
  background: var(--bars-dark);
  border: 1px solid rgba(214, 173, 105, .55);
}
#menu .dropdown-item { color: var(--bars-paper); }
#menu .dropdown-item:hover,
#menu .dropdown-item:focus {
  background: var(--bars-gold);
  color: var(--bars-dark);
}

h1, h2, h3, h4, h5, h6 { color: var(--bars-ink); }
.breadcrumb {
  background: rgba(214, 173, 105, .16);
  border: 1px solid rgba(120, 58, 55, .15);
  border-radius: 6px;
}
.list-group-item {
  background: rgba(255, 250, 241, .72);
  border-color: rgba(55, 40, 32, .13);
  color: var(--bars-ink);
}
.list-group-item.active {
  background: var(--bars-wine);
  border-color: var(--bars-wine);
  color: var(--bars-paper);
}
#product-list .product-thumb,
.product-thumb {
  background: #fffaf1;
  border: 1px solid rgba(120, 58, 55, .18);
  border-radius: 9px;
  box-shadow: 0 4px 14px rgba(29, 21, 17, .07);
  overflow: hidden;
}
.product-thumb .content { color: var(--bars-ink); }
.product-thumb h4 a,
.product-thumb .description { color: var(--bars-ink); }
.product-thumb h4 a:hover { color: var(--bars-wine); }
.product-thumb .price { color: var(--bars-wine); font-weight: 700; }
.product-thumb .button-group { border-top-color: rgba(120, 58, 55, .16); }
.product-thumb .button-group button {
  background: var(--bars-wine);
  border-color: rgba(240, 229, 209, .45);
  color: #fffaf1;
}
.product-thumb .button-group button:hover {
  background: var(--bars-dark);
  color: var(--bars-gold);
}
#product-product .price-new { color: var(--bars-wine); }
#product-product .nav-tabs .nav-link.active {
  border-bottom-color: var(--bars-wine);
  color: var(--bars-wine);
}
.pagination .page-link { color: var(--bars-wine); }
.pagination .active > .page-link {
  background: var(--bars-wine);
  border-color: var(--bars-wine);
  color: #fffaf1;
}

footer {
  background: var(--bars-dark);
  border-top: 2px solid var(--bars-gold);
  color: var(--bars-paper);
  margin-top: 2rem;
}
footer a { color: var(--bars-gold); }
footer a:hover { color: #fffaf1; }
#column-left [id^="carousel-banner-"] { display: none !important; }
.alert-info {
  background: rgba(214, 173, 105, .2);
  border-color: var(--bars-gold);
  color: var(--bars-ink);
}

@media (max-width: 767.98px) {
  .bars-lab-banner .container { align-items: flex-start; flex-direction: column; gap: .15rem; padding-bottom: .55rem; padding-top: .55rem; }
  #logo { justify-content: center; }
  .bars-wordmark__copy strong { font-size: 1.05rem; }
  #menu.navbar { border-radius: 0 0 6px 6px; }
}

/* Use the illustrated Richmond logo throughout the shared OpenCart header. */
#logo .bars-wordmark{display:block;width:min(16rem,100%);height:5.25rem;background:transparent url('/assets/richmond-old-school-bars-logo-transparent.png') center/contain no-repeat}#logo .bars-wordmark__seal,#logo .bars-wordmark__copy{display:none}#logo{min-height:5.6rem}@media(max-width:767.98px){#logo .bars-wordmark{width:min(15rem,82vw);height:4.7rem}}
/* Refined OpenCart footer styling to carry the Richmond identity through the test shop. */
footer:not(.richmond-footer){background:linear-gradient(145deg,#211915 0%,#191310 100%);border-top:1px solid rgba(214,173,105,.38);color:#f0e5d1;margin-top:3rem;padding:2.8rem 0 1rem}
footer:not(.richmond-footer)>.container{max-width:1440px;padding-left:clamp(24px,5vw,72px);padding-right:clamp(24px,5vw,72px)}
footer:not(.richmond-footer) h5{color:#dfb66f;font-size:.7rem;font-weight:700;letter-spacing:.13em;margin:0 0 1rem;text-transform:uppercase}
footer:not(.richmond-footer) ul{margin:0 0 1.75rem;padding:0}
footer:not(.richmond-footer) li{list-style:none;margin:.35rem 0}
footer:not(.richmond-footer) a{color:#e7dece;text-decoration:none;text-underline-offset:4px}
footer:not(.richmond-footer) a:hover,footer:not(.richmond-footer) a:focus{color:#e4bd79;text-decoration:underline}
footer:not(.richmond-footer) hr{border-color:rgba(214,173,105,.2);opacity:1;margin:1.25rem 0}
footer:not(.richmond-footer) p{color:#a99579;font-size:.78rem;line-height:1.7;margin:0}
@media(max-width:767.98px){footer:not(.richmond-footer){padding-top:2.1rem}footer:not(.richmond-footer)>.container{padding-left:1.25rem;padding-right:1.25rem}}

/* Refined OpenCart footer styling to carry the Richmond identity through the test shop. */
footer:not(.richmond-footer){background:linear-gradient(145deg,#211915 0%,#191310 100%);border-top:1px solid rgba(214,173,105,.38);color:#f0e5d1;margin-top:3rem;padding:2.8rem 0 1rem}
footer:not(.richmond-footer)>.container{max-width:1440px;padding-left:clamp(24px,5vw,72px);padding-right:clamp(24px,5vw,72px)}
footer:not(.richmond-footer) h5{color:#dfb66f;font-size:.7rem;font-weight:700;letter-spacing:.13em;margin:0 0 1rem;text-transform:uppercase}
footer:not(.richmond-footer) ul{margin:0 0 1.75rem;padding:0}
footer:not(.richmond-footer) li{list-style:none;margin:.35rem 0}
footer:not(.richmond-footer) a{color:#e7dece;text-decoration:none;text-underline-offset:4px}
footer:not(.richmond-footer) a:hover,footer:not(.richmond-footer) a:focus{color:#e4bd79;text-decoration:underline}
footer:not(.richmond-footer) hr{border-color:rgba(214,173,105,.2);opacity:1;margin:1.25rem 0}
footer:not(.richmond-footer) p{color:#a99579;font-size:.78rem;line-height:1.7;margin:0}
@media(max-width:767.98px){footer:not(.richmond-footer){padding-top:2.1rem}footer:not(.richmond-footer)>.container{padding-left:1.25rem;padding-right:1.25rem}}