/* Shared presentation utilities used across public, customer, and admin pages. */
.mh-page-surface {
  background-color: #fcfcfc !important;
}

.mh-navbar-surface {
  background-color: #fff !important;
}

.mh-site-footer,
.mh-dark-panel {
  background-color: #212529;
}

.mh-primary-background {
  background-color: #d72323;
}

.mh-primary-dark-background {
  background-color: #ab1c1c;
}

.mh-white-primary-button {
  color: #ab1c1c;
  background-color: #fff;
}

.mh-primary-text {
  color: #d72323;
}

.mh-primary-dark-text {
  color: #ab1c1c;
}

.mh-black-text {
  color: #000;
}

.mh-success-text {
  color: #28a745;
}

.mh-warning-text {
  color: #ffc107;
}

.mh-info-text {
  color: #007bff;
}

.mh-danger-text {
  color: #dc3545;
}

.mh-error-text {
  color: #dc3545;
}

.mh-icon-1 {
  font-size: 1rem;
}

.mh-icon-12 {
  font-size: 1.2rem;
}

.mh-icon-14 {
  font-size: 1.4rem;
}

.mh-icon-2 {
  font-size: 2rem;
}

.mh-pointer {
  cursor: pointer;
}

.mh-grab {
  cursor: grab;
}

.mh-full-width {
  width: 100%;
}

.mh-width-70 {
  width: 70%;
}

.mh-min-width-3 {
  min-width: 3rem;
}

.mh-align-self-center {
  align-self: center;
}

.mh-rounded-20 {
  border-radius: 20px;
}

.mh-line-height-1 {
  line-height: 1;
}

.mh-font-09 {
  font-size: 0.9rem;
}

.mh-font-15px {
  font-size: 15px;
}

.mh-link-reset {
  color: inherit;
  text-decoration: none;
}

.mh-feedback-field {
  width: 90%;
  padding: 12px;
  border-radius: 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
}

.mh-feature-icon {
  color: #ab1c1c;
  font-size: 2rem;
}

.mh-device-preview {
  max-height: 400px;
}

.mh-store-badge {
  width: 180px;
}

.mh-promo-panel {
  background-color: #ab1c1c;
  border-radius: 20px;
}

.mh-primary-border {
  border-color: #ab1c1c;
}

.mh-demo-panel {
  background-color: #212529;
  border-radius: 20px;
}

.mh-floating-preview {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin-top: -50px !important;
}

.mh-responsive-preview {
  width: 100%;
  max-width: 300px;
  height: auto;
}

.mh-map-preview {
  position: relative;
  height: 400px;
}

.mh-theme-color {
  color: var(--mh-theme-color, #d72323);
}

.mh-admin-primary-badge {
  color: #fff;
  background: var(--primary-color);
}

.mh-product-description {
  font-size: 0.9rem;
  line-height: 1;
}

.mh-product-image-column {
  width: 64px;
}

.mh-footer-link {
  color: inherit;
  text-decoration: none;
}