/* Neha code */
/* ============================================================
   ENHANCED CROP TOOL OVERRIDES - April 2026
   Developer - Neha
   https://deluxe.atlassian.net/browse/W2P-4483
   ============================================================ */
 
/* ── FULL SCREEN ── */
.miniCropPopUpMask {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9998 !important;
    overflow: hidden !important;
}
 
.miniCropPopUpWrap {
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: 98% !important;
    height: 96% !important;
    margin: 0 !important;
    overflow: hidden !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
}
 
/* ── HEADER ── */
.miniCropPopUpHeader {
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}
 
/* ── HIDE OLD CONTROLS ── */
.miniCropPopUpHeader .miniCropToggleWrap {
    display: none !important;
}
 
.miniCropSave {
    display: none !important;
}
 
.mct_preview_btn {
    display: none !important;
}
 
.mct_onoff_wrap {
    display: none !important;
}
 
/* ── FIX CLOSE BUTTON ── */
.miniCropPopUpClose {
    right: 8px !important;
    top: 8px !important;
    z-index: 10000 !important;
}
 
/* ── BODY ── */
.miniCropPopUpBody {
    width: 100% !important;
    height: calc(100vh - 54px) !important;
    max-height: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    position: relative !important;
    /* background: #e8e8e8 !important; */
}
 
.miniCropPopUpBody canvas {
    width: 100% !important;
    height: 100% !important;
}
 
.miniCropPopUpBody .miniCropLoader {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
}
 
.mct_preview_wrapper {
    width: 100% !important;
    height: 100% !important;
}
 
/* ── CENTER CANVAS ── */
.miniCropPopUpWrap .frontCanvas,
.miniCropPopUpWrap .backCanvas {
    position: absolute !important;
    margin-left: 15%;
 /*   top: 70% !important;
    left: 46% !important;
    transform: translate(-50%, -50%) !important; */
}
 
/* ── TOOLBAR ── */
.miniCropPopUpToolBar {
    top: 105px !important;
    left: 19px !important;
    z-index: 100 !important;
}
 
/* ── HIDE DESCRIPTION MESSAGES PERMANENTLY ── */
/* These were showing as scrollable text on right */
.mct_bleed_msg,
.mct_cut_msg,
.mct_safety_msg {
    display: none !important;
}
 
/* ── HIDE OLD GUIDE LINK PANEL ── */
/* We will replace with new right panel */
.mct_guide_lines_link {
    display: none !important;
}
 
/* ── HIDE CHECKLIST BOTTOM BAR ── */
.mct_checklist_wrap {
    display: none !important;
}
 
/* ── NEW RIGHT PANEL ── */
/* Matches Figma: "2 Easy Steps" + Crop Front + Next + Guideline Key */

.mct_right_panel {
    position: absolute !important;
    right: 0 !important;
    top: 54px !important;
    width: 220px !important;
    height: calc(100vh - 54px) !important;
    background: #ffffff !important;
    border-left: 1px solid #e0e0e0 !important;
    box-sizing: border-box !important;
    padding: 20px 16px !important;
    z-index: 50 !important;
    overflow-y: auto !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
}
 
.mct_panel_title {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #333 !important;
    margin-bottom: 16px !important;
}
 
.mct_panel_step_label {
    font-size: 12px !important;
    color: #555 !important;
    margin-bottom: 6px !important;
    font-weight: bold;
}
 
.mct_panel_step_value {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #3276B1 !important;
    margin-bottom: 12px !important;
}
 
.mct_panel_next_btn,mct_panel_next_btn {
    background: url(../images/save-btn.png) no-repeat;
    width: 72% !important;
    height: 34px !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    cursor: pointer !important;    
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
 
.mct_panel_next_btn:hover {
    background: url(../images/save-btn.png) no-repeat;
    color: #fff !important;
}
 
/* Guideline Key inside right panel */
.mct_panel_guide_title {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    padding-top: 16px !important;
    border-top: 1px solid #eee !important;
    margin-left: 32px;
}
 
.mct_panel_guide_row {
    margin-bottom: 10px !important;
}
 
.mct_panel_guide_label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 3px !important;
}
 
.mct_panel_guide_line {
    display: inline-block !important;
    width: 24px !important;
    height: 0 !important;
    flex-shrink: 0 !important;
}
 
.mct_panel_guide_line.bleed {
    border-top: 2px dashed #ff0000 !important;
}
 
.mct_panel_guide_line.cut {
    border-top: 2px dashed #000000 !important;
}
 
.mct_panel_guide_line.safety {
    border-top: 2px dashed #00a0d3 !important;
}
 
