/**
 * Hortica Foods — professional palette
 * Loaded after Bootstrap + template style to override CSS variables and key surfaces.
 */

:root {
  /* Deep emerald — trust, agriculture, export */
  --bs-primary: #156b52;
  /* Warm harvest gold — premium accent */
  --bs-secondary: #c9a227;
  /* Charcoal with green undertone */
  --bs-dark: #1a2e28;
  /* Soft sage-tinted canvas */
  --bs-light: #eef4f1;
  --bs-success: #1d7a5c;
  --bs-info: #2a8f9e;
}

body {
  color: #2a3330;
  background-color: #fafcfb;
}

/* Header logo — scales with navbar, keeps aspect ratio */
.hortica-navbar-logo {
  width: auto;
  height: clamp(46px, 8.5vw, 68px);
  object-fit: contain;
}

/* Hero & inner page headers */
.hero-header {
  background: linear-gradient(
      115deg,
      rgba(21, 107, 82, 0.14) 0%,
      rgba(201, 162, 39, 0.08) 100%
    ),
    url(../img/hero-img.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.carousel-item a {
  background: linear-gradient(
    rgba(21, 107, 82, 0.82),
    rgba(26, 46, 40, 0.75)
  ) !important;
}

.page-header {
  background: linear-gradient(
      135deg,
      rgba(21, 107, 82, 0.9) 0%,
      rgba(26, 46, 40, 0.88) 100%
    ),
    url(../img/cart-page-header-img.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header h1,
.page-header p {
  color: #fff !important;
}

.page-header .text-primary {
  color: #f0e6b8 !important;
}

.page-header .text-muted {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Top bar — subtle depth */
.topbar.bg-primary {
  background: linear-gradient(90deg, #145a46 0%, #1a7a5e 50%, #145a46 100%) !important;
}

/* Banner strip */
.banner.bg-secondary {
  background: linear-gradient(
    135deg,
    #1a2e28 0%,
    #234a40 45%,
    #1a2e28 100%
  ) !important;
}

.banner .banner-btn:hover {
  background: var(--bs-secondary) !important;
  color: var(--bs-dark) !important;
  border-color: var(--bs-secondary) !important;
}

/* Footer: deeper, readable */
.footer.bg-dark {
  background-color: #141f1c !important;
}

.copyright.bg-dark {
  background-color: #0f1714 !important;
}

/* Form focus rings */
.form-control:focus,
.form-select:focus {
  border-color: rgba(21, 107, 82, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(21, 107, 82, 0.18);
}

/* Subtle card lift on light sections */
.bg-light.rounded {
  border: 1px solid rgba(21, 107, 82, 0.06);
}