@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,800&family=Inter:wght@400;500;600&display=swap");

/* Cast & Crumb branding for the demo store's DPD Cart v4 theme.
   The theme's colors editor sets the backgrounds, header and footer; this
   covers the blue and green the theme's own CSS hardcodes. */

.upsell-content .title { font-size: 18px; }

body,
body .btn,
body .form-control,
body .ui.dropdown { font-family: "Inter", Arial, Helvetica, sans-serif; }

body h1, body h2, body h3, body h4, body .h4,
body .item_name h4,
body .product-panel-body .item_name h4,
body .des h4,
body .content_header h1 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 600;
  color: #221b16;
}
body .content_header h1 { color: #f6efe3; }

/* buttons */
body .btn-primary,
body .btn-row .btn.btn-primary,
body .purchase-table .btn-primary,
body .modal-footer-btn .btn.btn-primary,
body .recovery_box .btn,
body .active_box .btn,
body .error-element .btn,
body .product-info .cart-row .cart-btn,
body .cart_btn .btn-light,
body .copy {
  background-color: #c2412d;
  border-color: #c2412d;
  color: #fff;
}
body .btn-primary:hover,
body .btn-primary:focus,
body .btn-row .btn.btn-primary:hover,
body .product-info .cart-row .cart-btn:hover,
body .cart_btn .btn-light:hover {
  background-color: #a8321f;
  border-color: #a8321f;
  color: #fff;
}
body .cupon .input-group-append .btn,
body #btn-apply-coupon {
  background-color: #23402f;
  border-color: #23402f;
  color: #f6efe3;
}
body .cupon .input-group-append .btn:hover,
body #btn-apply-coupon:hover { background-color: #1a3123; color: #fff; }

/* accents */
body .nav-item .cart-icon { background-color: #f3e1d9; color: #c2412d; }
body #progressbar li.active { color: #23402f; }
body #progressbar li.active::before,
body #progressbar li.active::after { background: #23402f; }
body .have_coupon,
body .order-head .edit,
body .product-info .title a:hover,
body .ui.dropdown .menu .active.item,
body .dropdown-item:hover,
body .dropdown-item.active { color: #a8321f; }
body .purchase-table .order-id span { color: #23402f; }
body .content_header { background-color: #23402f; }

/* fields */
body .form-control:hover,
body .ui.selection.dropdown:hover,
body .ui.selection.active.dropdown { border-color: #c2412d; }
body .form-control:focus { border-color: #c2412d; box-shadow: 0 0 0 2px rgba(194, 65, 45, 0.35); }
body .custom-control-input:checked ~ .custom-control-label::before { border-color: #c2412d; background-color: #c2412d; }

/* product images are square renders on a cream background */
body .item_image img,
body .product-panel-body img { border-radius: 6px; }