/* SweetAlert2 — only when Qikink designer page is open (modal is under ) */ /* Title styling */ body.qikink-designer-page .swal2-title { font-size: 18px !important; color: #ff6700 !important; text-align: center !important; margin: 0 0 10px 0 !important; padding: 0 !important; font-weight: 600 !important; font-family: "Nunito", sans-serif !important; } /* Content container styling */ body.qikink-designer-page .swal2-html-container { font-size: 14px !important; line-height: 1.6 !important; margin: 0 15px !important; text-align: left !important; color: #333 !important; padding-top: 0; } /* Hide icon (if needed) */ body.qikink-designer-page .swal2-icon { display: none !important; } /* Button styling */ body.qikink-designer-page .swal2-confirm, body.qikink-designer-page .swal2-cancel { font-size: 14px !important; padding: 10px 20px !important; border-radius: 5px !important; text-transform: uppercase !important; transition: background-color 0.3s ease !important; } /* Confirm button */ body.qikink-designer-page .swal2-confirm { background-color: #ff6700 !important; color: #fff !important; border: none !important; } /* Cancel button */ body.qikink-designer-page .swal2-cancel { background-color: #f0f0f0 !important; color: #333 !important; border: none !important; } /* Hover effects */ body.qikink-designer-page .swal2-confirm:hover { background-color: #e65c00 !important; } body.qikink-designer-page .swal2-cancel:hover { background-color: #d1d1d1 !important; } /* Close button styling */ body.qikink-designer-page .swal2-close { background-color: transparent !important; color: #ff6700 !important; font-size: 22px !important; padding: 5px !important; border: none !important; } /* Optional: Add a box shadow to the modal for a better effect */ body.qikink-designer-page .swal2-popup { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important; border-radius: 10px !important; } body.qikink-designer-page .swal2-actions { display: flex !important; flex-wrap: nowrap !important; align-content: center !important; justify-content: center !important; align-items: center !important; margin-top: 10px !important; padding: 5px 8px !important; font-size: 13px !important; } body.qikink-designer-page .swal2-confirm, body.qikink-designer-page .swal2-cancel { padding: 8px !important; font-size: 12px !important; text-transform: none !important; } body.qikink-designer-page .swal-title { padding: 0 !important; } /* Designer UI — scoped to wrapper */ @scope (.qikink-designer-root) { .in_inches { color: #757573; } .smart-guide { border-color: #ff0000; } div.viewItemSelect img { border: none !important; } #myModal { overflow: hidden; } .viewItemSelect { padding: 10px 0 10px 0 !important; } .viewSelected img.img-responsive { border: 1px solid #e5743b !important; } .scFullSize .card { box-shadow: none; } .swiper-slide { max-height: 135px !important; } #width, #height, #design_angle { border-bottom: 1px solid #c5c9c7 !important; border-radius: 0px; } .popover { font-size: 12px !important; min-width: 200px !important; max-width: 230px !important; } #price, #width, #height, #dpi, #print_quality, #design_angle { background-color: #f8f8f8; } @media (min-width: 500px) and (max-width: 1200px) { .mockup_design_right { padding: 10px !important; } } .fpd-panel-position { display: flex; align-items: center; justify-content: space-around; gap: 10px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); padding: 10px 20px; border-radius: 30px; } .align-icon, .fpd-tooltip { display: flex; align-items: center; justify-content: center; margin: 0; } .fpd-tooltip img, .fpd-tooltip object { display: block; } .qikink-icon-color { color: #ff6700 !important; font-size: 23px; } .design-note { text-indent: -15px; margin-bottom: 8px; word-wrap: break-word; } }