/* DeValor Coffee Co. — Warm/Earthy Theme Override */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --dvc-bg: #FAF3E7;
  --dvc-surface: #EFE2CC;
  --dvc-espresso: #3E2723;
  --dvc-espresso-dark: #2B1F1A;
  --dvc-bean: #5D4037;
  --dvc-caramel: #C9905B;
  --dvc-caramel-dark: #A87340;
  --dvc-muted: #6E5A4F;
  --dvc-leaf: #6B8E4E;
}

body {
  background: var(--dvc-bg) !important;
  color: var(--dvc-espresso-dark) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--dvc-espresso) !important;
  font-weight: 600 !important;
}

header, #header, .header {
  background: var(--dvc-bg) !important;
  border-bottom: 1px solid var(--dvc-surface) !important;
}

#top {
  background: var(--dvc-espresso) !important;
  color: var(--dvc-bg) !important;
}
#top a, #top .btn-link {
  color: var(--dvc-bg) !important;
}

#menu, .navbar, nav.navbar-default {
  background: var(--dvc-espresso) !important;
  border: none !important;
}
#menu .nav > li > a, .navbar a {
  color: var(--dvc-bg) !important;
  font-weight: 500;
}
#menu .nav > li > a:hover, .navbar a:hover {
  background: var(--dvc-bean) !important;
  color: var(--dvc-caramel) !important;
}

.btn-primary, .btn-success, button.btn-primary {
  background: var(--dvc-caramel) !important;
  border-color: var(--dvc-caramel-dark) !important;
  color: var(--dvc-espresso-dark) !important;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.btn-primary:hover, .btn-success:hover {
  background: var(--dvc-caramel-dark) !important;
  border-color: var(--dvc-espresso) !important;
  color: var(--dvc-bg) !important;
}
.btn-default {
  background: var(--dvc-surface) !important;
  border-color: var(--dvc-bean) !important;
  color: var(--dvc-espresso) !important;
}

.product-thumb, .product-layout .product-thumb {
  background: var(--dvc-surface) !important;
  border: 1px solid #E0CFB3 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(62, 39, 35, 0.05);
  transition: transform 0.2s, box-shadow 0.2s;
}
.product-thumb:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(62, 39, 35, 0.12);
}
.product-thumb h4, .product-thumb .name a {
  color: var(--dvc-espresso) !important;
}
.product-thumb .price {
  color: var(--dvc-bean) !important;
  font-weight: 600;
}

a {
  color: var(--dvc-bean);
}
a:hover {
  color: var(--dvc-caramel-dark);
}

footer {
  background: var(--dvc-espresso) !important;
  color: var(--dvc-surface) !important;
  border-top: 4px solid var(--dvc-caramel) !important;
  padding: 30px 0 !important;
}
footer h5, footer .h5 {
  color: var(--dvc-caramel) !important;
  font-family: 'Fraunces', serif !important;
}
footer a {
  color: var(--dvc-surface) !important;
}
footer a:hover {
  color: var(--dvc-caramel) !important;
}

.form-control, input[type=text], input[type=email], textarea {
  background: #FFF !important;
  border: 1px solid var(--dvc-bean) !important;
  color: var(--dvc-espresso-dark) !important;
}
.form-control:focus {
  border-color: var(--dvc-caramel) !important;
  box-shadow: 0 0 0 2px rgba(201, 144, 91, 0.2) !important;
}

.breadcrumb {
  background: transparent !important;
  border: none !important;
}

/* Cart area — top right corner */
#cart {
  background: var(--dvc-espresso) !important;
  border: 1px solid var(--dvc-espresso-dark) !important;
  border-radius: 6px;
  width: auto !important;
  display: inline-block !important;
  padding: 0 !important;
}

/* Cart area — top right corner */
#cart {
  background: var(--dvc-espresso) !important;
  border-radius: 6px;
  padding: 3px !important;
  display: inline-block !important;
}

/* The cart button (with text) — caramel inner */
#cart .btn,
#cart button,
#cart a.dropdown-toggle,
#cart .btn-inverse,
#cart-total {
  background: var(--dvc-caramel) !important;
  color: var(--dvc-espresso-dark) !important;
  font-weight: 500;
  border: none !important;
  border-radius: 4px !important;
  padding: 6px 14px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  display: block !important;
}

#cart .dropdown-toggle:hover,
#cart .btn:hover {
  background: var(--dvc-caramel-dark) !important;
  color: var(--dvc-bg) !important;
}

#cart .dropdown-menu {
  background: var(--dvc-bg) !important;
  border: 1px solid var(--dvc-bean) !important;
  color: var(--dvc-espresso-dark) !important;
}
#cart .dropdown-menu td {
  color: var(--dvc-espresso-dark) !important;
}
#cart .dropdown-menu .text-end,
#cart .dropdown-menu strong {
  color: var(--dvc-espresso) !important;
}


/* Stop cart block from stretching to match logo height */
#cart,
header .col-sm-5:has(#cart),
header [class*="col"]:has(#cart) {
  align-self: flex-start !important;
  height: auto !important;
  max-height: 60px !important;
}