.mct_panel_guide_name {
    font-size: 11px !important;
    font-weight: bold !important;
    color: #333 !important;
}
 
.mct_panel_guide_desc {
    font-size: 10px !important;
    color: #777 !important;
    line-height: 1.4 !important;
    padding-left: 32px !important;
}
 
/* ── BODY SHRINKS TO MAKE ROOM FOR RIGHT PANEL ── */
.miniCropPopUpBody {
    /* width: calc(100% - 220px) !important; */
    width: calc(100%) !important;
}

/* ═══════════════════════════════════════════
   STEP PANELS - April 2026
   ═══════════════════════════════════════════ */
 
/* Crop label + value on same line */
.mct_panel_crop_row {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
}
.mct_panel_crop_row .mct_panel_step_label {
    margin-bottom: 0 !important;
}
.mct_panel_crop_row .mct_panel_step_value {
    margin-bottom: 0 !important;
}
 
/* Back + Next button row on step 2 */
.mct_panel_btn_row {
    display: flex !important;
    gap: 8px !important;
    /* margin-bottom: 20px !important; */
}
.mct_panel_btn_row .mct_panel_back_btn {
    flex: 1 !important;
}
.mct_panel_btn_row .mct_panel_next_btn {
    flex: 1 !important;
    margin-bottom: 0 !important;
}
 
/* Back button (standalone) */
.mct_panel_back_btn {
    background: url(../images/save-btn-back.png) no-repeat;
    width: 100% !important;
    height: 34px !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    cursor: pointer !important;    
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
.mct_panel_back_btn:hover {
    background: url(../images/save-btn-back.png) no-repeat;
    color: #fff !important;
}
 
/* Guide section separator */
.mct_step_panel {
    padding-top: 14px !important;
    margin-top: 4px !important;
    margin-bottom: 14px !important;
}
 
/* Friendly Reminder */
.mct_panel_reminder {
    background: #ffffff !important;
   /* border: 1px solid #c8dff5 !important;
    border-radius: 4px !important; */
    padding: 10px 12px !important;
    margin-top: 8px !important;
}
.mct_panel_reminder_title {
    font-size: 11px !important;
    font-weight: bold !important;
    color: #c0392b !important;
    margin-bottom: 8px !important;
}
.mct_panel_reminder p {
    font-size: 10px !important;
    color: #555 !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
}
.mct_panel_reminder p:last-child {
    margin-bottom: 0 !important;
}
 
/* Preview note */
.mct_panel_preview_note {
    font-size: 11px !important;
    color: #555 !important;
    line-height: 1.5 !important;
    margin-bottom: 14px !important;
    display: block !important;
}
 
/* Warning */
.mct_panel_review_warn {
    font-size: 11px !important;
    font-weight: bold !important;
    color: #c0392b !important;
    margin-bottom: 8px !important;
    display: block !important;
}
 
/* Checkbox wrap */
.mct_panel_checkbox_wrap {
    background: #fff8e1 !important;
    border: 1px solid #f0c040 !important;
    border-radius: 4px !important;
    padding: 10px !important;
    margin-bottom: 14px !important;
}
.mct_panel_checkbox_label {
    font-size: 11px !important;
    color: #333 !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
}
.mct_panel_checkbox_label input[type="checkbox"] {
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}
 
/* Finish button */
.mct_panel_finish_btn {
    width: 100% !important;
    height: 34px !important;
    background: #0780a8 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    display: block !important;
    box-sizing: border-box !important;
}
.mct_panel_finish_btn:hover:not([disabled]) {
   background: #056a8f !important;
}
.mct_panel_finish_btn.mct_finish_disabled,
.mct_panel_finish_btn[disabled] {
    background: #b0b0b0 !important;
    cursor: not-allowed !important;
    opacity: 0.85 !important;
}

.mct_step_panel{
    background: #f0f7ff !important;
    border-radius: 4px !important; 
}

#mct_next_btn1, #mct_preview_back_btn1{
    margin-left: 32px;
}

.myaccount-jobdetails-approvetoprintbutton:disabled{
   cursor: not-allowed !important;
   pointer-events: none !important;
   filter: blur(1px) grayscale(80%) !important;
   opacity: .5 !important;
}
body.restricted-product .add-to-cart:disabled,
body.restricted-product .add-to-cart.disabled {
    filter: blur(0.5px) grayscale(16%) !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}
body.restricted-product .add-to-cart:not(:disabled):not(.disabled) {
    filter: none !important;
    opacity: 1 !important;
}