/* Fonts importeren (indien nodig) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Petrona:wght@400;600;700&display=swap');

/* Body styling */
.body {
  font-family: Inter, sans-serif;
  color: #404040;
}

/* Koppen h1 t/m h6 */
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Petrona, serif;
  color: #000000;
}


/* START VERSIONING PRODUCT */

/* hide preview options */
.multipartUi-V2-Footer {
  display: none!important;
}

/* hide productInfoAndRequirements */
.multipartUi-V2-productInfoAndRequirements {
    display: none;
}

/* hide producttitle */
.multipartUi-V2-Intro {
    display: none !important;
}

/* upload statusbar */
.upload-status-container {
    display: none;
}

/* settings in upload box */
.box {
    background-color: #FAFAFA !important;
    border-radius: 8px !important;
    box-shadow: none;
    color: #000000;
    display: block;
    padding: 1.5rem;
    font-family: Inter, sans-serif;
}

/* upload Icon*/
.product-part > .multipartUi-V2-UploadItem > .multipartUi-V2-UploadItemArea > .file > .file-label > .file-cta > .multipart-upload-image-content {
    color: #000000;
}

/* END - VERSIONING PRODUCT */



/* START MegaEdit PRODUCT */

/* hide add to basket bttn for non admin 
.megaEditBodyClass-RegisteredUser button.catfish-button.DFB-AddToBasketButton {
    display: none;
}*/

/* hide add to basket bttn IN PREVIEW */
.megaedit-preview #addToBasketButton {
    display: none!important;
}

/* START style "back" option from preview */
 #previewView button.preview_close_button {
    font-size: 0;
    line-height: 1rem;
    min-height: 3.175rem;
}
#previewView button.preview_close_button:after {
    content: '< Back';
    font-size: 1rem;
}

html[lang="nl"] #previewView button.preview_close_button:after {
    content: '< Terug';
    font-size: 1rem;
}
/* END style "back" option from preview */

/* titel megaeditproduct stylen */
.has-text-primary {
    color: #000000 !important;
}

/* Hide topbar for non admin */
.megaEditBodyClass-RegisteredUser .editorTop.pane.ui-layout-north {
    max-height: 0px;
    padding: 0px;
    overflow: hidden;
    display: none !important;
}

/* Alle buttons met class "catfish button" in het iFrame */
.catfish-button, .button{
    color: #000000;
    border-radius: 8px!important;
    font-family: Inter, sans-serif!important;
    border: 1px solid #000000!important;  
}

/* Alle buttons met class "button" in het iFrame */
.button {
  background-color: #f9f9f9;          /* lichte achtergrond */
  color: #000000;                      /* tekstkleur zwart */
  border: 1px solid #053237;         /* donkere rand */
  border-radius: 8px;                 /* afgeronde hoeken */
  padding: 12px 24px;                  /* binnenruimte */
  font-family: Inter, sans-serif;      /* font gelijk aan body */
  font-size: 16px;                     /* tekstgrootte */
  cursor: pointer;                     /* handje bij hover */
  display: inline-flex;                /* voor icon en text */
  align-items: center;                 /* verticale uitlijning */
  justify-content: space-between;      /* houdt icons en text gescheiden */
  transition: background-color 0.2s, color 0.2s;
  text-decoration: none;               /* voor <a> tags met deze class */
}

/* Hover effect */
.button:hover {
  background-color: #e6e6e6;           /* iets donkerder bij hover */
}

/* zoom functies */
.zoom_options {
    top: 1.5rem;
}

/* canvas size tekst */
.Script_DynamicUiGeneration_New_html .page-canvas-info-area {
    top: 2rem!important;
}

/* achtergrond button */
.background-select-button {
  background-color: #f9f9f9 !important;
  color: #000000 !important;
  border: 1px solid #053237 !important;
}

/* right panel*/
.Script_DynamicUiGeneration_New .freeTargetContainer .customScriptUi-freeTarget {
    padding: 1.5rem !important;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: #FAFAFA !important;
    border-radius: 8px !important;
    min-height: auto !important;
}

/* preview & add to cart button*/
.catfish-button.is-primary, .button.is-primary {
    background-color: #EF6400;
    border-color: #EF6400;
    color: #000000;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
}
/* preview & add to cart button --> HOVER*/
.catfish-button.is-primary:hover, .catfish-button.is-primary.is-hovered, .button.is-primary:hover, .button.is-primary.is-hovered {
    background-color: #FE8D3C;
    border-color: #FE8D3C;
    color: #000000;
}

/* preview PAGE --> btn close preview*/
#previewView .preview_close_button {
    position: absolute;
    top: unset;
    left: 3rem;
    right: unset;
    bottom: 2rem;
    background-color: #f9f9f9;
    color: #000000;
    border: 1px solid #053237;
    border-radius: 8px;
}

/* preview PAGE --> btn add to basket preview*/
.megaedit-preview #addToBasketButton {
    position: absolute;
    top: unset;
    left: unset;
    right: 3rem;
    bottom: 2rem;
}

/* preview PAGE --> hide page counter*/
.cf_imageViewer_pageCounter {
  visibility: hidden;
}

/* END MegaEdit PRODUCT */