/* HoKoJa brand styling */
:root {
  --hokoja-pink: #FF1493;
  --brand-primary: #FF1493;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title,
.product-title,
.h1.product-detail-name {
  font-family: 'Syne', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

a,
.text-primary,
.product-price,
.regular-price,
.current-price,
.price,
.has-discount .discount,
.product-flag.new,
.product-flag.online-only,
.btn-link,
.featured-products .all-product-link,
.product-miniature .product-title a:hover {
  color: #FF1493;
}

a:hover,
a:focus {
  color: #d10074;
}

.btn-primary,
.btn-primary:focus,
.btn.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
  background-color: #FF1493;
  border-color: #FF1493;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
button.btn-primary:hover {
  background-color: #d10074;
  border-color: #d10074;
  color: #fff;
}

.btn-outline-primary,
.btn-outline-primary:focus {
  color: #FF1493;
  border-color: #FF1493;
  background-color: transparent;
}

.btn-outline-primary:hover {
  background-color: #FF1493;
  border-color: #FF1493;
  color: #fff;
}

.form-control:focus,
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
  border-color: #FF1493;
  box-shadow: 0 0 0 0.2rem rgba(255, 20, 147, 0.25);
}

.badge-primary,
.bg-primary,
.label-primary {
  background-color: #FF1493 !important;
  color: #fff;
}

.border-primary {
  border-color: #FF1493 !important;
}

#header .header-top {
  border-bottom: 2px solid #FF1493;
}