/**
 * PRIME MILK brand palette (sampled from official logo)
 * --pm-green #1B5E34  primary forest green
 * --pm-gold  #F9C846  accent gold
 * --pm-cream #FFF9E1  warm background cream
 */
:root {
  --pm-green: #1b5e34;
  --pm-green-hover: #144a28;
  --pm-gold: #f9c846;
  --pm-cream: #fff9e1;
}

/* Slightly larger header logo; navbar height adjusted to match */
.frontend-main-nav.navbar {
  height: 92px !important;
  min-height: 92px;
}

.frontend-main-nav.navbar .navbar-brand {
  height: 92px;
}

.frontend-main-nav.navbar .navbar-brand img {
  max-height: 82px !important;
  max-width: 300px !important;
  width: auto;
  height: auto;
  object-fit: contain;
}

@media (max-width: 991.98px) {
  .frontend-main-nav.navbar {
    height: auto !important;
    min-height: 72px;
  }

  .frontend-main-nav.navbar .navbar-brand {
    height: 72px;
  }

  .frontend-main-nav.navbar .navbar-brand img {
    max-height: 64px !important;
    max-width: 260px !important;
  }
}

@media (max-width: 575.98px) {
  .frontend-main-nav.navbar .navbar-brand img {
    max-height: 56px !important;
    max-width: 220px !important;
  }
}

/* Warm page canvas (subtle; keeps content readable) */
body {
  background-color: #fffdf6;
}

/* Gold accent on primary CTA in main nav */
.frontend-main-nav.navbar .nav-item .nav_demo_btn {
  box-shadow: inset 0 -3px 0 rgba(249, 200, 70, 0.85);
}

.frontend-main-nav.navbar .nav-item .nav_demo_btn:hover {
  background: var(--pm-green-hover) !important;
}

/* Section titles that use the green span pattern feel closer to logo pairing */
.head_title h2 .green_color,
#our_features_sec h2 .green_color {
  color: var(--pm-green);
}

/* Statistics strip: slight depth instead of flat same-color gradient */
#statistics_sec .statistics_box {
  background: linear-gradient(117.78deg, #1b5e34 34.55%, #144a28 79.96%) !important;
}

/* Place Order modal — match main nav “Place Order” pill */
#placeOrderModal .place-order-submit-btn {
  display: block;
  width: 100%;
  background: var(--pm-green);
  color: #fff !important;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.002em;
  text-transform: uppercase;
  padding: 12px 20px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
  box-shadow: inset 0 -3px 0 rgba(249, 200, 70, 0.85);
}

#placeOrderModal .place-order-submit-btn:hover {
  background: var(--pm-green-hover);
  color: #fff !important;
}