/* Loyalty Cup Public Styles */
:root { 
  --md-main-background-color: rgb(138, 119, 102);
  --md-icon-hover-color: rgb(211, 208, 193);
  --md-selected-border-color: #7194ff;
  --md-page-background-colour: #f9f9f9;
}

/* General */
body.single-product .woocommerce-notices-wrapper {
 display: none; 
}
.product .price {
  position: relative;
  z-index: 2;
}
.merchr-hidden {
  display: none;  
}

/* General Widget */
.dm_full-canvas-preview-wrapper {
  display: none;
}
#dm_widget-outside-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--md-page-background-colour);
}
#dm_widget-embed {
  margin-bottom: 30px;
}

/* WooCommerce Gallery */
.woocommerce-product-gallery__wrapper {
  position: relative;
  margin: 0 auto!important;
  padding: 0!important;
  max-width: 650px;
}
.merchr-gallery-canvas .woocommerce-product-gallery__image {
  visibility: hidden;
}

/* 3D Visualiser */
#product-3d-overlay {
  display:none; 
  position:fixed; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
  width: 100%;
  height: 100%;  
  z-index: 100001; 
  background: #eee;
}
.visualiser-btn {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 10px;
  height: 28px;
  padding: 12px 28px 14px;
  font-size: 22px;
  border-radius: 21px;
  cursor: pointer;
  z-index: 100002;
  border: 1px solid #7194ff;
}
#merchr-3d-visualiser-close {
  left: 10px;
  color: #7194ff;
  background: #fff;
  border-width: 2px;
}
#merchr-3d-visualiser-buy {
  right: 10px;
  color: #fff;
  background: #7194ff;
}
#merchr-3d-visualiser-close:hover,
#merchr-3d-visualiser-buy:hover {
  opacity: 0.85; 
}
.visualiser-btn div:first-child {
  margin-right: 5px;
}
#merchr-3d-visualiser-buy svg {
  width: 24px;
  height: 24px;
}
#merchr-3d-visualiser-close svg {
  width: 17px;
  height: 17px;
}
#merchr-3d-visualiser-buy svg path {
  stroke: #fff;
  stroke-width: 2px;
}
#merchr-3d-visualiser-close svg {
  fill: #7194ff;
}
#visualiser-loader-wrapper {
  position: fixed;
  display: flex;
  flex-direction: column;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100003;
  background: #eeeeee;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: all 0.2s linear 0.1s;
}
#visualiser-loader-icon {
  display: none;
  margin-bottom: 15px;
}
#visualiser-loader-text {
  display: none;
  margin-bottom: 30px;
}
#visualiser-loader {
  color: #7194ff;
  width: 4px;
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
  transform: translateX(-38px);
  animation: visualiser_spinner 0.5s infinite alternate linear;
}
@keyframes visualiser_spinner {
  50% {
    box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px;
  }
  100% {
    box-shadow: 19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px;
  }
}
.visualiser-helper-icon-wrapper {
  display: none;
  position: fixed;
  top: 10px;
  right: 10px;
  text-align: center;
  z-index: 100002;
  color: #21201E;
}
#visualiser-helper-icon-rotate {
  right: 60px;
}
#visualiser-helper-icon-zoom {}
#merchr-3d-visualiser-product-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  bottom: -16px;
  left: calc(50% - 65px);
  background: #7194ff;
  color: #fff;
  padding: 5px;
  border-radius: 21px;
  cursor: pointer;
  transition: all 0.25s;
}
#merchr-3d-visualiser-product-button:hover {
  opacity: 0.85;
}
#merchr-3d-visualiser-product-button-icon {
  margin-right: 5px;
}

/* Positioning and layout */
.dm_widget-holder {
  margin-top: -55px;
  padding: 0 50px 0 0!important;
}
@media only screen and (max-width: 769px) {
  .dm_widget-holder {
    margin-top: 0;
    padding: 25px!important;
  }
}

