/* CDN
PROD 
https://cdn01.devia.com/colordynamics-mazzios/site/css/override.css

Dev 
https://cdn01.devia.com/colordynamics-mazzios/dev/site/css/override.css

*/

/*MEGAEDIT STYLING*/

/*top menu background*/
.editorTop.pane {
  background: black;
}
/*add to cart background*/
button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope {
  background: var(--tertiary);
  text-transform: uppercase;
}
button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope:hover {
  background: var(--tertiaryhover);
}

/*top panel product name*/
.editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name,
.editorTop.pane
  .headerWrapper
  .currentCanvasSizeWrapper
  .current_prod_name:hover {
  overflow: visible;
  background: transparent;
  cursor: default;
  font-weight: 600;
  text-transform: capitalize;
}

.editorTop.pane
  .headerWrapper
  .currentCanvasSizeWrapper
  .current_prod_name:hover {
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
}
.editorTop.pane .catfish-button {
  font-weight: 700;
  color: white;
}
/*left side buttons*/
.buttonContainer.leftSide.buttons {
  flex-direction: row-reverse;
}
/*back button*/
a.btn.btn-default.btn-me.backButton.catfish-button.has-text-hidden-mobile,
.catfish-classes.me-global-menu button.catfish-button {
  order: 1;
  background: var(--primary);
}
a.btn.btn-default.btn-me.backButton.catfish-button.has-text-hidden-mobile:hover,
.catfish-classes.me-global-menu button.catfish-button:hover {
  background: var(--primaryhover);
}

/*right side buttons*/

/*preview button*/
.viewControlButton.previewButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline {
  background: var(--color4);
}
.viewControlButton.previewButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline:hover {
  background: var(--color4hover);
}
/*PDF preview button*/
button.viewControlButton.pdfDownloadButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline {
  background: var(--primary);
}
button.viewControlButton.pdfDownloadButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline:hover {
  background: var(--primaryhover);
}
/*undo redo*/
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton {
  background: var(--primarydark);
  color: white;
}
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton:hover {
  background: var(--primarydarkhover);
  color: white !important;
}
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton[disabled="disabled"] {
  display: none;
}
/*zoom buttons*/
.zoom_options.buttons.ng-scope .catfish-button,
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton.fullScreen.ng-scope {
  background: black;
  color: white;
}
.zoom_options.buttons.ng-scope .catfish-button:hover,
a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton.fullScreen.ng-scope:hover {
  background: black;
}
/*hover text color*/
.editorTop.pane.ui-layout-north.viewControllerContainer.ng-scope.ui-layout-pane.ui-layout-pane-north
  .catfish-button:hover {
  color: white;
}
/*hide left pane from ever loading*/

.megaEditBodyClass-RegisteredUser .editorLeft.is-opened {
  transform: translateX(-101%) !important;
  -webkit-transform: translateX(-101%) !important;
  -moz-transform: translateX(-101%) !important;
  -ms-transform: translateX(-101%) !important;
  -o-transform: translateX(-101%) !important;
}
/* edit design Megaedit*/

.buttonsContainer.buttons.ng-scope button[ng-click="Cancel()"] {
  background: var(--primary);
}
.buttonsContainer.buttons.ng-scope button[ng-click="Cancel()"]:hover {
  background: var(--primaryhover);
}

button.saveProjectButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope {
  background: var(--tertiaryhover);
}
button.saveProjectButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope:hover {
  background: var(--tertiaryhoverdark);
}
/*hideEditorPrice*/
.priceContainer.mobile_hide {
  display: none;
}
.subcategory {
  padding-left: 30px;
}

/* Address selection font color on checkout - Light Mode */
.advanced-select .selected-item .text.dropdownSelectedItem {
  color: #000000 !important;
}

/* Address selection font color on checkout - Dark Mode */
@media (prefers-color-scheme: dark) {
  .checkout-data .vue-component-wrapper-billing .advanced-select .selected-item .text.dropdownSelectedItem,
  .checkout-data .vue-component-wrapper-shipping-address .advanced-select .selected-item .text.dropdownSelectedItem {
    color: #000000 !important;
  }

  .advanced-select .selected-item .text.dropdownSelectedItem {
    color: #ffffff !important;
  }
}

/* Shipping address label - always white */
.enter-address-body__selector label {
  color: #ffffff !important;
}