/* 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: #A5A085;
  --md-page-background-colour: #f6f3ee;
}

.merchr-hidden {
  display: none;  
}
.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-product-gallery__wrapper {
  position: relative;
  margin: 0 auto!important;
  padding: 0!important;
  max-width: 650px;
}
.merchr-gallery-canvas .woocommerce-product-gallery__image {
  visibility: hidden;
}
#product-3d-overlay {
  display:none; 
  position:fixed; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
  width: 100%;
  height: 100%;  
  z-index: 100001; 
  background: #eee;
}
#merchr-3d-visualiser-close {
  position: fixed;
  top: 15px;
  right: 15px;
  font-size: 32px;
  cursor: pointer;
  z-index: 100002;
}
#merchr-3d-visualiser-close:hover {
  opacity: 0.85; 
}

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

/* Font, colour, border, opacity, transition and shadow style changes */
.dm_title.dm_product-name {
  font-size: 21px!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 var(--md-selected-border-color)!important;
  color: #8B7668!important;
}
.dm_main-actions .dm_main-action-item.dm_active_btn, 
.dm_main-actions .dm_main-action-item:hover,
.dm_main-actions .dm_main-action-item.dm_completed {
  background: #8B7668!important;
  border:1px solid #8B7668!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 #F2F2F2!important;
  border-radius: 13px;
}
.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 #696554!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_upload-design {
  background: #fff!important;
  border: 1px dashed var(--md-selected-border-color)!important;
  color: var(--md-selected-border-color)!important;
}
#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: 3px solid #696554!important;
}