/* Font, colour, border, opacity, transition and shadow style changes */
.dm_toggle-btn span {
  color: #aba69c!important;
}
.dm_variants-list-item.swiper-slide-thumb-active {
  color: rgba(165, 159, 133, 0.7)!important;
}
.dm_main-actions .dm_main-action-item {
  background: #fefdfb!important;
  border:1px solid #7194ff!important;
  color: #7194ff!important;
}
.dm_main-actions .dm_main-action-item.dm_active_btn, 
.dm_main-actions .dm_main-action-item.dm_completed {
  background: #7194ff!important;
  border:1px solid #7194ff!important;
  color: #fff!important;
}
.dm_main-actions .dm_main-action-item:hover,
.dm_main-actions .dm_main-action-item.dm_active_btn:hover,
.dm_main-actions .dm_main-action-item.dm_completed:hover {
  background: #7194ff!important;
  border:1px solid #7194ff!important;
  color: #fff!important;
}
.dm_variants-list-item_inner, 
.dm_variants-list-item_inner, 
.dm_wallpapers-list-item_inner, 
.dm_wallpapers-list-item_inner {
  border: 3px solid #efefef!important;
  border-radius: 13px;
  padding: 3px;
}
.dm_variants-list-item_inner.dm_variants-list-item_inner-active, 
.dm_variants-list-item_inner.dm_wallpapers-list-item_inner-active, 
.dm_wallpapers-list-item_inner.dm_variants-list-item_inner-active, 
.dm_wallpapers-list-item_inner.dm_wallpapers-list-item_inner-active {
  box-shadow: none!important;
  border: 3px solid #21201E!important;
}
.dm_variants-list-item_inner:hover,
.dm_wallpapers-list-item_inner:hover {
  border-color: var(--md-selected-border-color)!important;
  box-shadow: none!important;
}
.dm_btn-footer {
  background-color: transparent!important;
  color: #333728!important;
}
.dm_btn-footer .dm_btn-icon {
  background: var(--md-selected-border-color)!important;
}
.dm_btn-footer.dm_disabled .dm_btn-icon {
  opacity: 0.75;
}
#dm_preview-btns button,
.dm_loyalty-qr-preview-buttons button {
  background: #fff!important;
  border: 1px solid var(--md-selected-border-color)!important;
  color: var(--md-selected-border-color)!important;
  font-size: 11px!important;
}
#dm_preview-btns button#dm_remove-design,
.dm_loyalty-qr-preview-buttons button#dm_loyalty_qr_remove {
  border: 1px solid #ff684d !important;
  color: #ff684d !important;
}
#dm_preview-btns button#addToDesign,
.dm_loyalty-qr-preview-buttons button#dm_loyalty_qr_accept {
  border: 1px solid #009815 !important;
  color: #009815 !important;
}
.dm_main-progress-bar {
  box-shadow: none!important;
  background: #fff!important;
}
.dm_close-widget,
.dm_preview-btn {
  box-shadow: none!important;
  background: #fefdfb!important;
}
.dm_close-widget svg path,
.dm_preview-btn svg path {
  fill: var(--md-selected-border-color);
}
.dm_variants-list-item_inner, 
.dm_wallpapers-list-item_inner {
  transition: none!important;
}
.dm_widget-holder .multiselect-header,
.dm_widget-holder input[type="text"] {
  border-radius: 13px!important;
}
.dm_colorpicker-swatch {
  border: 2px solid #F2F2F2!important;
}
.dm_colorpicker-swatch.dm_colorpicker-swatch-selected,
.dm_colorpicker-swatch:hover {
  border: 2px solid #acacac!important;
}
.dm_outside_mode .dm_view-3d-preview {
  background: var(--md-selected-border-color)!important;
  text-transform: uppercase;
  z-index: 3;
}
.dm_loyalty-qr-preview,
.dm_section-design-preview {
  border: 2px solid #efefef!important;
}
.dm_title {
  font-family: var(--header-font)!important;
  color: var(--header-3-color)!important;
}
.dm_loader-container {
  border-radius: 27px!important;
}
.dm_preview-btns button, 
.dm_loyalty-qr-preview-buttons button {
  height: 20px!important;
  padding: 3px 9px 5px!important;
}
@media only screen and (max-width: 769px) {
  .dm_loader-container {
    border-radius: 32px!important;
  }
}