{"id":66563,"date":"2026-05-22T16:18:11","date_gmt":"2026-05-22T13:18:11","guid":{"rendered":"https:\/\/www.alardha.com\/blog\/?page_id=66563"},"modified":"2026-05-25T20:07:28","modified_gmt":"2026-05-25T17:07:28","slug":"kja_greeting_sympathy_cards_generator","status":"publish","type":"page","link":"https:\/\/www.alardha.com\/blog\/kja_greeting_sympathy_cards_generator\/","title":{"rendered":"\u0645\u0635\u0645\u0645 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"66563\" class=\"elementor elementor-66563\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-726d793 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"726d793\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0874edf\" data-id=\"0874edf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b51f20d elementor-widget elementor-widget-shortcode\" data-id=\"b51f20d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> \t\t<style id=\"kja-arabic-card-wizard-style\">\r\n\t\t\t@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\");\r\n\r\n\t\t\t.kja-card-wizard,\r\n\t\t\t.kja-card-wizard * {\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tfont-family: \"Tajawal\", Arial, sans-serif !important;\r\n\t\t\t\tletter-spacing: 0 !important;\r\n\t\t\t\ttext-transform: none !important;\r\n\t\t\t\ttext-shadow: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-wizard {\r\n\t\t\t\tall: initial;\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tdirection: rtl !important;\r\n\t\t\t\tmax-width: 920px !important;\r\n\t\t\t\tmargin-block: 24px !important;\r\n\t\t\t\tmargin-inline: auto !important;\r\n\t\t\t\tpadding-inline: 12px !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tline-height: 1.7 !important;\r\n\t\t\t\ttext-align: start !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-box {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tpadding: 16px !important;\r\n\t\t\t\tborder: 1px solid rgba(17, 24, 39, .14) !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tbox-shadow: 0 10px 24px rgba(17, 24, 39, .08) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-heading,\r\n\t\t\t.kja-card-box h3,\r\n\t\t\t.kja-card-lead,\r\n\t\t\t.kja-status {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tmargin: 0 !important;\r\n\t\t\t\tpadding: 0 !important;\r\n\t\t\t\tcolor: inherit !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-heading {\r\n\t\t\t\tmargin-block-end: 8px !important;\r\n\t\t\t\tfont-size: 30px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t\tline-height: 1.35 !important;\r\n\t\t\t\ttext-align: center !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-box h3 {\r\n\t\t\t\tmargin-block-end: 12px !important;\r\n\t\t\t\tfont-size: 21px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t\tline-height: 1.4 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-lead {\r\n\t\t\t\tmargin-block-end: 16px !important;\r\n\t\t\t\tcolor: #4b5563 !important;\r\n\t\t\t\tfont-size: 16px !important;\r\n\t\t\t\ttext-align: center !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-steps {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\tgap: 8px !important;\r\n\t\t\t\tmargin-block: 16px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-steps span {\r\n\t\t\t\tdisplay: inline-grid !important;\r\n\t\t\t\tplace-items: center !important;\r\n\t\t\t\tinline-size: 36px !important;\r\n\t\t\t\tblock-size: 36px !important;\r\n\t\t\t\tborder: 1px solid #e2e8f0 !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t\tbackground: #eef2f7 !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tfont-size: 16px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-steps span.is-complete {\r\n\t\t\t\tborder-color: #cbd5e1 !important;\r\n\t\t\t\tbackground: #f8fafc !important;\r\n\t\t\t\tcolor: #334155 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-steps span.is-current {\r\n\t\t\t\tborder-color: #111827 !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tbox-shadow: 0 0 0 4px rgba(17, 24, 39, .08) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgap: 14px !important;\r\n\t\t\t\tmargin-block: 18px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step[hidden],\r\n\t\t\t.kja-nav button[hidden] {\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-choice-grid {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n\t\t\t\tgap: 10px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-field {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgap: 8px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-label-row {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: space-between !important;\r\n\t\t\t\tgap: 10px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-label {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tfont-size: 15px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-counter {\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tmin-width: 54px !important;\r\n\t\t\t\tmin-height: 28px !important;\r\n\t\t\t\tborder: 1px solid #dbe3ee !important;\r\n\t\t\t\tborder-radius: 999px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tcolor: #334155 !important;\r\n\t\t\t\tpadding-block: 3px !important;\r\n\t\t\t\tpadding-inline: 10px !important;\r\n\t\t\t\tfont-size: 13px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1 !important;\r\n\t\t\t\tdirection: ltr !important;\r\n\t\t\t\tbox-shadow: 0 6px 14px rgba(17, 24, 39, .06) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-field {\r\n\t\t\t\tmargin-block-start: 14px !important;\r\n\t\t\t\tpadding-block-start: 12px !important;\r\n\t\t\t\tborder-block-start: 1px solid rgba(148, 163, 184, .28) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-empty {\r\n\t\t\t\tmargin: 0 !important;\r\n\t\t\t\tpadding: 12px !important;\r\n\t\t\t\tborder: 1px solid rgba(153, 27, 27, .18) !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #fef2f2 !important;\r\n\t\t\t\tcolor: #991b1b !important;\r\n\t\t\t\tfont-size: 15px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-select {\r\n\t\t\t\tposition: absolute !important;\r\n\t\t\t\tinline-size: 1px !important;\r\n\t\t\t\tblock-size: 1px !important;\r\n\t\t\t\toverflow: hidden !important;\r\n\t\t\t\tclip: rect(0 0 0 0) !important;\r\n\t\t\t\tclip-path: inset(50%) !important;\r\n\t\t\t\twhite-space: nowrap !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-slider {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgrid-template-columns: 42px minmax(0, 1fr) 42px !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tgap: 8px !important;\r\n\t\t\t\tpadding: 8px !important;\r\n\t\t\t\tborder: 1px solid #e2e8f0 !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #f8fafc !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-picker {\r\n\t\t\t\tdirection: ltr !important;\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\tgap: 12px !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tpadding: 4px 18px !important;\r\n\t\t\t\toverflow-x: auto !important;\r\n\t\t\t\toverflow-y: hidden !important;\r\n\t\t\t\tscroll-behavior: smooth !important;\r\n\t\t\t\tscroll-snap-type: x mandatory !important;\r\n\t\t\t\t-webkit-overflow-scrolling: touch !important;\r\n\t\t\t\tscrollbar-width: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-picker::-webkit-scrollbar {\r\n\t\t\t\tdisplay: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-slider-btn,\r\n\t\t\t.kja-template-card {\r\n\t\t\t\tappearance: none !important;\r\n\t\t\t\tborder: 1px solid #dbe3ee !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\tfont-family: \"Tajawal\", Arial, sans-serif !important;\r\n\t\t\t\ttext-shadow: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-slider-btn {\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tinline-size: 42px !important;\r\n\t\t\t\tblock-size: 42px !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t\tfont-size: 26px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-slider-btn[disabled] {\r\n\t\t\t\topacity: .36 !important;\r\n\t\t\t\tcursor: default !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-card {\r\n\t\t\t\tdirection: rtl !important;\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\tflex: 0 0 clamp(142px, 34vw, 178px) !important;\r\n\t\t\t\tflex-direction: column !important;\r\n\t\t\t\tgap: 8px !important;\r\n\t\t\t\tmin-height: 132px !important;\r\n\t\t\t\tpadding: 8px !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tfont-size: 13px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1.35 !important;\r\n\t\t\t\tscroll-snap-align: center !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-card-preview {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\taspect-ratio: 16 \/ 9 !important;\r\n\t\t\t\tborder: 1px solid rgba(148, 163, 184, .45) !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground-color: #ffffff !important;\r\n\t\t\t\tbackground-position: center !important;\r\n\t\t\t\tbackground-repeat: no-repeat !important;\r\n\t\t\t\tbackground-size: cover !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-card > span:not(.kja-template-card-preview) {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\ttext-align: center !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-card.is-selected {\r\n\t\t\t\tborder-color: #2563eb !important;\r\n\t\t\t\tbackground: #eff6ff !important;\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(37, 99, 235, .16) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-template-card.is-selected:after {\r\n\t\t\t\tcontent: \"\u2713\";\r\n\t\t\t\tposition: absolute !important;\r\n\t\t\t\ttop: 7px !important;\r\n\t\t\t\tleft: 7px !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tinline-size: 22px !important;\r\n\t\t\t\tblock-size: 22px !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t\tbackground: #2563eb !important;\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tfont-size: 13px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-choice-grid button {\r\n\t\t\t\tappearance: none !important;\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tmin-height: 68px !important;\r\n\t\t\t\tborder: 1px solid #dbe3ee !important;\r\n\t\t\t\tborder-inline-start-width: 5px !important;\r\n\t\t\t\tborder-inline-start-color: #dbe3ee !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tpadding-block: 12px !important;\r\n\t\t\t\tpadding-inline: 14px 34px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tbox-shadow: 0 6px 16px rgba(17, 24, 39, .06) !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\tfont-size: 16px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1.25 !important;\r\n\t\t\t\ttext-decoration: none !important;\r\n\t\t\t\twhite-space: normal !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-choice-grid button.is-selected {\r\n\t\t\t\tborder-color: #9a3412 !important;\r\n\t\t\t\tborder-inline-start-color: #9a3412 !important;\r\n\t\t\t\tbackground: #fff7ed !important;\r\n\t\t\t\tcolor: #7c2d12 !important;\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(154, 52, 18, .14), 0 8px 18px rgba(17, 24, 39, .07) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-choice-grid button[data-kja-type=\"sad\"].is-selected {\r\n\t\t\t\tborder-color: #334155 !important;\r\n\t\t\t\tborder-inline-start-color: #334155 !important;\r\n\t\t\t\tbackground: #f8fafc !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(51, 65, 85, .14), 0 8px 18px rgba(17, 24, 39, .07) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-choice-grid button.is-selected:after {\r\n\t\t\t\tcontent: \"\\2713\";\r\n\t\t\t\tposition: absolute !important;\r\n\t\t\t\tinset-block-start: 9px !important;\r\n\t\t\t\tinset-inline-end: 9px !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tinline-size: 20px !important;\r\n\t\t\t\tblock-size: 20px !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t\tbackground: currentColor !important;\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tfont-size: 12px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-choice-grid.is-invalid button {\r\n\t\t\t\tborder-color: #dc2626 !important;\r\n\t\t\t\tbackground: #fef2f2 !important;\r\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(220, 38, 38, .12) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-nav button {\r\n\t\t\t\tappearance: none !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tmin-height: 48px !important;\r\n\t\t\t\tborder: 0 !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tpadding-block: 12px !important;\r\n\t\t\t\tpadding-inline: 18px !important;\r\n\t\t\t\tbackground: #111827 !important;\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\tfont-size: 16px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t\tline-height: 1.25 !important;\r\n\t\t\t\ttext-decoration: none !important;\r\n\t\t\t\twhite-space: normal !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-nav button[disabled] {\r\n\t\t\t\topacity: .45 !important;\r\n\t\t\t\tcursor: not-allowed !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-nav button[data-kja-prev],\r\n\t\t\t.kja-nav button[data-kja-share],\r\n\t\t\t.kja-nav button.kja-nav-secondary {\r\n\t\t\t\tborder: 1px solid #cbd5e1 !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tbox-shadow: 0 6px 16px rgba(17, 24, 39, .06) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-nav button[data-kja-prev]:hover,\r\n\t\t\t.kja-nav button[data-kja-share]:hover,\r\n\t\t\t.kja-nav button.kja-nav-secondary:hover,\r\n\t\t\t.kja-nav button[data-kja-prev]:focus,\r\n\t\t\t.kja-nav button[data-kja-share]:focus,\r\n\t\t\t.kja-nav button.kja-nav-secondary:focus {\r\n\t\t\t\tborder-color: #94a3b8 !important;\r\n\t\t\t\tbackground: #f8fafc !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step label {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgap: 6px !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tfont-size: 15px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step > label > span:first-child,\r\n\t\t\t.kja-template-label {\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\twidth: fit-content !important;\r\n\t\t\t\tborder-radius: 6px !important;\r\n\t\t\t\tbackground: #eef6ff !important;\r\n\t\t\t\tcolor: #1e3a8a !important;\r\n\t\t\t\tpadding-block: 3px !important;\r\n\t\t\t\tpadding-inline: 8px !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1.35 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step input,\r\n\t\t\t.kja-step select {\r\n\t\t\t\tappearance: none !important;\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tmin-height: 48px !important;\r\n\t\t\t\tborder: 1px solid rgba(17, 24, 39, .22) !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tpadding-block: 10px !important;\r\n\t\t\t\tpadding-inline: 14px !important;\r\n\t\t\t\tfont-size: 16px !important;\r\n\t\t\t\tfont-weight: 500 !important;\r\n\t\t\t\tline-height: 1.4 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step select {\r\n\t\t\t\tborder-color: #94a3b8 !important;\r\n\t\t\t\tbackground-color: #f8fafc !important;\r\n\t\t\t\tbackground-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'\/%3E%3C\/svg%3E\") !important;\r\n\t\t\t\tbackground-position: left 14px center !important;\r\n\t\t\t\tbackground-repeat: no-repeat !important;\r\n\t\t\t\tbackground-size: 18px 18px !important;\r\n\t\t\t\tpadding-inline: 14px 46px !important;\r\n\t\t\t\tbox-shadow: inset 0 0 0 1px rgba(148, 163, 184, .28), 0 6px 16px rgba(17, 24, 39, .05) !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step select:hover {\r\n\t\t\t\tborder-color: #64748b !important;\r\n\t\t\t\tbackground-color: #ffffff !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step select.is-placeholder {\r\n\t\t\t\tcolor: #64748b !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step select.is-invalid {\r\n\t\t\t\tborder-color: #dc2626 !important;\r\n\t\t\t\tbackground-color: #fef2f2 !important;\r\n\t\t\t\tbox-shadow: inset 0 0 0 1px rgba(220, 38, 38, .35), 0 0 0 4px rgba(220, 38, 38, .12) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-tone-options {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgrid-template-columns: 1fr !important;\r\n\t\t\t\talign-items: start !important;\r\n\t\t\t\tgap: 8px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step .kja-tone-option {\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: flex-start !important;\r\n\t\t\t\tgap: 6px !important;\r\n\t\t\t\tmin-height: 0 !important;\r\n\t\t\t\tborder: 0 !important;\r\n\t\t\t\tborder-radius: 0 !important;\r\n\t\t\t\tbackground: transparent !important;\r\n\t\t\t\tcolor: #111827 !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\tfont-size: 15px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t\tline-height: 1.25 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-tone-option:has(input:checked) {\r\n\t\t\t\tcolor: #7c2d12 !important;\r\n\t\t\t\tbox-shadow: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-tone-option input[type=\"radio\"] {\r\n\t\t\t\tappearance: auto !important;\r\n\t\t\t\taccent-color: #7c2d12 !important;\r\n\t\t\t\tdisplay: inline-block !important;\r\n\t\t\t\twidth: 16px !important;\r\n\t\t\t\tmin-height: 16px !important;\r\n\t\t\t\theight: 16px !important;\r\n\t\t\t\tmargin: 0 !important;\r\n\t\t\t\tpadding: 0 !important;\r\n\t\t\t\tborder: 0 !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-step input:focus,\r\n\t\t\t.kja-step select:focus,\r\n\t\t\t.kja-choice-grid button:focus,\r\n\t\t\t.kja-nav button:focus,\r\n\t\t\t.kja-template-slider-btn:focus,\r\n\t\t\t.kja-template-card:focus {\r\n\t\t\t\toutline: 4px solid rgba(37, 99, 235, .25) !important;\r\n\t\t\t\toutline-offset: 2px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-canvas-wrap {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tpadding: 10px !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #f3f4f6 !important;\r\n\t\t\t\toverflow: hidden !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-canvas-wrap canvas {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\theight: auto !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbox-shadow: 0 10px 24px rgba(17, 24, 39, .16) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-nav {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\tflex-wrap: wrap !important;\r\n\t\t\t\tgap: 10px !important;\r\n\t\t\t\tmargin-block-start: 16px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-status {\r\n\t\t\t\tmin-height: 26px !important;\r\n\t\t\t\tmargin-block-start: 12px !important;\r\n\t\t\t\tcolor: #166534 !important;\r\n\t\t\t\tfont-size: 15px !important;\r\n\t\t\t\tfont-weight: 800 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-wrap,\r\n\t\t\t.kja-card-settings-wrap * {\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tfont-family: \"Tajawal\", Arial, sans-serif !important;\r\n\t\t\t\tletter-spacing: 0 !important;\r\n\t\t\t\ttext-shadow: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-wrap {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tdirection: rtl !important;\r\n\t\t\t\tmax-width: 1120px !important;\r\n\t\t\t\tmargin: 24px auto !important;\r\n\t\t\t\tpadding-inline: 12px !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-panel {\r\n\t\t\t\toverflow: hidden !important;\r\n\t\t\t\tborder: 1px solid #dbe3ee !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tbox-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-head {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: space-between !important;\r\n\t\t\t\tgap: 12px !important;\r\n\t\t\t\tpadding: 18px 20px !important;\r\n\t\t\t\tborder-bottom: 1px solid #e2e8f0 !important;\r\n\t\t\t\tbackground: #f8fafc !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-head strong {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tmargin: 0 !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 22px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1.35 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-head small {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tmargin-block-start: 4px !important;\r\n\t\t\t\tcolor: #64748b !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tfont-weight: 700 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-body {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgap: 18px !important;\r\n\t\t\t\tpadding: 18px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-section {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgap: 12px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-section-title {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\tflex-wrap: wrap !important;\r\n\t\t\t\talign-items: baseline !important;\r\n\t\t\t\tjustify-content: space-between !important;\r\n\t\t\t\tgap: 8px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-section-title span {\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 18px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-section-title small {\r\n\t\t\t\tcolor: #64748b !important;\r\n\t\t\t\tfont-size: 13px !important;\r\n\t\t\t\tfont-weight: 700 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-grid {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n\t\t\t\tgap: 12px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-template {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgrid-template-columns: 150px minmax(0, 1fr) !important;\r\n\t\t\t\tgap: 12px !important;\r\n\t\t\t\talign-items: stretch !important;\r\n\t\t\t\tpadding: 12px !important;\r\n\t\t\t\tborder: 1px solid #e2e8f0 !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-preview {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\taspect-ratio: 16 \/ 9 !important;\r\n\t\t\t\tborder: 1px solid rgba(148, 163, 184, .45) !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground-color: #f8fafc !important;\r\n\t\t\t\tbackground-position: center !important;\r\n\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\tbackground-repeat: no-repeat !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-fields {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgap: 10px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-template-name {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tmin-height: 34px !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #f8fafc !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 15px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1.4 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-fields label {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgap: 5px !important;\r\n\t\t\t\tmargin: 0 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-setting-label-row {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: space-between !important;\r\n\t\t\t\tgap: 8px !important;\r\n\t\t\t\tcolor: #334155 !important;\r\n\t\t\t\tfont-size: 13px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-fields input {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tmin-height: 42px !important;\r\n\t\t\t\tborder: 1px solid #cbd5e1 !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tpadding: 8px 10px !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tfont-weight: 700 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-fields input[type=\"color\"] {\r\n\t\t\t\tpadding: 4px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-actions {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\tflex-wrap: wrap !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tgap: 10px !important;\r\n\t\t\t\tpadding-block-start: 4px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-save {\r\n\t\t\t\tappearance: none !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tmin-height: 46px !important;\r\n\t\t\t\tborder: 0 !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #111827 !important;\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\tpadding: 11px 18px !important;\r\n\t\t\t\tfont-size: 15px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-settings-save[disabled] {\r\n\t\t\t\topacity: .55 !important;\r\n\t\t\t\tcursor: wait !important;\r\n\t\t\t}\r\n\r\n\t\t\t[data-kja-card-settings-status] {\r\n\t\t\t\tcolor: #166534 !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-info-wrap,\r\n\t\t\t.kja-card-info-wrap * {\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tfont-family: \"Tajawal\", Arial, sans-serif !important;\r\n\t\t\t\tletter-spacing: 0 !important;\r\n\t\t\t\ttext-shadow: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-info-wrap {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tgap: 12px !important;\r\n\t\t\t\tmax-width: 920px !important;\r\n\t\t\t\tmargin: 18px auto !important;\r\n\t\t\t\tpadding-inline: 12px !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-info {\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\tflex-wrap: wrap !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tgap: 8px !important;\r\n\t\t\t\tpadding: 8px 10px !important;\r\n\t\t\t\tborder: 1px solid #dbe3ee !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tbox-shadow: 0 6px 16px rgba(15, 23, 42, .06) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-info-label {\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\ttext-align: center !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-info-link {\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tinline-size: 30px !important;\r\n\t\t\t\tblock-size: 30px !important;\r\n\t\t\t\tborder: 1px solid #cbd5e1 !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t\tbackground: #f8fafc !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 15px !important;\r\n\t\t\t\tline-height: 1 !important;\r\n\t\t\t\ttext-decoration: none !important;\r\n\t\t\t\tbox-shadow: 0 2px 6px rgba(15, 23, 42, .12) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-info-link:hover,\r\n\t\t\t.kja-card-info-link:focus {\r\n\t\t\t\tbackground: #eff6ff !important;\r\n\t\t\t\tborder-color: #93c5fd !important;\r\n\t\t\t\toutline: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-info-link.is-disabled {\r\n\t\t\t\topacity: .55 !important;\r\n\t\t\t\tcursor: default !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count-wrap,\r\n\t\t\t.kja-card-count-wrap * {\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tfont-family: \"Tajawal\", Arial, sans-serif !important;\r\n\t\t\t\tletter-spacing: 0 !important;\r\n\t\t\t\ttext-shadow: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count-wrap {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tdirection: rtl !important;\r\n\t\t\t\ttext-align: center !important;\r\n\t\t\t\tmargin: 8px auto 14px !important;\r\n\t\t\t\tpadding-inline: 10px !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count {\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tgap: 9px !important;\r\n\t\t\t\tmax-width: 100% !important;\r\n\t\t\t\tpadding: 10px 14px 10px 16px !important;\r\n\t\t\t\tborder: 1px solid rgba(203, 213, 225, .98) !important;\r\n\t\t\t\tborder-radius: 999px !important;\r\n\t\t\t\tbackground: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 13px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1.5 !important;\r\n\t\t\t\tbox-shadow: 0 14px 34px rgba(15, 23, 42, .22), 0 2px 0 rgba(255, 255, 255, .9) inset !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count:before {\r\n\t\t\t\tcontent: \"\" !important;\r\n\t\t\t\tposition: absolute !important;\r\n\t\t\t\tinset: 3px !important;\r\n\t\t\t\tborder: 1px solid rgba(37, 99, 235, .12) !important;\r\n\t\t\t\tborder-radius: 999px !important;\r\n\t\t\t\tpointer-events: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count-link {\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tinline-size: 30px !important;\r\n\t\t\t\tblock-size: 30px !important;\r\n\t\t\t\tborder: 1px solid #bae6fd !important;\r\n\t\t\t\tborder-radius: 50% !important;\r\n\t\t\t\tbackground: #e0f2fe !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 13px !important;\r\n\t\t\t\tline-height: 1 !important;\r\n\t\t\t\ttext-decoration: none !important;\r\n\t\t\t\tbox-shadow: 0 2px 6px rgba(15, 23, 42, .14) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count-link:hover,\r\n\t\t\t.kja-card-count-link:focus {\r\n\t\t\t\tbackground: #dbeafe !important;\r\n\t\t\t\tborder-color: #93c5fd !important;\r\n\t\t\t\toutline: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count-link.is-disabled {\r\n\t\t\t\topacity: .55 !important;\r\n\t\t\t\tcursor: default !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count-label {\r\n\t\t\t\twhite-space: nowrap !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count-number {\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tmin-width: 3.2em !important;\r\n\t\t\t\tborder: 1px solid rgba(255, 255, 255, .80) !important;\r\n\t\t\t\tborder-radius: 999px !important;\r\n\t\t\t\tbackground: #0f172a !important;\r\n\t\t\t\tcolor: #ffffff !important;\r\n\t\t\t\tpadding: .16em .62em !important;\r\n\t\t\t\tline-height: 1.35 !important;\r\n\t\t\t\twhite-space: nowrap !important;\r\n\t\t\t\tbox-shadow: 0 6px 14px rgba(15, 23, 42, .25) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-count-rule {\r\n\t\t\t\twidth: min(340px, 82%) !important;\r\n\t\t\t\theight: 1px !important;\r\n\t\t\t\tmargin: 11px auto 0 !important;\r\n\t\t\t\tbackground: linear-gradient(90deg, transparent, #cbd5e1, transparent) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-wrap,\r\n\t\t\t.kja-card-log-wrap * {\r\n\t\t\t\tbox-sizing: border-box !important;\r\n\t\t\t\tfont-family: \"Tajawal\", Arial, sans-serif !important;\r\n\t\t\t\tletter-spacing: 0 !important;\r\n\t\t\t\ttext-shadow: none !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-wrap {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tdirection: rtl !important;\r\n\t\t\t\tmax-width: 1120px !important;\r\n\t\t\t\tmargin: 24px auto !important;\r\n\t\t\t\tpadding-inline: 12px !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-panel {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgap: 18px !important;\r\n\t\t\t\tpadding: 18px !important;\r\n\t\t\t\tborder: 1px solid #dbe3ee !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t\tbox-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-section-title {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tgap: 12px !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 18px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\ttext-align: center !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-section-title:before,\r\n\t\t\t.kja-card-log-section-title:after {\r\n\t\t\t\tcontent: \"\" !important;\r\n\t\t\t\tflex: 1 1 auto !important;\r\n\t\t\t\theight: 1px !important;\r\n\t\t\t\tbackground: #dbe3ee !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-section-title span {\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tmin-height: 42px !important;\r\n\t\t\t\tborder: 1px solid #cbd5e1 !important;\r\n\t\t\t\tborder-radius: 999px !important;\r\n\t\t\t\tpadding-inline: 18px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-summary {\r\n\t\t\t\tdisplay: grid !important;\r\n\t\t\t\tgrid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n\t\t\t\tgap: 10px !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-summary > div {\r\n\t\t\t\tdisplay: flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: space-between !important;\r\n\t\t\t\tgap: 10px !important;\r\n\t\t\t\tmin-height: 46px !important;\r\n\t\t\t\tborder: 1px solid #dbe3ee !important;\r\n\t\t\t\tborder-radius: 8px !important;\r\n\t\t\t\tpadding: 9px 12px !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-summary b {\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\tmin-width: 32px !important;\r\n\t\t\t\tmin-height: 28px !important;\r\n\t\t\t\tborder-radius: 999px !important;\r\n\t\t\t\tbackground: #fee2e2 !important;\r\n\t\t\t\tcolor: #dc2626 !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-summary span {\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-table-wrap {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\toverflow-x: auto !important;\r\n\t\t\t\t-webkit-overflow-scrolling: touch !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-table {\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\tmin-width: 980px !important;\r\n\t\t\t\tborder-collapse: collapse !important;\r\n\t\t\t\tbackground: #ffffff !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-table th,\r\n\t\t\t.kja-card-log-table td {\r\n\t\t\t\tborder: 1px solid #dbe3ee !important;\r\n\t\t\t\tpadding: 10px !important;\r\n\t\t\t\tcolor: #0f172a !important;\r\n\t\t\t\tfont-size: 14px !important;\r\n\t\t\t\tline-height: 1.55 !important;\r\n\t\t\t\ttext-align: right !important;\r\n\t\t\t\tvertical-align: top !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-table th {\r\n\t\t\t\tbackground: #f8fafc !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\twhite-space: nowrap !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-table td {\r\n\t\t\t\tfont-weight: 700 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.kja-card-log-delete {\r\n\t\t\t\tappearance: none !important;\r\n\t\t\t\tdisplay: inline-flex !important;\r\n\t\t\t\talign-items: center !important;\r\n\t\t\t\tjustify-content: center !important;\r\n\t\t\t\twidth: 34px !important;\r\n\t\t\t\theight: 34px !important;\r\n\t\t\t\tmin-width: 34px !important;\r\n\t\t\t\tborder: 1px solid #fecaca !important;\r\n\t\t\t\tborder-radius: 999px !important;\r\n\t\t\t\tbackground: #fef2f2 !important;\r\n\t\t\t\tcolor: #991b1b !important;\r\n\t\t\t\tcursor: pointer !important;\r\n\t\t\t\tpadding: 0 !important;\r\n\t\t\t\tfont-size: 17px !important;\r\n\t\t\t\tfont-weight: 900 !important;\r\n\t\t\t\tline-height: 1 !important;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 480px) {\r\n\t\t\t\t.kja-card-heading {\r\n\t\t\t\t\tfont-size: 24px !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.kja-nav button,\r\n\t\t\t\t.kja-choice-grid button {\r\n\t\t\t\t\twidth: 100% !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.kja-template-slider {\r\n\t\t\t\t\tgrid-template-columns: 36px minmax(0, 1fr) 36px !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.kja-template-slider-btn {\r\n\t\t\t\t\tinline-size: 36px !important;\r\n\t\t\t\t\tblock-size: 36px !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.kja-template-card {\r\n\t\t\t\t\tflex-basis: 142px !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 820px) {\r\n\t\t\t\t.kja-card-settings-grid {\r\n\t\t\t\t\tgrid-template-columns: 1fr !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.kja-card-settings-template {\r\n\t\t\t\t\tgrid-template-columns: 120px minmax(0, 1fr) !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 560px) {\r\n\t\t\t\t.kja-card-settings-template {\r\n\t\t\t\t\tgrid-template-columns: 1fr !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.kja-card-settings-preview {\r\n\t\t\t\t\tmax-width: 180px !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.kja-card-log-summary {\r\n\t\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: 700px) {\r\n\t\t\t\t.kja-card-box {\r\n\t\t\t\t\tpadding: 24px !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.kja-choice-grid {\r\n\t\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t<\/style>\r\n\r\n\t\t<script id=\"kja-arabic-card-wizard-script\">\r\n\t\t\t(function () {\r\n\t\t\t\t\"use strict\";\r\n\r\n\t\t\t\tif (typeof window.kjaArabicCardWizardInitAll === \"function\") {\r\n\t\t\t\t\twindow.kjaArabicCardWizardInitAll();\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst cardTemplates = [{\"id\":\"tharaa\",\"label\":\"\\u062b\\u0631\\u0627\\u0621\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-tharaa.jpg\",\"textColor\":\"#111827\"},{\"id\":\"anfawan\",\"label\":\"\\u0639\\u0646\\u0641\\u0648\\u0627\\u0646\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-onfawan.jpg\",\"textColor\":\"#111827\"},{\"id\":\"majdolin\",\"label\":\"\\u0645\\u0627\\u062c\\u062f\\u0648\\u0644\\u064a\\u0646\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-majdolin.jpg\",\"textColor\":\"#ff0000\"},{\"id\":\"amloud\",\"label\":\"\\u0623\\u0645\\u0644\\u0648\\u062f\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-amloud.jpg\",\"textColor\":\"#ffffff\"},{\"id\":\"fajr\",\"label\":\"\\u0641\\u062c\\u0631\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-fajr.jpg\",\"textColor\":\"#111827\"},{\"id\":\"ruqi\",\"label\":\"\\u0631\\u0642\\u064a\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-rugi.jpg\",\"textColor\":\"#ffff80\"},{\"id\":\"iklil\",\"label\":\"\\u0625\\u0643\\u0644\\u064a\\u0644\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-ekleel.jpg\",\"textColor\":\"#111827\"},{\"id\":\"bahja\",\"label\":\"\\u0628\\u0647\\u062c\\u0629\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-bahja.jpg\",\"textColor\":\"#808000\"},{\"id\":\"batalat\",\"label\":\"\\u0628\\u062a\\u0644\\u0627\\u062a\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-batalat.jpg\",\"textColor\":\"#ffff80\"},{\"id\":\"atr\",\"label\":\"\\u0639\\u0637\\u0631\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-ettr.jpg\",\"textColor\":\"#ffffff\"},{\"id\":\"sanaa\",\"label\":\"\\u0633\\u0646\\u0627\\u0621\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-sanaa.jpg\",\"textColor\":\"#ffff80\"},{\"id\":\"rumoush\",\"label\":\"\\u0631\\u0645\\u0648\\u0634\",\"image\":\"https:\\\/\\\/www.alardha.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/KJA-Greeting-\\u0026-Sympathy-Cards-Generator-template-rumoush.jpg\",\"textColor\":\"#ffffff\"}];\r\n\t\t\t\tconst imageCache = {};\r\n\r\n\t\t\t\tconst occasions = {\r\n\t\t\t\t\thappy: [\r\n\t\t\t\t\t\t[\"eid_fitr\", \"\u0639\u064a\u062f \u0627\u0644\u0641\u0637\u0631\"],\r\n\t\t\t\t\t\t[\"eid_adha\", \"\u0639\u064a\u062f \u0627\u0644\u0623\u0636\u062d\u0649\"],\r\n\t\t\t\t\t\t[\"ramadan\", \"\u0631\u0645\u0636\u0627\u0646 \u0643\u0631\u064a\u0645\"],\r\n\t\t\t\t\t\t[\"wedding\", \"\u0632\u0648\u0627\u062c\"],\r\n\t\t\t\t\t\t[\"newborn\", \"\u0645\u0648\u0644\u0648\u062f \u062c\u062f\u064a\u062f\"],\r\n\t\t\t\t\t\t[\"graduation\", \"\u062a\u062e\u0631\u062c\"],\r\n\t\t\t\t\t\t[\"success\", \"\u0646\u062c\u0627\u062d\"],\r\n\t\t\t\t\t\t[\"recovery\", \"\u0634\u0641\u0627\u0621\"]\r\n\t\t\t\t\t],\r\n\t\t\t\t\tsad: [\r\n\t\t\t\t\t\t[\"condolence\", \"\u062a\u0639\u0632\u064a\u0629\"],\r\n\t\t\t\t\t\t[\"illness_support\", \"\u0645\u0648\u0627\u0633\u0627\u0629 \u0645\u0631\u064a\u0636\"],\r\n\t\t\t\t\t\t[\"loss_support\", \"\u0645\u0648\u0627\u0633\u0627\u0629 \u0648\u062d\u0632\u0646\"]\r\n\t\t\t\t\t]\r\n\t\t\t\t};\r\n\r\n\t\t\t\tconst messages = {\r\n\t\t\t\t\teid_fitr: {\r\n\t\t\t\t\t\twarm: \"\u0639\u064a\u062f \u0641\u0637\u0631 \u0645\u0628\u0627\u0631\u0643 \u064a\u0627 {name}\\n\u062a\u0642\u0628\u0644 \u0627\u0644\u0644\u0647 \u0637\u0627\u0639\u062a\u0643\u0645 \u0648\u0623\u0639\u0627\u062f \u0639\u0644\u064a\u0643\u0645 \u0627\u0644\u0639\u064a\u062f \u0628\u0627\u0644\u0641\u0631\u062d \u0648\u0627\u0644\u0633\u0631\u0648\u0631.\",\r\n\t\t\t\t\t\tformal: \"\u0646\u0647\u0646\u0626\u0643\u0645 \u0628\u062d\u0644\u0648\u0644 \u0639\u064a\u062f \u0627\u0644\u0641\u0637\u0631 \u064a\u0627 {name} \u0648\u0646\u0633\u0623\u0644 \u0627\u0644\u0644\u0647\\n\u0623\u0646 \u064a\u062a\u0642\u0628\u0644 \u0645\u0646\u0643\u0645 \u0627\u0644\u0635\u064a\u0627\u0645 \u0648\u0627\u0644\u0642\u064a\u0627\u0645 \u0648\u0635\u0627\u0644\u062d \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\",\r\n\t\t\t\t\t\tshort: \"\u0639\u064a\u062f \u0641\u0637\u0631 \u0645\u0628\u0627\u0631\u0643 \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\teid_adha: {\r\n\t\t\t\t\t\twarm: \"\u0639\u064a\u062f \u0623\u0636\u062d\u0649 \u0645\u0628\u0627\u0631\u0643 \u064a\u0627 {name}\\n\u062c\u0639\u0644 \u0627\u0644\u0644\u0647 \u0623\u064a\u0627\u0645\u0643\u0645 \u0639\u0627\u0645\u0631\u0629 \u0628\u0627\u0644\u062e\u064a\u0631 \u0648\u0627\u0644\u0628\u0631\u0643\u0629 \u0648\u0627\u0644\u0642\u0628\u0648\u0644.\",\r\n\t\t\t\t\t\tformal: \"\u0646\u0647\u0646\u0626\u0643\u0645 \u0628\u062d\u0644\u0648\u0644 \u0639\u064a\u062f \u0627\u0644\u0623\u0636\u062d\u0649 \u064a\u0627 {name} \u0648\u0646\u0633\u0623\u0644 \u0627\u0644\u0644\u0647\\n\u0623\u0646 \u064a\u0639\u064a\u062f\u0647 \u0639\u0644\u064a\u0643\u0645 \u0628\u0627\u0644\u062e\u064a\u0631 \u0648\u0627\u0644\u064a\u064f\u0645\u0646 \u0648\u0627\u0644\u0628\u0631\u0643\u0627\u062a.\",\r\n\t\t\t\t\t\tshort: \"\u0639\u064a\u062f \u0623\u0636\u062d\u0649 \u0645\u0628\u0627\u0631\u0643 \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\tramadan: {\r\n\t\t\t\t\t\twarm: \"\u0631\u0645\u0636\u0627\u0646 \u0643\u0631\u064a\u0645 \u064a\u0627 {name}\\n\u062a\u0642\u0628\u0644 \u0627\u0644\u0644\u0647 \u0635\u064a\u0627\u0645\u0643\u0645 \u0648\u0642\u064a\u0627\u0645\u0643\u0645.\",\r\n\t\t\t\t\t\tformal: \"\u0645\u0628\u0627\u0631\u0643 \u0639\u0644\u064a\u0643\u0645 \u0627\u0644\u0634\u0647\u0631 \u064a\u0627 {name}\\n\u0646\u0633\u0623\u0644 \u0627\u0644\u0644\u0647 \u0623\u0646 \u064a\u062c\u0639\u0644\u0647 \u0634\u0647\u0631 \u0631\u062d\u0645\u0629 \u0648\u0645\u063a\u0641\u0631\u0629.\",\r\n\t\t\t\t\t\tshort: \"\u0631\u0645\u0636\u0627\u0646 \u0645\u0628\u0627\u0631\u0643 \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\twedding: {\r\n\t\t\t\t\t\twarm: \"\u0628\u0627\u0631\u0643 \u0627\u0644\u0644\u0647 \u0644\u0643\u0645\u0627 \u064a\u0627 {name}\\n\u0648\u062c\u0645\u0639 \u0628\u064a\u0646\u0643\u0645\u0627 \u0641\u064a \u062e\u064a\u0631.\",\r\n\t\t\t\t\t\tformal: \"\u062e\u0627\u0644\u0635 \u0627\u0644\u062a\u0647\u0627\u0646\u064a \u0628\u0627\u0644\u0632\u0648\u0627\u062c \u064a\u0627 {name}\\n\u0645\u0639 \u0623\u0637\u064a\u0628 \u0627\u0644\u0623\u0645\u0646\u064a\u0627\u062a \u0644\u0643\u0645 \u0628\u062d\u064a\u0627\u0629 \u0645\u0644\u0624\u0647\u0627 \u0627\u0644\u0633\u0639\u0627\u062f\u0629 \u0648\u0627\u0644\u0647\u0646\u0627\u0621.\",\r\n\t\t\t\t\t\tshort: \"\u0623\u0644\u0641 \u0645\u0628\u0631\u0648\u0643 \u0627\u0644\u0632\u0648\u0627\u062c \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\tnewborn: {\r\n\t\t\t\t\t\twarm: \"\u0645\u0628\u0627\u0631\u0643 \u0644\u0643\u0645 \u0627\u0644\u0645\u0648\u0644\u0648\u062f \u064a\u0627 {name}\\n\u062c\u0639\u0644\u0647 \u0627\u0644\u0644\u0647 \u0645\u0646 \u0645\u0648\u0627\u0644\u064a\u062f \u0627\u0644\u0633\u0639\u0627\u062f\u0629.\",\r\n\t\t\t\t\t\tformal: \"\u0646\u0628\u0627\u0631\u0643 \u0644\u0643\u0645 \u0627\u0644\u0645\u0648\u0644\u0648\u062f \u0627\u0644\u062c\u062f\u064a\u062f \u064a\u0627 {name}\\n\u0648\u0646\u0633\u0623\u0644 \u0627\u0644\u0644\u0647 \u0623\u0646 \u064a\u062c\u0639\u0644\u0647 \u0642\u0631\u0629 \u0639\u064a\u0646 \u0644\u0643\u0645.\",\r\n\t\t\t\t\t\tshort: \"\u0645\u0628\u0627\u0631\u0643 \u0644\u0643\u0645 \u0627\u0644\u0645\u0648\u0644\u0648\u062f \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\tgraduation: {\r\n\t\t\t\t\t\twarm: \"\u0645\u0628\u0631\u0648\u0643 \u0627\u0644\u062a\u062e\u0631\u062c \u064a\u0627 {name}\\n\u0641\u062e\u0648\u0631\u0648\u0646 \u0628\u0643\u0645 \u0648\u0628\u0625\u0646\u062c\u0627\u0632\u0643\u0645 \u0627\u0644\u0631\u0627\u0626\u0639.\",\r\n\t\t\t\t\t\tformal: \"\u0646\u0628\u0627\u0631\u0643 \u0644\u0643\u0645 \u0627\u0644\u062a\u062e\u0631\u062c \u064a\u0627 {name}\\n\u0648\u0646\u062a\u0645\u0646\u0649 \u0644\u0643\u0645 \u0645\u0633\u062a\u0642\u0628\u0644\u0627 \u0645\u0634\u0631\u0642\u0627.\",\r\n\t\t\t\t\t\tshort: \"\u0645\u0628\u0631\u0648\u0643 \u0627\u0644\u062a\u062e\u0631\u062c \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\tsuccess: {\r\n\t\t\t\t\t\twarm: \"\u0645\u0628\u0631\u0648\u0643 \u0627\u0644\u0646\u062c\u0627\u062d \u064a\u0627 {name}\\n\u0645\u062a\u0645\u0646\u064a\u0646 \u0644\u0643\u0645 \u062f\u0648\u0645\u0627 \u0627\u0644\u062a\u0648\u0641\u064a\u0642 \u0648\u0627\u0644\u0633\u062f\u0627\u062f.\",\r\n\t\t\t\t\t\tformal: \"\u062e\u0627\u0644\u0635 \u0627\u0644\u062a\u0647\u0627\u0646\u064a \u0639\u0644\u0649 \u0647\u0630\u0627 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u064a\u0627 {name}\\n\u0645\u0639 \u062a\u0645\u0646\u064a\u0627\u062a\u0646\u0627 \u0644\u0643\u0645 \u0628\u062f\u0648\u0627\u0645 \u0627\u0644\u062a\u0648\u0641\u064a\u0642.\",\r\n\t\t\t\t\t\tshort: \"\u0623\u0644\u0641 \u0645\u0628\u0631\u0648\u0643 \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\trecovery: {\r\n\t\t\t\t\t\twarm: \"\u0627\u0644\u062d\u0645\u062f \u0644\u0644\u0647 \u0639\u0644\u0649 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u064a\u0627 {name}\\n\u0634\u0641\u0627\u0643\u0645 \u0627\u0644\u0644\u0647 \u0648\u0639\u0627\u0641\u0627\u0643\u0645 \u0648\u062c\u0639\u0644\u0643\u0645 \u0623\u0641\u0636\u0644 \u0645\u0645\u0627 \u0643\u0646\u062a.\",\r\n\t\t\t\t\t\tformal: \"\u0646\u0633\u0623\u0644 \u0627\u0644\u0644\u0647 \u0644\u0643\u0645 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u062a\u0627\u0645 \u064a\u0627 {name}\\n\u0648\u062f\u0648\u0627\u0645 \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u0639\u0627\u0641\u064a\u0629.\",\r\n\t\t\t\t\t\tshort: \"\u0623\u0645\u062f\u0643\u0645 \u0627\u0644\u0644\u0647 \u0628\u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0621 \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\tcondolence: {\r\n\t\t\t\t\t\twarm: \"\u0639\u0638\u0645 \u0627\u0644\u0644\u0647 \u0623\u062c\u0631\u0643\u0645 \u064a\u0627 {name}\\n\u0648\u063a\u0641\u0631 \u0644\u0645\u064a\u062a\u0643\u0645 \u0648\u0623\u0644\u0647\u0645\u0643\u0645 \u0627\u0644\u0635\u0628\u0631 \u0648\u0627\u0644\u0633\u0644\u0648\u0627\u0646.\",\r\n\t\t\t\t\t\tformal: \"\u0623\u062d\u0633\u0646 \u0627\u0644\u0644\u0647 \u0639\u0632\u0627\u0621\u0643\u0645 \u064a\u0627 {name}\\n\u0648\u0631\u062d\u0645 \u0641\u0642\u064a\u062f\u0643\u0645 \u0631\u062d\u0645\u0629 \u0648\u0627\u0633\u0639\u0629.\",\r\n\t\t\t\t\t\tshort: \"\u0639\u0638\u0645 \u0627\u0644\u0644\u0647 \u0623\u062c\u0631\u0643\u0645 \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\tillness_support: {\r\n\t\t\t\t\t\twarm: \"\u0642\u0644\u0648\u0628\u0646\u0627 \u0645\u0639\u0643 \u064a\u0627 {name}\\n\u0646\u0633\u0623\u0644 \u0627\u0644\u0644\u0647 \u0644\u0643\u0645 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0639\u0627\u062c\u0644.\",\r\n\t\t\t\t\t\tformal: \"\u0646\u0633\u0623\u0644 \u0627\u0644\u0644\u0647 \u0644\u0643\u0645 \u0627\u0644\u0634\u0641\u0627\u0621 \u0648\u0627\u0644\u0639\u0627\u0641\u064a\u0629 \u064a\u0627 {name}\\n\u0648\u0623\u0646 \u064a\u0631\u0641\u0639 \u0639\u0646\u0643\u0645 \u0643\u0644 \u0628\u0623\u0633.\",\r\n\t\t\t\t\t\tshort: \"\u0637\u0647\u0648\u0631 \u0625\u0646 \u0634\u0627\u0621 \u0627\u0644\u0644\u0647 \u064a\u0627 {name}\"\r\n\t\t\t\t\t},\r\n\t\t\t\t\tloss_support: {\r\n\t\t\t\t\t\twarm: \"\u0642\u0644\u0628\u064a \u0645\u0639\u0643 \u064a\u0627 {name}\\n\u0623\u0633\u0623\u0644 \u0627\u0644\u0644\u0647 \u0623\u0646 \u064a\u0631\u0628\u0637 \u0639\u0644\u0649 \u0642\u0644\u0648\u0628\u0643\u0645.\",\r\n\t\t\t\t\t\tformal: \"\u062e\u0627\u0644\u0635 \u0627\u0644\u0645\u0648\u0627\u0633\u0627\u0629 \u064a\u0627 {name}\\n\u0646\u0633\u0623\u0644 \u0627\u0644\u0644\u0647 \u0644\u0643\u0645 \u0627\u0644\u0635\u0628\u0631 \u0648\u0627\u0644\u0633\u0644\u0648\u0627\u0646.\",\r\n\t\t\t\t\t\tshort: \"\u0625\u0646\u0627 \u0644\u0644\u0647 \u0648\u0625\u0646\u0627 \u0625\u0644\u064a\u0647 \u0631\u0627\u062c\u0639\u0648\u0646 \u064a\u0627 {name}\"\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\r\n\t\t\t\t\tfunction clean(value) {\r\n\t\t\t\t\t\treturn String(value || \"\")\r\n\t\t\t\t\t\t\t.replace(\/[<>]\/g, \"\")\r\n\t\t\t\t\t\t\t.replace(\/\\s+\/g, \" \")\r\n\t\t\t\t\t\t\t.trim()\r\n\t\t\t\t\t\t\t.slice(0, 60);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction filenameSlug(value, fallback, maxLength) {\r\n\t\t\t\t\t\tconst wordMap = {\r\n\t\t\t\t\t\t\t\"\u0634\u0648\u0639\u064a\": \"shouei\",\r\n\t\t\t\t\t\t\t\"\u0635\u063a\u064a\u0631\": \"sagheer\"\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tconst charMap = {\r\n\t\t\t\t\t\t\t\"\u0627\": \"a\", \"\u0623\": \"a\", \"\u0625\": \"i\", \"\u0622\": \"a\", \"\u0649\": \"a\",\r\n\t\t\t\t\t\t\t\"\u0628\": \"b\", \"\u062a\": \"t\", \"\u062b\": \"th\", \"\u062c\": \"j\", \"\u062d\": \"h\", \"\u062e\": \"kh\",\r\n\t\t\t\t\t\t\t\"\u062f\": \"d\", \"\u0630\": \"th\", \"\u0631\": \"r\", \"\u0632\": \"z\", \"\u0633\": \"s\", \"\u0634\": \"sh\",\r\n\t\t\t\t\t\t\t\"\u0635\": \"s\", \"\u0636\": \"d\", \"\u0637\": \"t\", \"\u0638\": \"z\", \"\u0639\": \"a\", \"\u063a\": \"gh\",\r\n\t\t\t\t\t\t\t\"\u0641\": \"f\", \"\u0642\": \"q\", \"\u0643\": \"k\", \"\u0644\": \"l\", \"\u0645\": \"m\", \"\u0646\": \"n\",\r\n\t\t\t\t\t\t\t\"\u0647\": \"h\", \"\u0629\": \"h\", \"\u0648\": \"ou\", \"\u0624\": \"ou\", \"\u064a\": \"ee\", \"\u0626\": \"ee\",\r\n\t\t\t\t\t\t\t\"\u0621\": \"\"\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tconst input = clean(value)\r\n\t\t\t\t\t\t\t.replace(\/[\\u064B-\\u065F\\u0670\\u0640]\/g, \"\")\r\n\t\t\t\t\t\t\t.split(\" \")\r\n\t\t\t\t\t\t\t.map(function (word) {\r\n\t\t\t\t\t\t\t\tif (Object.prototype.hasOwnProperty.call(wordMap, word)) {\r\n\t\t\t\t\t\t\t\t\treturn wordMap[word];\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\treturn Array.from(word).map(function (char) {\r\n\t\t\t\t\t\t\t\t\treturn Object.prototype.hasOwnProperty.call(charMap, char) ? charMap[char] : char;\r\n\t\t\t\t\t\t\t\t}).join(\"\");\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t.join(\" \");\r\n\r\n\t\t\t\t\t\tlet output = input\r\n\t\t\t\t\t\t\t.toLowerCase()\r\n\t\t\t\t\t\t\t.replace(\/[^a-z0-9]+\/g, \"-\")\r\n\t\t\t\t\t\t\t.replace(\/-+\/g, \"-\")\r\n\t\t\t\t\t\t\t.replace(\/^-|-$\/g, \"\");\r\n\r\n\t\t\t\t\t\tif (!output) {\r\n\t\t\t\t\t\t\toutput = fallback || \"recipient\";\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tmaxLength = parseInt(maxLength || \"42\", 10) || 42;\r\n\t\t\t\t\t\tif (output.length > maxLength) {\r\n\t\t\t\t\t\t\toutput = output.substring(0, maxLength).replace(\/-+$\/g, \"\");\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn output || fallback || \"recipient\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction setStatus(root, message, isError, timeout) {\r\n\t\t\t\t\t\tconst status = root.querySelector(\"[data-kja-status]\");\r\n\t\t\t\t\t\tif (!status) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (status._kjaStatusTimer) {\r\n\t\t\t\t\t\t\twindow.clearTimeout(status._kjaStatusTimer);\r\n\t\t\t\t\t\t\tstatus._kjaStatusTimer = null;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tstatus.textContent = message || \"\";\r\n\t\t\t\t\t\tstatus.style.color = isError ? \"#991b1b\" : \"#166534\";\r\n\r\n\t\t\t\t\t\tif (message && !isError && timeout) {\r\n\t\t\t\t\t\t\tstatus._kjaStatusTimer = window.setTimeout(function () {\r\n\t\t\t\t\t\t\t\tif (status.textContent === message) {\r\n\t\t\t\t\t\t\t\t\tstatus.textContent = \"\";\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tstatus._kjaStatusTimer = null;\r\n\t\t\t\t\t\t\t}, timeout);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\tfunction selectedTemplate(root) {\r\n\t\t\t\t\tconst select = root.querySelector(\"[data-kja-template]\");\r\n\t\t\t\t\tconst selectedId = select ? select.value : \"\";\r\n\t\t\t\t\treturn cardTemplates.find(function (template) {\r\n\t\t\t\t\t\treturn template.id === selectedId;\r\n\t\t\t\t\t}) || cardTemplates[0] || null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction loadTemplateImage(template) {\r\n\t\t\t\t\tif (!template || !template.image) {\r\n\t\t\t\t\t\treturn Promise.reject(new Error(\"missing_template_image\"));\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tconst src = template.image;\r\n\r\n\t\t\t\t\tif (imageCache[src]) {\r\n\t\t\t\t\t\treturn imageCache[src];\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\timageCache[src] = new Promise(function (resolve, reject) {\r\n\t\t\t\t\t\tconst img = new Image();\r\n\t\t\t\t\t\tconst timer = window.setTimeout(function () {\r\n\t\t\t\t\t\t\treject(new Error(\"template_image_timeout\"));\r\n\t\t\t\t\t\t}, 12000);\r\n\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tconst url = new URL(src, window.location.href);\r\n\t\t\t\t\t\t\tif (url.origin !== window.location.origin) {\r\n\t\t\t\t\t\t\t\timg.crossOrigin = \"anonymous\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} catch (error) {}\r\n\r\n\t\t\t\t\t\timg.onload = function () {\r\n\t\t\t\t\t\t\twindow.clearTimeout(timer);\r\n\t\t\t\t\t\t\tresolve(img);\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\timg.onerror = function () {\r\n\t\t\t\t\t\t\twindow.clearTimeout(timer);\r\n\t\t\t\t\t\t\treject(new Error(\"template_image_failed\"));\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\timg.src = src;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\treturn imageCache[src];\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction drawCoverImage(ctx, img, canvasWidth, canvasHeight) {\r\n\t\t\t\t\tconst scale = Math.max(canvasWidth \/ img.naturalWidth, canvasHeight \/ img.naturalHeight);\r\n\t\t\t\t\tconst width = img.naturalWidth * scale;\r\n\t\t\t\t\tconst height = img.naturalHeight * scale;\r\n\t\t\t\t\tconst x = (canvasWidth - width) \/ 2;\r\n\t\t\t\t\tconst y = (canvasHeight - height) \/ 2;\r\n\r\n\t\t\t\t\tctx.drawImage(img, x, y, width, height);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction drawTitleSeparator(ctx, x, y, color) {\r\n\t\t\t\t\tconst gradient = ctx.createLinearGradient(x - 220, y, x + 220, y);\r\n\t\t\t\t\tgradient.addColorStop(0, \"rgba(0, 0, 0, 0)\");\r\n\t\t\t\t\tgradient.addColorStop(0.22, color);\r\n\t\t\t\t\tgradient.addColorStop(0.5, color);\r\n\t\t\t\t\tgradient.addColorStop(0.78, color);\r\n\t\t\t\t\tgradient.addColorStop(1, \"rgba(0, 0, 0, 0)\");\r\n\r\n\t\t\t\t\tctx.save();\r\n\t\t\t\t\tctx.direction = \"ltr\";\r\n\t\t\t\t\tctx.strokeStyle = gradient;\r\n\t\t\t\t\tctx.fillStyle = color;\r\n\t\t\t\t\tctx.lineWidth = 5;\r\n\t\t\t\t\tctx.lineCap = \"round\";\r\n\t\t\t\t\tctx.globalAlpha = 0.72;\r\n\r\n\t\t\t\t\tctx.beginPath();\r\n\t\t\t\t\tctx.moveTo(x - 220, y);\r\n\t\t\t\t\tctx.lineTo(x - 20, y);\r\n\t\t\t\t\tctx.moveTo(x + 20, y);\r\n\t\t\t\t\tctx.lineTo(x + 220, y);\r\n\t\t\t\t\tctx.stroke();\r\n\r\n\t\t\t\t\tctx.globalAlpha = 0.85;\r\n\t\t\t\t\tctx.beginPath();\r\n\t\t\t\t\tctx.arc(x, y, 5, 0, Math.PI * 2);\r\n\t\t\t\t\tctx.fill();\r\n\t\t\t\t\tctx.restore();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction drawSenderSeparator(ctx, x, y, color) {\r\n\t\t\t\t\tconst gradient = ctx.createLinearGradient(x - 200, y, x + 200, y);\r\n\t\t\t\t\tgradient.addColorStop(0, \"rgba(0, 0, 0, 0)\");\r\n\t\t\t\t\tgradient.addColorStop(0.22, color);\r\n\t\t\t\t\tgradient.addColorStop(0.5, color);\r\n\t\t\t\t\tgradient.addColorStop(0.78, color);\r\n\t\t\t\t\tgradient.addColorStop(1, \"rgba(0, 0, 0, 0)\");\r\n\r\n\t\t\t\t\tctx.save();\r\n\t\t\t\t\tctx.direction = \"ltr\";\r\n\t\t\t\t\tctx.strokeStyle = gradient;\r\n\t\t\t\t\tctx.lineCap = \"round\";\r\n\t\t\t\t\tctx.globalAlpha = 0.72;\r\n\t\t\t\t\tctx.lineWidth = 3;\r\n\t\t\t\t\tctx.beginPath();\r\n\t\t\t\t\tctx.moveTo(x - 200, y);\r\n\t\t\t\t\tctx.lineTo(x + 200, y);\r\n\t\t\t\t\tctx.stroke();\r\n\r\n\t\t\t\t\tctx.globalAlpha = 0.92;\r\n\t\t\t\t\tctx.fillStyle = color;\r\n\t\t\t\t\tctx.beginPath();\r\n\t\t\t\t\tctx.arc(x, y, 4.5, 0, Math.PI * 2);\r\n\t\t\t\t\tctx.fill();\r\n\t\t\t\t\tctx.restore();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction splitLongWord(ctx, word, maxWidth) {\r\n\t\t\t\t\tconst parts = [];\r\n\t\t\t\t\tlet current = \"\";\r\n\r\n\t\t\t\t\tArray.from(word).forEach(function (char) {\r\n\t\t\t\t\t\tconst test = current + char;\r\n\t\t\t\t\t\tif (current && ctx.measureText(test).width > maxWidth) {\r\n\t\t\t\t\t\t\tparts.push(current);\r\n\t\t\t\t\t\t\tcurrent = char;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tcurrent = test;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (current) {\r\n\t\t\t\t\t\tparts.push(current);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn parts;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction getWrappedLines(ctx, text, maxWidth) {\r\n\t\t\t\t\tconst paragraphs = text.split(\"\\n\");\r\n\t\t\t\t\tconst lines = [];\r\n\r\n\t\t\t\t\tparagraphs.forEach(function (line) {\r\n\t\t\t\t\t\tconst words = line.split(\" \");\r\n\t\t\t\t\t\tlet built = \"\";\r\n\r\n\t\t\t\t\t\twords.forEach(function (word) {\r\n\t\t\t\t\t\t\tconst wordParts = ctx.measureText(word).width > maxWidth ? splitLongWord(ctx, word, maxWidth) : [word];\r\n\r\n\t\t\t\t\t\t\twordParts.forEach(function (part) {\r\n\t\t\t\t\t\t\t\tconst test = built ? built + \" \" + part : part;\r\n\t\t\t\t\t\t\t\tif (ctx.measureText(test).width > maxWidth && built) {\r\n\t\t\t\t\t\t\t\t\tlines.push(built);\r\n\t\t\t\t\t\t\t\t\tbuilt = part;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tbuilt = test;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (built) {\r\n\t\t\t\t\t\t\tlines.push(built);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tlines.push(\"\");\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tif (lines.length && lines[lines.length - 1] === \"\") {\r\n\t\t\t\t\t\tlines.pop();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn lines;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction wrappedTextHeight(lines, lineHeight, paragraphGap) {\r\n\t\t\t\t\treturn lines.reduce(function (height, line) {\r\n\t\t\t\t\t\treturn height + (line === \"\" ? paragraphGap : lineHeight);\r\n\t\t\t\t\t}, 0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction drawWrappedLines(ctx, lines, x, y, lineHeight, paragraphGap, maxY) {\r\n\t\t\t\t\tlet currentY = y;\r\n\r\n\t\t\t\t\tlines.forEach(function (line) {\r\n\t\t\t\t\t\tif (line === \"\") {\r\n\t\t\t\t\t\t\tcurrentY += paragraphGap;\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (currentY <= maxY) {\r\n\t\t\t\t\t\t\tctx.fillText(line, x, currentY);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tcurrentY += lineHeight;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\treturn currentY;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction initWizard(root) {\r\n\t\t\t\t\tif (!root || root.dataset.kjaInitialized === \"1\") {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\ttry {\r\n\t\t\t\t\t\tinitWizardInner(root);\r\n\t\t\t\t\t\troot.dataset.kjaInitialized = \"1\";\r\n\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\tdelete root.dataset.kjaInitialized;\r\n\t\t\t\t\t\tif (window.console && window.console.error) {\r\n\t\t\t\t\t\t\twindow.console.error(\"KJA greeting cards initialization failed\", error);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction initWizardInner(root) {\r\n\t\t\t\t\tconst state = {\r\n\t\t\t\t\t\tstep: 1,\r\n\t\t\t\t\t\ttype: \"\"\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tconst qs = function (selector) {\r\n\t\t\t\t\t\treturn root.querySelector(selector);\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tfunction nextCardNumber() {\r\n\t\t\t\t\t\tconst current = parseInt(root.dataset.kjaNextCardNumber || \"1\", 10);\r\n\t\t\t\t\t\treturn current && current > 0 ? current : 1;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction incrementNextCardNumber() {\r\n\t\t\t\t\t\troot.dataset.kjaNextCardNumber = String(nextCardNumber() + 1);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction buildCardFilename() {\r\n\t\t\t\t\t\tconst number = nextCardNumber();\r\n\t\t\t\t\t\tconst eventType = qs(\"[data-kja-event]\") ? qs(\"[data-kja-event]\").value : \"card\";\r\n\t\t\t\t\t\tconst recipient = qs(\"[data-kja-recipient]\") ? qs(\"[data-kja-recipient]\").value : \"\";\r\n\r\n\t\t\t\t\t\treturn [\r\n\t\t\t\t\t\t\tString(number),\r\n\t\t\t\t\t\t\t\"greeting-card\",\r\n\t\t\t\t\t\t\tfilenameSlug(eventType, \"occasion\", 36),\r\n\t\t\t\t\t\t\tfilenameSlug(recipient, \"recipient\", 42)\r\n\t\t\t\t\t\t].join(\"_\") + \".png\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction storageKey() {\r\n\t\t\t\t\t\treturn \"kja_greeting_card_state_v2_\" + (root.id || \"default\");\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction setSelectValue(selector, value) {\r\n\t\t\t\t\t\tconst select = qs(selector);\r\n\r\n\t\t\t\t\t\tif (!select || value === undefined || value === null) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (select.type === \"radio\") {\r\n\t\t\t\t\t\t\troot.querySelectorAll(selector).forEach(function (radio) {\r\n\t\t\t\t\t\t\t\tradio.checked = radio.value === String(value);\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst exists = Array.prototype.some.call(select.options || [], function (option) {\r\n\t\t\t\t\t\t\treturn option.value === String(value);\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (exists) {\r\n\t\t\t\t\t\t\tselect.value = String(value);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tupdateSelectVisualState(select);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction updateSelectVisualState(select) {\r\n\t\t\t\t\t\tif (!select || select.tagName !== \"SELECT\") {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tselect.classList.toggle(\"is-placeholder\", !select.value);\r\n\r\n\t\t\t\t\t\tif (select.value) {\r\n\t\t\t\t\t\t\tselect.classList.remove(\"is-invalid\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction requireSelectValue(selector, message) {\r\n\t\t\t\t\t\tconst select = qs(selector);\r\n\r\n\t\t\t\t\t\tif (!select || select.value) {\r\n\t\t\t\t\t\t\tif (select) {\r\n\t\t\t\t\t\t\t\tselect.classList.remove(\"is-invalid\");\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tselect.classList.add(\"is-invalid\");\r\n\t\t\t\t\t\tupdateSelectVisualState(select);\r\n\t\t\t\t\t\tselect.focus();\r\n\t\t\t\t\t\tsetStatus(root, message, true);\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction requireCardType() {\r\n\t\t\t\t\t\tconst grid = qs(\".kja-choice-grid\");\r\n\t\t\t\t\t\tconst selected = state.type === \"happy\" || state.type === \"sad\";\r\n\r\n\t\t\t\t\t\tif (grid) {\r\n\t\t\t\t\t\t\tgrid.classList.toggle(\"is-invalid\", !selected);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (!selected) {\r\n\t\t\t\t\t\t\tconst firstTypeButton = qs(\"[data-kja-type]\");\r\n\t\t\t\t\t\t\tif (firstTypeButton) {\r\n\t\t\t\t\t\t\t\tfirstTypeButton.focus();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tsetStatus(root, \"\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0623\u0648\u0644\u0627.\", true);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn selected;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction controlValue(selector, fallback) {\r\n\t\t\t\t\t\tconst field = qs(selector);\r\n\r\n\t\t\t\t\t\tif (!field) {\r\n\t\t\t\t\t\t\treturn fallback || \"\";\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (field.type === \"radio\") {\r\n\t\t\t\t\t\t\tconst checked = root.querySelector(selector + \":checked\");\r\n\t\t\t\t\t\t\treturn checked ? checked.value : (fallback || \"\");\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn field.value || fallback || \"\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction updateTypeButtons() {\r\n\t\t\t\t\t\troot.querySelectorAll(\"[data-kja-type]\").forEach(function (button) {\r\n\t\t\t\t\t\t\tconst isSelected = button.dataset.kjaType === state.type;\r\n\t\t\t\t\t\t\tbutton.classList.toggle(\"is-selected\", isSelected);\r\n\t\t\t\t\t\t\tbutton.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction collectWizardState() {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tstep: state.step,\r\n\t\t\t\t\t\t\ttype: state.type,\r\n\t\t\t\t\t\t\tevent: qs(\"[data-kja-event]\") ? qs(\"[data-kja-event]\").value : \"\",\r\n\t\t\t\t\t\t\ttone: controlValue(\"[data-kja-tone]\", \"warm\"),\r\n\t\t\t\t\t\t\trecipient: qs(\"[data-kja-recipient]\") ? qs(\"[data-kja-recipient]\").value : \"\",\r\n\t\t\t\t\t\t\tsender: qs(\"[data-kja-sender]\") ? qs(\"[data-kja-sender]\").value : \"\",\r\n\t\t\t\t\t\t\ttemplate: qs(\"[data-kja-template]\") ? qs(\"[data-kja-template]\").value : \"\"\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction saveWizardState() {\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tlocalStorage.setItem(storageKey(), JSON.stringify(collectWizardState()));\r\n\t\t\t\t\t\t} catch (error) {}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction clearWizardState() {\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tlocalStorage.removeItem(storageKey());\r\n\t\t\t\t\t\t} catch (error) {}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction restoreWizardState() {\r\n\t\t\t\t\t\tlet data = null;\r\n\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tdata = JSON.parse(localStorage.getItem(storageKey()) || \"null\");\r\n\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\tdata = null;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (!data || typeof data !== \"object\") {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tstate.type = data.type === \"sad\" || data.type === \"happy\" ? data.type : \"\";\r\n\t\t\t\t\t\tstate.step = Math.min(4, Math.max(1, parseInt(data.step || \"1\", 10) || 1));\r\n\t\t\t\t\t\tupdateTypeButtons();\r\n\t\t\t\t\t\tfillOccasions();\r\n\t\t\t\t\t\tsetSelectValue(\"[data-kja-event]\", data.event);\r\n\t\t\t\t\t\tsetSelectValue(\"[data-kja-tone]\", data.tone);\r\n\t\t\t\t\t\tsetSelectValue(\"[data-kja-template]\", data.template);\r\n\r\n\t\t\t\t\t\tif (state.step > 2 && !controlValue(\"[data-kja-event]\", \"\")) {\r\n\t\t\t\t\t\t\tstate.step = 2;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (state.step > 1 && !state.type) {\r\n\t\t\t\t\t\t\tstate.step = 1;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (qs(\"[data-kja-recipient]\")) {\r\n\t\t\t\t\t\t\tqs(\"[data-kja-recipient]\").value = clean(data.recipient);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (qs(\"[data-kja-sender]\")) {\r\n\t\t\t\t\t\t\tqs(\"[data-kja-sender]\").value = clean(data.sender);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tupdateTemplateCards();\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction fillOccasions() {\r\n\t\t\t\t\t\tconst select = qs(\"[data-kja-event]\");\r\n\t\t\t\t\t\tif (!select) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tselect.innerHTML = \"\";\r\n\t\t\t\t\t\tconst placeholder = document.createElement(\"option\");\r\n\t\t\t\t\t\tplaceholder.value = \"\";\r\n\t\t\t\t\t\tplaceholder.textContent = \"\u0627\u062e\u062a\u0631 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629\";\r\n\t\t\t\t\t\tplaceholder.disabled = true;\r\n\t\t\t\t\t\tplaceholder.selected = true;\r\n\t\t\t\t\t\tselect.appendChild(placeholder);\r\n\r\n\t\t\t\t\t\t(state.type ? (occasions[state.type] || []) : []).forEach(function (item) {\r\n\t\t\t\t\t\t\tconst option = document.createElement(\"option\");\r\n\t\t\t\t\t\t\toption.value = item[0];\r\n\t\t\t\t\t\t\toption.textContent = item[1];\r\n\t\t\t\t\t\t\tselect.appendChild(option);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tupdateSelectVisualState(select);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction updateTemplateCards() {\r\n\t\t\t\t\t\tconst select = qs(\"[data-kja-template]\");\r\n\t\t\t\t\t\tconst cards = root.querySelectorAll(\"[data-kja-template-option]\");\r\n\t\t\t\t\t\tconst counter = qs(\"[data-kja-template-counter]\");\r\n\r\n\t\t\t\t\t\tif (!select || !cards.length) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tlet selectedIndex = 0;\r\n\t\t\t\t\t\tcards.forEach(function (card) {\r\n\t\t\t\t\t\t\tconst isSelected = card.dataset.kjaTemplateOption === select.value;\r\n\t\t\t\t\t\t\tif (isSelected) {\r\n\t\t\t\t\t\t\t\tselectedIndex = Array.prototype.indexOf.call(cards, card);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tcard.classList.toggle(\"is-selected\", isSelected);\r\n\t\t\t\t\t\t\tcard.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\r\n\t\t\t\t\t\t\tcard.setAttribute(\"aria-selected\", isSelected ? \"true\" : \"false\");\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tif (counter) {\r\n\t\t\t\t\t\t\tcounter.textContent = String(selectedIndex + 1) + \" \/ \" + String(cards.length);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tupdateTemplateSliderButtons();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction updateTemplateSliderButtons() {\r\n\t\t\t\t\t\tconst picker = qs(\".kja-template-picker\");\r\n\t\t\t\t\t\tconst buttons = root.querySelectorAll(\"[data-kja-template-slide]\");\r\n\r\n\t\t\t\t\t\tif (!picker || !buttons.length) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst maxScroll = Math.max(0, picker.scrollWidth - picker.clientWidth);\r\n\t\t\t\t\t\tconst current = Math.max(0, picker.scrollLeft);\r\n\r\n\t\t\t\t\t\tbuttons.forEach(function (button) {\r\n\t\t\t\t\t\t\tconst direction = parseInt(button.dataset.kjaTemplateSlide || \"0\", 10);\r\n\t\t\t\t\t\t\tbutton.disabled = maxScroll <= 1 || (direction < 0 && current <= 2) || (direction > 0 && current >= maxScroll - 2);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction slideTemplatePicker(direction) {\r\n\t\t\t\t\t\tconst picker = qs(\".kja-template-picker\");\r\n\t\t\t\t\t\tconst firstCard = picker ? picker.querySelector(\"[data-kja-template-option]\") : null;\r\n\r\n\t\t\t\t\t\tif (!picker) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst cardWidth = firstCard ? firstCard.getBoundingClientRect().width : 160;\r\n\t\t\t\t\t\tconst amount = Math.max(cardWidth + 12, Math.floor(picker.clientWidth * 0.78));\r\n\r\n\t\t\t\t\t\tpicker.scrollBy({ left: direction * amount, behavior: \"smooth\" });\r\n\t\t\t\t\t\twindow.setTimeout(updateTemplateSliderButtons, 260);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction canShareCardFiles() {\r\n\t\t\t\t\t\tif (!navigator.share || typeof File === \"undefined\") {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (!navigator.canShare) {\r\n\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\treturn navigator.canShare({\r\n\t\t\t\t\t\t\t\tfiles: [new File([\"\"], \"kja-arabic-card.png\", { type: \"image\/png\" })]\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction showStep() {\r\n\t\t\t\t\t\troot.querySelectorAll(\"[data-kja-step]\").forEach(function (el) {\r\n\t\t\t\t\t\t\tel.hidden = el.dataset.kjaStep !== String(state.step);\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\troot.querySelectorAll(\"[data-kja-step-dot]\").forEach(function (el) {\r\n\t\t\t\t\t\t\tconst stepNumber = Number(el.dataset.kjaStepDot);\r\n\t\t\t\t\t\t\tconst isCurrent = stepNumber === state.step;\r\n\t\t\t\t\t\t\tel.classList.toggle(\"is-complete\", stepNumber < state.step);\r\n\t\t\t\t\t\t\tel.classList.toggle(\"is-current\", isCurrent);\r\n\t\t\t\t\t\t\tif (isCurrent) {\r\n\t\t\t\t\t\t\t\tel.setAttribute(\"aria-current\", \"step\");\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tel.removeAttribute(\"aria-current\");\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tconst prevButton = qs(\"[data-kja-prev]\");\r\n\t\t\t\t\t\tconst nextButton = qs(\"[data-kja-next]\");\r\n\t\t\t\t\t\tconst downloadButton = qs(\"[data-kja-download]\");\r\n\t\t\t\t\t\tconst shareButton = qs(\"[data-kja-share]\");\r\n\t\t\t\t\t\tconst newCardButton = qs(\"[data-kja-new-card]\");\r\n\r\n\t\t\t\t\t\tif (prevButton) {\r\n\t\t\t\t\t\t\tprevButton.hidden = state.step === 1;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (nextButton) {\r\n\t\t\t\t\t\t\tnextButton.hidden = state.step === 4;\r\n\t\t\t\t\t\t\tnextButton.disabled = state.step === 4 && !cardTemplates.length;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (downloadButton) {\r\n\t\t\t\t\t\t\tdownloadButton.hidden = state.step !== 4 || !cardTemplates.length;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (shareButton) {\r\n\t\t\t\t\t\t\tshareButton.hidden = state.step !== 4 || !cardTemplates.length || !canShareCardFiles();\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (newCardButton) {\r\n\t\t\t\t\t\t\tnewCardButton.hidden = state.step !== 4;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tsetStatus(root, \"\", false);\r\n\r\n\t\t\t\t\t\tif (state.step === 4 && !cardTemplates.length) {\r\n\t\t\t\t\t\t\tsetStatus(root, \"\u0623\u0636\u0641 \u0642\u0627\u0644\u0628 \u0635\u0648\u0631\u0629 \u0648\u0627\u062d\u062f\u0627 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644 \u0645\u0646 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a.\", true);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (state.step === 4 && cardTemplates.length) {\r\n\t\t\t\t\t\t\twaitForFontsThenDraw();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction getMessage() {\r\n\t\t\t\t\t\tconst eventType = qs(\"[data-kja-event]\").value;\r\n\t\t\t\t\t\tconst tone = controlValue(\"[data-kja-tone]\", \"warm\");\r\n\t\t\t\t\t\tconst recipientName = clean(qs(\"[data-kja-recipient]\").value) || \"\u0627\u0644\u063a\u0627\u0644\u064a\";\r\n\t\t\t\t\t\tconst recipientLine = \"\u064a\u0627 \\\" \" + recipientName + \" \\\"\";\r\n\t\t\t\t\t\tconst eventMessages = messages[eventType] || messages.eid_fitr;\r\n\t\t\t\t\t\tlet text = (eventMessages[tone] || eventMessages.warm)\r\n\t\t\t\t\t\t\t.replace(\/[ \\t]*\u064a\u0627[ \\t]*\\{name\\}\/g, \"\\n\" + recipientLine)\r\n\t\t\t\t\t\t\t.replace(\/[ \\t]*\\{name\\}\/g, \"\\n\" + recipientLine);\r\n\r\n\t\t\t\t\t\treturn text;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction selectedOptionLabel(selector) {\r\n\t\t\t\t\t\tconst select = qs(selector);\r\n\r\n\t\t\t\t\t\tif (select && select.type === \"radio\") {\r\n\t\t\t\t\t\t\tconst checked = root.querySelector(selector + \":checked\");\r\n\t\t\t\t\t\t\treturn checked ? (checked.dataset.kjaLabel || checked.value || \"\").trim() : \"\";\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst option = select && select.options ? select.options[select.selectedIndex] : null;\r\n\t\t\t\t\t\treturn option ? option.textContent.trim() : \"\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction logGeneratedCard(actionType) {\r\n\t\t\t\t\t\tconst ajaxUrl = root.dataset.kjaAjaxUrl || \"\";\r\n\t\t\t\t\t\tconst nonce = root.dataset.kjaLogNonce || \"\";\r\n\t\t\t\t\t\tconst template = selectedTemplate(root);\r\n\r\n\t\t\t\t\t\tif (!ajaxUrl || !nonce) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst fd = new FormData();\r\n\t\t\t\t\t\tfd.append(\"action\", \"kja_arabic_card_wizard_log_card\");\r\n\t\t\t\t\t\tfd.append(\"nonce\", nonce);\r\n\t\t\t\t\t\tfd.append(\"record\", JSON.stringify({\r\n\t\t\t\t\t\t\taction_type: actionType === \"share\" ? \"share\" : \"download\",\r\n\t\t\t\t\t\t\tcard_type: state.type === \"sad\" ? \"\u0645\u0648\u0627\u0633\u0627\u0629\" : \"\u062a\u0647\u0646\u0626\u0629\",\r\n\t\t\t\t\t\t\toccasion: selectedOptionLabel(\"[data-kja-event]\"),\r\n\t\t\t\t\t\t\ttone: selectedOptionLabel(\"[data-kja-tone]\"),\r\n\t\t\t\t\t\t\ttemplate_label: template ? template.label : \"\",\r\n\t\t\t\t\t\t\trecipient: clean(qs(\"[data-kja-recipient]\").value) || \"\u0627\u0644\u063a\u0627\u0644\u064a\",\r\n\t\t\t\t\t\t\tsender: clean(qs(\"[data-kja-sender]\").value)\r\n\t\t\t\t\t\t}));\r\n\r\n\t\t\t\t\t\tfetch(ajaxUrl, {\r\n\t\t\t\t\t\t\tmethod: \"POST\",\r\n\t\t\t\t\t\t\tbody: fd,\r\n\t\t\t\t\t\t\tcredentials: \"same-origin\"\r\n\t\t\t\t\t\t}).catch(function () {});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction drawCard() {\r\n\t\t\t\t\t\tconst canvas = qs(\"[data-kja-canvas]\");\r\n\t\t\t\t\t\tconst ctx = canvas && canvas.getContext ? canvas.getContext(\"2d\") : null;\r\n\r\n\t\t\t\t\t\tif (!canvas || !ctx) {\r\n\t\t\t\t\t\t\tsetStatus(root, \"\u062a\u0639\u0630\u0631 \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062a\u0635\u0641\u062d.\", true);\r\n\t\t\t\t\t\t\treturn Promise.resolve(false);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst template = selectedTemplate(root);\r\n\t\t\t\t\t\tconst isSad = state.type === \"sad\";\r\n\t\t\t\t\t\tconst w = canvas.width;\r\n\t\t\t\t\t\tconst h = canvas.height;\r\n\t\t\t\t\t\tconst message = getMessage();\r\n\t\t\t\t\t\tconst sender = clean(qs(\"[data-kja-sender]\").value);\r\n\r\n\t\t\t\t\t\tctx.clearRect(0, 0, w, h);\r\n\t\t\t\t\t\tctx.fillStyle = \"#ffffff\";\r\n\t\t\t\t\t\tctx.fillRect(0, 0, w, h);\r\n\r\n\t\t\t\t\t\tif (!template) {\r\n\t\t\t\t\t\t\tsetStatus(root, \"\u0644\u0627 \u062a\u0648\u062c\u062f \u0642\u0648\u0627\u0644\u0628 \u0635\u0648\u0631 \u0645\u062a\u0627\u062d\u0629. \u0623\u0636\u0641 \u0627\u0644\u0642\u0648\u0627\u0644\u0628 \u0645\u0646 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a.\", true);\r\n\t\t\t\t\t\t\treturn Promise.resolve(false);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn loadTemplateImage(template).then(function (img) {\r\n\t\t\t\t\t\t\tconst textColor = template.textColor || (isSad ? \"#1f2937\" : \"#111827\");\r\n\r\n\t\t\t\t\t\t\tctx.clearRect(0, 0, w, h);\r\n\t\t\t\t\t\t\tdrawCoverImage(ctx, img, w, h);\r\n\t\t\t\t\t\t\tctx.direction = \"rtl\";\r\n\t\t\t\t\t\t\tctx.textAlign = \"center\";\r\n\t\t\t\t\t\t\tctx.textBaseline = \"alphabetic\";\r\n\t\t\t\t\t\t\tctx.fillStyle = textColor;\r\n\r\n\t\t\t\t\t\t\tconst centerX = w \/ 2;\r\n\t\t\t\t\t\t\tconst safeTop = 128;\r\n\t\t\t\t\t\t\tconst safeBottom = h - 118;\r\n\t\t\t\t\t\t\tconst safeHeight = safeBottom - safeTop;\r\n\t\t\t\t\t\t\tconst titleBaselineOffset = 64;\r\n\t\t\t\t\t\t\tconst titleSeparatorGap = 30;\r\n\t\t\t\t\t\t\tconst separatorMessageGap = 88;\r\n\t\t\t\t\t\t\tconst messageLineHeight = 68;\r\n\t\t\t\t\t\t\tconst messageParagraphGap = 10;\r\n\t\t\t\t\t\t\tconst senderSeparatorGap = 8;\r\n\t\t\t\t\t\t\tconst senderLineGap = 36;\r\n\t\t\t\t\t\t\tconst senderFooterGap = 48;\r\n\t\t\t\t\t\t\tconst footerGap = 60;\r\n\t\t\t\t\t\t\tconst footerBottomPadding = 34;\r\n\r\n\t\t\t\t\t\t\tctx.font = \"500 44px Tajawal, Arial, sans-serif\";\r\n\t\t\t\t\t\t\tconst messageLines = getWrappedLines(ctx, message, 920);\r\n\t\t\t\t\t\t\tconst messageHeight = wrappedTextHeight(messageLines, messageLineHeight, messageParagraphGap);\r\n\t\t\t\t\t\t\tconst messageStartOffset = titleBaselineOffset + titleSeparatorGap + separatorMessageGap;\r\n\t\t\t\t\t\t\tconst senderFooterHeight = sender ? senderSeparatorGap + senderLineGap + senderFooterGap : footerGap;\r\n\t\t\t\t\t\t\tconst textGroupHeight = messageStartOffset + messageHeight + senderFooterHeight + footerBottomPadding;\r\n\t\t\t\t\t\t\tconst groupTop = Math.max(safeTop, safeTop + Math.max(0, safeHeight - textGroupHeight) \/ 2);\r\n\t\t\t\t\t\t\tconst titleY = groupTop + titleBaselineOffset;\r\n\t\t\t\t\t\t\tconst titleSeparatorY = titleY + titleSeparatorGap;\r\n\t\t\t\t\t\t\tconst messageY = titleSeparatorY + separatorMessageGap;\r\n\r\n\t\t\t\t\t\t\tctx.font = \"800 64px Tajawal, Arial, sans-serif\";\r\n\t\t\t\t\t\t\tctx.fillText(isSad ? \"\u0628\u0637\u0627\u0642\u0629 \u0645\u0648\u0627\u0633\u0627\u0629\" : \"\u0628\u0637\u0627\u0642\u0629 \u062a\u0647\u0646\u0626\u0629\", centerX, titleY);\r\n\t\t\t\t\t\t\tdrawTitleSeparator(ctx, centerX, titleSeparatorY, textColor);\r\n\r\n\t\t\t\t\t\t\tctx.font = \"500 44px Tajawal, Arial, sans-serif\";\r\n\t\t\t\t\t\t\tconst messageEndY = drawWrappedLines(ctx, messageLines, centerX, messageY, messageLineHeight, messageParagraphGap, safeBottom);\r\n\r\n\t\t\t\t\t\t\tif (sender) {\r\n\t\t\t\t\t\t\t\tconst separatorY = Math.min(messageEndY + senderSeparatorGap, safeBottom - 88);\r\n\t\t\t\t\t\t\t\tconst senderY = separatorY + 34;\r\n\r\n\t\t\t\t\t\t\t\tdrawSenderSeparator(ctx, centerX, separatorY, textColor);\r\n\t\t\t\t\t\t\t\tctx.font = \"500 36px Tajawal, Arial, sans-serif\";\r\n\t\t\t\t\t\t\t\tctx.fillText(\"\u0645\u0646: \" + sender, centerX, senderY);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tctx.font = \"400 28px Tajawal, Arial, sans-serif\";\r\n\t\t\t\t\t\t\tconst footerY = sender ? Math.min(messageEndY + senderSeparatorGap + senderLineGap + senderFooterGap, safeBottom) : Math.min(messageEndY + footerGap, safeBottom);\r\n\t\t\t\t\t\t\tctx.fillText(\"\u0643\u0644 \u0627\u0644\u062d\u0628 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u060c\u060c\", centerX, footerY);\r\n\r\n\t\t\t\t\t\t\troot.dataset.kjaMessage = message + (sender ? \"\\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n\u0645\u0646: \" + sender : \"\");\r\n\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t\t}).catch(function () {\r\n\t\t\t\t\t\t\tsetStatus(root, \"\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0635\u0648\u0631\u0629 \u0627\u0644\u0642\u0627\u0644\u0628. \u062c\u0631\u0651\u0628 \u0642\u0627\u0644\u0628\u0627 \u0622\u062e\u0631 \u0623\u0648 \u0627\u0633\u062a\u062e\u062f\u0645 \u0635\u0648\u0631\u0629 \u0645\u0646 \u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0648\u0633\u0627\u0626\u0637.\", true);\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction waitForFontsThenDraw() {\r\n\t\t\t\t\t\tlet ready;\r\n\t\t\t\t\t\tif (document.fonts && document.fonts.load) {\r\n\t\t\t\t\t\t\tready = Promise.all([\r\n\t\t\t\t\t\t\t\tdocument.fonts.load(\"800 64px Tajawal\"),\r\n\t\t\t\t\t\t\t\tdocument.fonts.load(\"500 44px Tajawal\"),\r\n\t\t\t\t\t\t\t\tdocument.fonts.ready\r\n\t\t\t\t\t\t\t]);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tready = Promise.resolve();\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn ready.then(drawCard).catch(drawCard);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction getCanvasBlob(callback) {\r\n\t\t\t\t\t\tconst canvas = qs(\"[data-kja-canvas]\");\r\n\r\n\t\t\t\t\t\tif (!canvas) {\r\n\t\t\t\t\t\t\tcallback(null);\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\tif (canvas.toBlob) {\r\n\t\t\t\t\t\t\t\tcanvas.toBlob(callback, \"image\/png\");\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tconst dataUrl = canvas.toDataURL(\"image\/png\");\r\n\t\t\t\t\t\t\tconst binary = atob(dataUrl.split(\",\")[1]);\r\n\t\t\t\t\t\t\tconst bytes = new Uint8Array(binary.length);\r\n\r\n\t\t\t\t\t\t\tfor (let i = 0; i < binary.length; i++) {\r\n\t\t\t\t\t\t\t\tbytes[i] = binary.charCodeAt(i);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tcallback(new Blob([bytes], { type: \"image\/png\" }));\r\n\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\tcallback(null);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction downloadCard() {\r\n\t\t\t\t\t\tsetStatus(root, \"\u062c\u0627\u0631\u064a \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0644\u0644\u062a\u062d\u0645\u064a\u0644...\", false);\r\n\t\t\t\t\t\twaitForFontsThenDraw().then(function (ok) {\r\n\t\t\t\t\t\t\tif (!ok) {\r\n\t\t\t\t\t\t\t\tsetStatus(root, \"\u062a\u0639\u0630\u0631 \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0644\u0644\u062a\u062d\u0645\u064a\u0644. \u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u0648\u0631\u0629 \u0627\u0644\u0642\u0627\u0644\u0628 \u062b\u0645 \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\", true);\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tgetCanvasBlob(function (blob) {\r\n\t\t\t\t\t\t\t\tif (!blob) {\r\n\t\t\t\t\t\t\t\t\tsetStatus(root, \"\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u062a\u0635\u0641\u062d.\", true);\r\n\t\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tconst url = URL.createObjectURL(blob);\r\n\t\t\t\t\t\t\t\tconst link = document.createElement(\"a\");\r\n\r\n\t\t\t\t\t\t\t\tlink.download = buildCardFilename();\r\n\t\t\t\t\t\t\t\tlink.href = url;\r\n\t\t\t\t\t\t\t\tdocument.body.appendChild(link);\r\n\t\t\t\t\t\t\t\tlink.click();\r\n\t\t\t\t\t\t\t\tlink.remove();\r\n\t\t\t\t\t\t\t\twindow.setTimeout(function () {\r\n\t\t\t\t\t\t\t\t\tURL.revokeObjectURL(url);\r\n\t\t\t\t\t\t\t\t}, 1000);\r\n\t\t\t\t\t\t\t\tincrementNextCardNumber();\r\n\t\t\t\t\t\t\t\tlogGeneratedCard(\"download\");\r\n\t\t\t\t\t\t\t\tsetStatus(root, \"\u062a\u0645 \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0644\u0644\u062a\u062d\u0645\u064a\u0644.\", false, 4000);\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}).catch(function () {\r\n\t\t\t\t\t\t\tsetStatus(root, \"\u062a\u0639\u0630\u0631 \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0644\u0644\u062a\u062d\u0645\u064a\u0644. \u062c\u0631\u0651\u0628 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0635\u0641\u062d\u0629 \u062b\u0645 \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\", true);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction shareCard() {\r\n\t\t\t\t\t\tif (!canShareCardFiles()) {\r\n\t\t\t\t\t\t\tsetStatus(root, \"\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u063a\u064a\u0631 \u0645\u062f\u0639\u0648\u0645\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062a\u0635\u0641\u062d. \u064a\u0645\u0643\u0646\u0643 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629.\", true);\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\twaitForFontsThenDraw().then(function (ok) {\r\n\t\t\t\t\t\t\tif (!ok) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tgetCanvasBlob(async function (blob) {\r\n\t\t\t\t\t\t\t\tif (!blob) {\r\n\t\t\t\t\t\t\t\t\tsetStatus(root, \"\u062a\u0639\u0630\u0631 \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u0629.\", true);\r\n\t\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tconst file = new File([blob], buildCardFilename(), { type: \"image\/png\" });\r\n\r\n\t\t\t\t\t\t\t\tif (navigator.canShare && !navigator.canShare({ files: [file] })) {\r\n\t\t\t\t\t\t\t\t\tsetStatus(root, \"\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0635\u0648\u0631 \u063a\u064a\u0631 \u0645\u062f\u0639\u0648\u0645\u0629 \u0647\u0646\u0627. \u064a\u0645\u0643\u0646\u0643 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629.\", true);\r\n\t\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\t\t\tawait navigator.share({\r\n\t\t\t\t\t\t\t\t\t\ttitle: \"\u0628\u0637\u0627\u0642\u0629 \u0639\u0631\u0628\u064a\u0629\",\r\n\t\t\t\t\t\t\t\t\t\ttext: root.dataset.kjaMessage || \"\u0628\u0637\u0627\u0642\u0629 \u0639\u0631\u0628\u064a\u0629\",\r\n\t\t\t\t\t\t\t\t\t\tfiles: [file]\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\tlogGeneratedCard(\"share\");\r\n\t\t\t\t\t\t\t\t\tincrementNextCardNumber();\r\n\t\t\t\t\t\t\t\t\tsetStatus(root, \"\u062a\u0645 \u0641\u062a\u062d \u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629.\", false, 4000);\r\n\t\t\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\t\t\tsetStatus(root, \"\u0644\u0645 \u062a\u0643\u062a\u0645\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629.\", true);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction startNewCard() {\r\n\t\t\t\t\t\tstate.step = 1;\r\n\t\t\t\t\t\tstate.type = \"\";\r\n\t\t\t\t\t\tclearWizardState();\r\n\t\t\t\t\t\tupdateTypeButtons();\r\n\t\t\t\t\t\tfillOccasions();\r\n\t\t\t\t\t\tsetSelectValue(\"[data-kja-tone]\", \"warm\");\r\n\r\n\t\t\t\t\t\tif (qs(\"[data-kja-recipient]\")) {\r\n\t\t\t\t\t\t\tqs(\"[data-kja-recipient]\").value = \"\";\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (qs(\"[data-kja-sender]\")) {\r\n\t\t\t\t\t\t\tqs(\"[data-kja-sender]\").value = \"\";\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst templateSelect = qs(\"[data-kja-template]\");\r\n\t\t\t\t\t\tif (templateSelect && templateSelect.options.length) {\r\n\t\t\t\t\t\t\ttemplateSelect.selectedIndex = 0;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tupdateTemplateCards();\r\n\t\t\t\t\t\tshowStep();\r\n\t\t\t\t\t\tsetStatus(root, \"\u0627\u0628\u062f\u0623 \u0628\u0637\u0627\u0642\u0629 \u062c\u062f\u064a\u062f\u0629 \u0628\u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.\", false, 4000);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (!restoreWizardState()) {\r\n\t\t\t\t\t\tfillOccasions();\r\n\t\t\t\t\t\tupdateTypeButtons();\r\n\t\t\t\t\t\tupdateTemplateCards();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tshowStep();\r\n\r\n\t\t\t\t\troot.querySelectorAll(\"[data-kja-type]\").forEach(function (button) {\r\n\t\t\t\t\t\tbutton.addEventListener(\"click\", function () {\r\n\t\t\t\t\t\t\tstate.type = button.dataset.kjaType === \"sad\" ? \"sad\" : \"happy\";\r\n\t\t\t\t\t\t\tconst grid = qs(\".kja-choice-grid\");\r\n\t\t\t\t\t\t\tif (grid) {\r\n\t\t\t\t\t\t\t\tgrid.classList.remove(\"is-invalid\");\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tupdateTypeButtons();\r\n\t\t\t\t\t\t\tfillOccasions();\r\n\t\t\t\t\t\t\tsaveWizardState();\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\troot.querySelectorAll(\"[data-kja-template-option]\").forEach(function (button) {\r\n\t\t\t\t\t\tbutton.addEventListener(\"click\", function () {\r\n\t\t\t\t\t\t\tconst select = qs(\"[data-kja-template]\");\r\n\r\n\t\t\t\t\t\t\tif (!select) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tselect.value = button.dataset.kjaTemplateOption || \"\";\r\n\t\t\t\t\t\t\tupdateTemplateCards();\r\n\t\t\t\t\t\t\tsaveWizardState();\r\n\t\t\t\t\t\t\tif (state.step === 4) {\r\n\t\t\t\t\t\t\t\twaitForFontsThenDraw();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\troot.querySelectorAll(\"[data-kja-template-slide]\").forEach(function (button) {\r\n\t\t\t\t\t\tbutton.addEventListener(\"click\", function () {\r\n\t\t\t\t\t\t\tslideTemplatePicker(parseInt(button.dataset.kjaTemplateSlide || \"0\", 10));\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tconst templatePicker = qs(\".kja-template-picker\");\r\n\t\t\t\t\tif (templatePicker) {\r\n\t\t\t\t\t\ttemplatePicker.addEventListener(\"scroll\", function () {\r\n\t\t\t\t\t\t\twindow.clearTimeout(templatePicker._kjaSliderTimer);\r\n\t\t\t\t\t\t\ttemplatePicker._kjaSliderTimer = window.setTimeout(updateTemplateSliderButtons, 120);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tconst nextButton = qs(\"[data-kja-next]\");\r\n\t\t\t\t\tconst prevButton = qs(\"[data-kja-prev]\");\r\n\t\t\t\t\tconst downloadButton = qs(\"[data-kja-download]\");\r\n\t\t\t\t\tconst shareButton = qs(\"[data-kja-share]\");\r\n\t\t\t\t\tconst newCardButton = qs(\"[data-kja-new-card]\");\r\n\r\n\t\t\t\t\tif (nextButton) {\r\n\t\t\t\t\t\tnextButton.addEventListener(\"click\", function () {\r\n\t\t\t\t\t\t\tif (state.step === 1 && !requireCardType()) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (state.step === 2 && !requireSelectValue(\"[data-kja-event]\", \"\u0627\u062e\u062a\u0631 \u062e\u064a\u0627\u0631\u0627 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0623\u0648\u0644\u0627.\")) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (state.step === 4 && !cardTemplates.length) {\r\n\t\t\t\t\t\t\t\tsetStatus(root, \"\u0623\u0636\u0641 \u0642\u0627\u0644\u0628 \u0635\u0648\u0631\u0629 \u0648\u0627\u062d\u062f\u0627 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644 \u0645\u0646 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a.\", true);\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tstate.step = Math.min(4, state.step + 1);\r\n\t\t\t\t\t\t\tsaveWizardState();\r\n\t\t\t\t\t\t\tshowStep();\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (prevButton) {\r\n\t\t\t\t\t\tprevButton.addEventListener(\"click\", function () {\r\n\t\t\t\t\t\t\tstate.step = Math.max(1, state.step - 1);\r\n\t\t\t\t\t\t\tsaveWizardState();\r\n\t\t\t\t\t\t\tshowStep();\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (downloadButton) {\r\n\t\t\t\t\t\tdownloadButton.addEventListener(\"click\", downloadCard);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (shareButton) {\r\n\t\t\t\t\t\tshareButton.addEventListener(\"click\", shareCard);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (newCardButton) {\r\n\t\t\t\t\t\tnewCardButton.addEventListener(\"click\", startNewCard);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\troot.querySelectorAll(\"input, select\").forEach(function (field) {\r\n\t\t\t\t\t\t[\"input\", \"change\"].forEach(function (eventName) {\r\n\t\t\t\t\t\t\tfield.addEventListener(eventName, function () {\r\n\t\t\t\t\t\t\t\tupdateSelectVisualState(field);\r\n\t\t\t\t\t\t\t\tsaveWizardState();\r\n\t\t\t\t\t\t\t\tif (state.step === 4) {\r\n\t\t\t\t\t\t\t\t\twaitForFontsThenDraw();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction initSettingsPanel(wrap) {\r\n\t\t\t\t\tif (!wrap || wrap.dataset.kjaSettingsInitialized === \"1\") {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\twrap.dataset.kjaSettingsInitialized = \"1\";\r\n\r\n\t\t\t\t\tconst panel = wrap.querySelector(\"[data-kja-card-settings-panel]\");\r\n\t\t\t\t\tconst save = wrap.querySelector(\"[data-kja-card-settings-save]\");\r\n\t\t\t\t\tconst status = wrap.querySelector(\"[data-kja-card-settings-status]\");\r\n\r\n\t\t\t\t\tif (!panel || !save) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction setSettingsStatus(message, isError) {\r\n\t\t\t\t\t\tif (!status) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tstatus.textContent = message || \"\";\r\n\t\t\t\t\t\tstatus.style.color = isError ? \"#991b1b\" : \"#166534\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tfunction collectSettings() {\r\n\t\t\t\t\t\tconst settings = {};\r\n\r\n\t\t\t\t\t\twrap.querySelectorAll(\"[data-kja-card-setting]\").forEach(function (field) {\r\n\t\t\t\t\t\t\tconst key = field.dataset.kjaCardSetting || \"\";\r\n\r\n\t\t\t\t\t\t\tif (key.indexOf(\".\") === -1) {\r\n\t\t\t\t\t\t\t\tsettings[key] = field.value || \"\";\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\twrap.querySelectorAll(\"[data-kja-card-settings-template]\").forEach(function (card) {\r\n\t\t\t\t\t\t\tconst id = card.dataset.kjaCardSettingsTemplate;\r\n\t\t\t\t\t\t\tif (!id) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tsettings[id] = {\r\n\t\t\t\t\t\t\t\timage_url: \"\",\r\n\t\t\t\t\t\t\t\ttext_color: \"#111827\"\r\n\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\twrap.querySelectorAll(\"[data-kja-card-setting]\").forEach(function (field) {\r\n\t\t\t\t\t\t\tconst key = field.dataset.kjaCardSetting || \"\";\r\n\t\t\t\t\t\t\tconst parts = key.split(\".\");\r\n\r\n\t\t\t\t\t\t\tif (parts.length !== 2 || !settings[parts[0]]) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tsettings[parts[0]][parts[1]] = field.value || \"\";\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\treturn settings;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\twrap.querySelectorAll(\"[data-kja-card-setting$='.image_url']\").forEach(function (field) {\r\n\t\t\t\t\t\tfield.addEventListener(\"input\", function () {\r\n\t\t\t\t\t\t\tconst card = field.closest(\"[data-kja-card-settings-template]\");\r\n\t\t\t\t\t\t\tconst preview = card ? card.querySelector(\"[data-kja-card-settings-preview]\") : null;\r\n\r\n\t\t\t\t\t\t\tif (preview) {\r\n\t\t\t\t\t\t\t\tconst imageUrl = field.value.trim();\r\n\t\t\t\t\t\t\t\tif (imageUrl) {\r\n\t\t\t\t\t\t\t\t\tpreview.style.setProperty(\"background-image\", \"url(\\\"\" + imageUrl.replace(\/\"\/g, \"%22\") + \"\\\")\");\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tpreview.style.removeProperty(\"background-image\");\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tsave.addEventListener(\"click\", function () {\r\n\t\t\t\t\t\tconst ajaxUrl = wrap.dataset.kjaAjaxUrl || \"\";\r\n\t\t\t\t\t\tconst nonce = wrap.dataset.kjaSettingsNonce || \"\";\r\n\t\t\t\t\t\tconst fd = new FormData();\r\n\r\n\t\t\t\t\t\tfd.append(\"action\", \"kja_arabic_card_wizard_save_settings\");\r\n\t\t\t\t\t\tfd.append(\"nonce\", nonce);\r\n\t\t\t\t\t\tfd.append(\"settings\", JSON.stringify(collectSettings()));\r\n\r\n\t\t\t\t\t\tsave.disabled = true;\r\n\t\t\t\t\t\tsetSettingsStatus(\"\u062c\u0627\u0631 \u062d\u0641\u0638 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a...\", false);\r\n\r\n\t\t\t\t\t\tfetch(ajaxUrl, {\r\n\t\t\t\t\t\t\tmethod: \"POST\",\r\n\t\t\t\t\t\t\tbody: fd,\r\n\t\t\t\t\t\t\tcredentials: \"same-origin\"\r\n\t\t\t\t\t\t}).then(function (response) {\r\n\t\t\t\t\t\t\treturn response.json();\r\n\t\t\t\t\t\t}).then(function (json) {\r\n\t\t\t\t\t\t\tif (!json || !json.success) {\r\n\t\t\t\t\t\t\t\tthrow new Error(\"save_failed\");\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tsetSettingsStatus(\"\u062a\u0645 \u062d\u0641\u0638 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a.\", false);\r\n\t\t\t\t\t\t}).catch(function () {\r\n\t\t\t\t\t\t\tsetSettingsStatus(\"\u062a\u0639\u0630\u0631 \u062d\u0641\u0638 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a. \u062a\u0623\u0643\u062f \u0645\u0646 \u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u062f\u064a\u0631 \u062b\u0645 \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.\", true);\r\n\t\t\t\t\t\t}).finally(function () {\r\n\t\t\t\t\t\t\tsave.disabled = false;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\tfunction initLogTable(wrap) {\r\n\t\t\t\t\tif (!wrap || wrap.dataset.kjaLogInitialized === \"1\") {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\twrap.dataset.kjaLogInitialized = \"1\";\r\n\r\n\t\t\t\t\twrap.querySelectorAll(\"[data-kja-log-delete]\").forEach(function (button) {\r\n\t\t\t\t\t\tbutton.addEventListener(\"click\", function () {\r\n\t\t\t\t\t\t\tconst id = button.dataset.kjaLogDelete || \"\";\r\n\t\t\t\t\t\t\tconst ajaxUrl = wrap.dataset.kjaAjaxUrl || \"\";\r\n\t\t\t\t\t\t\tconst nonce = wrap.dataset.kjaDeleteNonce || \"\";\r\n\t\t\t\t\t\t\tconst row = button.closest(\"[data-kja-log-row]\");\r\n\t\t\t\t\t\t\tconst fd = new FormData();\r\n\r\n\t\t\t\t\t\t\tif (!id || !ajaxUrl || !nonce) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (!window.confirm(button.dataset.confirm || \"\u0647\u0644 \u062a\u0631\u064a\u062f \u062d\u0630\u0641 \u0647\u0630\u0627 \u0627\u0644\u0633\u062c\u0644\u061f\")) {\r\n\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tfd.append(\"action\", \"kja_arabic_card_wizard_delete_log\");\r\n\t\t\t\t\t\t\tfd.append(\"nonce\", nonce);\r\n\t\t\t\t\t\t\tfd.append(\"id\", id);\r\n\r\n\t\t\t\t\t\t\tbutton.disabled = true;\r\n\t\t\t\t\t\t\tfetch(ajaxUrl, {\r\n\t\t\t\t\t\t\t\tmethod: \"POST\",\r\n\t\t\t\t\t\t\t\tbody: fd,\r\n\t\t\t\t\t\t\t\tcredentials: \"same-origin\"\r\n\t\t\t\t\t\t\t}).then(function (response) {\r\n\t\t\t\t\t\t\t\treturn response.json();\r\n\t\t\t\t\t\t\t}).then(function (json) {\r\n\t\t\t\t\t\t\t\tif (!json || !json.success) {\r\n\t\t\t\t\t\t\t\t\tthrow new Error(\"delete_failed\");\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tif (row) {\r\n\t\t\t\t\t\t\t\t\trow.remove();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}).catch(function () {\r\n\t\t\t\t\t\t\t\tbutton.disabled = false;\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\twindow.kjaArabicCardWizardInitAll = function () {\r\n\t\t\t\t\tdocument.querySelectorAll(\"[data-kja-card-wizard]\").forEach(initWizard);\r\n\t\t\t\t\tdocument.querySelectorAll(\"[data-kja-card-settings-panel]\").forEach(function (panel) {\r\n\t\t\t\t\t\tinitSettingsPanel(panel.closest(\"[data-kja-ajax-url]\") || panel);\r\n\t\t\t\t\t});\r\n\t\t\t\t\tdocument.querySelectorAll(\"[data-kja-card-log-wrap]\").forEach(initLogTable);\r\n\t\t\t\t};\r\n\t\t\t\twindow.kjaArabicCardWizardReady = true;\r\n\r\n\t\t\t\tif (document.readyState === \"loading\") {\r\n\t\t\t\t\tdocument.addEventListener(\"DOMContentLoaded\", window.kjaArabicCardWizardInitAll);\r\n\t\t\t\t} else {\r\n\t\t\t\t\twindow.kjaArabicCardWizardInitAll();\r\n\t\t\t\t}\r\n\t\t\t})();\r\n\t\t<\/script>\r\n\t\t<div class=\"kja-card-count-wrap\" dir=\"rtl\"><span class=\"kja-card-count\"><span class=\"kja-card-count-label\">\u0639\u062f\u062f \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0635\u062f\u0631\u0629:<\/span><strong class=\"kja-card-count-number\">[ 107 ]<\/strong><span class=\"kja-card-count-link is-disabled\" aria-hidden=\"true\" title=\"\u0645\u062a\u0627\u062d \u0644\u0644\u0645\u062f\u064a\u0631 \u0641\u0642\u0637\">\ud83d\udccb<\/span><\/span><div class=\"kja-card-count-rule\" aria-hidden=\"true\"><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1af799e elementor-widget elementor-widget-shortcode\" data-id=\"1af799e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div class=\"kja-card-wizard\" id=\"kja-card-wizard-root-1\" dir=\"rtl\" data-kja-card-wizard data-kja-ajax-url=\"https:\/\/www.alardha.com\/blog\/wp-admin\/admin-ajax.php\" data-kja-log-nonce=\"c4449ef3cb\" data-kja-next-card-number=\"108\" aria-labelledby=\"kja-card-wizard-heading-1\">\r\n\t\t\t<div class=\"kja-card-box\">\r\n\t\t\t\t<h2 class=\"kja-card-heading\" id=\"kja-card-wizard-heading-1\">\u0645\u0635\u0645\u0645 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a<\/h2>\r\n\t\t\t\t<p class=\"kja-card-lead\">\u0635\u0645\u0645\u060c \u062d\u0645\u0644\u060c \u0623\u0631\u0633\u0644 \u0625\u0644\u0649 \u0645\u0646 \u062a\u062d\u0628..<\/p>\r\n\r\n\t\t\t\t<div class=\"kja-steps\" aria-label=\"\u062e\u0637\u0648\u0627\u062a \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\">\r\n\t\t\t\t\t<span data-kja-step-dot=\"1\" aria-current=\"step\">\u0661<\/span>\r\n\t\t\t\t\t<span data-kja-step-dot=\"2\">\u0662<\/span>\r\n\t\t\t\t\t<span data-kja-step-dot=\"3\">\u0663<\/span>\r\n\t\t\t\t\t<span data-kja-step-dot=\"4\">\u0664<\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<section class=\"kja-step\" data-kja-step=\"1\">\r\n\t\t\t\t\t<h3>\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0628\u0637\u0627\u0642\u0629<\/h3>\r\n\t\t\t\t\t<div class=\"kja-choice-grid\">\r\n\t\t\t\t\t\t<button type=\"button\" data-kja-type=\"happy\" aria-pressed=\"false\">\u0628\u0637\u0627\u0642\u0629 \u062a\u0647\u0646\u0626\u0629<\/button>\r\n\t\t\t\t\t\t<button type=\"button\" data-kja-type=\"sad\" aria-pressed=\"false\">\u0628\u0637\u0627\u0642\u0629 \u0645\u0648\u0627\u0633\u0627\u0629<\/button>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\r\n\t\t\t\t<section class=\"kja-step\" data-kja-step=\"2\" hidden>\r\n\t\t\t\t\t<h3>\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629<\/h3>\r\n\t\t\t\t\t<label>\r\n\t\t\t\t\t\t<span>\u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629<\/span>\r\n\t\t\t\t\t\t<select data-kja-event aria-describedby=\"kja-card-wizard-status-1\"><\/select>\r\n\t\t\t\t\t<\/label>\r\n\t\t\t\t<\/section>\r\n\r\n\t\t\t\t<section class=\"kja-step\" data-kja-step=\"3\" hidden>\r\n\t\t\t\t\t<h3>\u0623\u0636\u0641 \u0627\u0644\u0623\u0633\u0645\u0627\u0621<\/h3>\r\n\t\t\t\t\t<label>\r\n\t\t\t\t\t\t<span>\u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u062a\u0644\u0645<\/span>\r\n\t\t\t\t\t\t<input type=\"text\" data-kja-recipient maxlength=\"60\" placeholder=\"\u0645\u062b\u0627\u0644: \u0623\u062d\u0645\u062f\" autocomplete=\"name\">\r\n\t\t\t\t\t<\/label>\r\n\t\t\t\t\t<label>\r\n\t\t\t\t\t\t<span>\u0627\u0633\u0645 \u0627\u0644\u0645\u0631\u0633\u0644 \u0627\u062e\u062a\u064a\u0627\u0631\u064a<\/span>\r\n\t\t\t\t\t\t<input type=\"text\" data-kja-sender maxlength=\"60\" placeholder=\"\u0645\u062b\u0627\u0644: \u062e\u0627\u0644\u062f\" autocomplete=\"name\">\r\n\t\t\t\t\t<\/label>\r\n\t\t\t\t<\/section>\r\n\r\n\t\t\t\t<section class=\"kja-step\" data-kja-step=\"4\" hidden>\r\n\t\t\t\t\t<h3>\u0627\u062e\u062a\u0631 \u0627\u0644\u0646\u0628\u0631\u0629 \u0648\u0627\u0644\u0642\u0627\u0644\u0628<\/h3>\r\n\t\t\t\t\t<label class=\"kja-tone-field\">\r\n\t\t\t\t\t\t<span>\u0627\u062e\u062a\u0631 \u0646\u0628\u0631\u0629 \u0627\u0644\u0631\u0633\u0627\u0644\u0629:<\/span>\r\n\t\t\t\t\t\t<span class=\"kja-tone-options\" role=\"radiogroup\" aria-label=\"\u0627\u062e\u062a\u0631 \u0646\u0628\u0631\u0629 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\">\r\n\t\t\t\t\t\t\t<label class=\"kja-tone-option\">\r\n\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"kja-card-tone-1\" value=\"warm\" data-kja-tone data-kja-label=\"\u062f\u0627\u0641\u0626\u0629\" checked>\r\n\t\t\t\t\t\t\t\t<span>\u062f\u0627\u0641\u0626\u0629<\/span>\r\n\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t<label class=\"kja-tone-option\">\r\n\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"kja-card-tone-1\" value=\"formal\" data-kja-tone data-kja-label=\"\u0631\u0633\u0645\u064a\u0629\">\r\n\t\t\t\t\t\t\t\t<span>\u0631\u0633\u0645\u064a\u0629<\/span>\r\n\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t<label class=\"kja-tone-option\">\r\n\t\t\t\t\t\t\t\t<input type=\"radio\" name=\"kja-card-tone-1\" value=\"short\" data-kja-tone data-kja-label=\"\u0645\u0648\u062c\u0632\u0629\">\r\n\t\t\t\t\t\t\t\t<span>\u0645\u0648\u062c\u0632\u0629<\/span>\r\n\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/label>\r\n\t\t\t\t\t<div class=\"kja-template-field\">\r\n\t\t\t\t\t\t<div class=\"kja-template-label-row\">\r\n\t\t\t\t\t\t\t<span class=\"kja-template-label\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0627\u0644\u0628:<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-counter\" data-kja-template-counter aria-live=\"polite\">1 \/ 12<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<select class=\"kja-template-select\" data-kja-template aria-label=\"\u0627\u0644\u0642\u0627\u0644\u0628\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"tharaa\"  selected='selected'>\u062b\u0631\u0627\u0621<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"anfawan\" >\u0639\u0646\u0641\u0648\u0627\u0646<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"majdolin\" >\u0645\u0627\u062c\u062f\u0648\u0644\u064a\u0646<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"amloud\" >\u0623\u0645\u0644\u0648\u062f<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"fajr\" >\u0641\u062c\u0631<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"ruqi\" >\u0631\u0642\u064a<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"iklil\" >\u0625\u0643\u0644\u064a\u0644<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"bahja\" >\u0628\u0647\u062c\u0629<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"batalat\" >\u0628\u062a\u0644\u0627\u062a<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"atr\" >\u0639\u0637\u0631<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"sanaa\" >\u0633\u0646\u0627\u0621<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"rumoush\" >\u0631\u0645\u0648\u0634<\/option>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\r\n\t\t\t\t\t\t\t<div class=\"kja-template-slider\" data-kja-template-slider>\r\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-slider-btn\" data-kja-template-slide=\"-1\" aria-label=\"\u0627\u0644\u0642\u0627\u0644\u0628 \u0627\u0644\u0633\u0627\u0628\u0642\">\u2039<\/button>\r\n\t\t\t\t\t\t\t\t<div class=\"kja-template-picker\" role=\"listbox\" aria-label=\"\u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card is-selected\" data-kja-template-option=\"tharaa\" aria-pressed=\"true\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-tharaa.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u062b\u0631\u0627\u0621<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"anfawan\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-onfawan.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0639\u0646\u0641\u0648\u0627\u0646<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"majdolin\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-majdolin.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0645\u0627\u062c\u062f\u0648\u0644\u064a\u0646<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"amloud\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-amloud.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0623\u0645\u0644\u0648\u062f<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"fajr\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-fajr.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0641\u062c\u0631<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"ruqi\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-rugi.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0631\u0642\u064a<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"iklil\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-ekleel.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0625\u0643\u0644\u064a\u0644<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"bahja\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-bahja.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0628\u0647\u062c\u0629<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"batalat\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-batalat.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0628\u062a\u0644\u0627\u062a<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"atr\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-ettr.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0639\u0637\u0631<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"sanaa\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-sanaa.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0633\u0646\u0627\u0621<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-card\" data-kja-template-option=\"rumoush\" aria-pressed=\"false\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"kja-template-card-preview\" style=\"background-image:url(&quot;https:\/\/www.alardha.com\/blog\/wp-content\/uploads\/2026\/04\/KJA-Greeting-&#038;-Sympathy-Cards-Generator-template-rumoush.jpg&quot;);\" aria-hidden=\"true\"><\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\u0631\u0645\u0648\u0634<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"kja-template-slider-btn\" data-kja-template-slide=\"1\" aria-label=\"\u0627\u0644\u0642\u0627\u0644\u0628 \u0627\u0644\u062a\u0627\u0644\u064a\">\u203a<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"kja-canvas-wrap\">\r\n\t\t\t\t\t\t<canvas data-kja-canvas width=\"1350\" height=\"760\" role=\"img\" aria-label=\"\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629\"><\/canvas>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\r\n\t\t\t\t<div class=\"kja-nav\">\r\n\t\t\t\t\t<button type=\"button\" data-kja-prev hidden>\u0627\u0644\u0633\u0627\u0628\u0642<\/button>\r\n\t\t\t\t\t<button type=\"button\" data-kja-next>\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\r\n\t\t\t\t\t<button type=\"button\" data-kja-download hidden>\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629<\/button>\r\n\t\t\t\t\t<button type=\"button\" data-kja-share hidden>\u0645\u0634\u0627\u0631\u0643\u0629<\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"kja-nav-secondary\" data-kja-new-card hidden>\u0625\u0646\u0634\u0627\u0621 \u0628\u0637\u0627\u0642\u0629 \u062c\u062f\u064a\u062f\u0629<\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<p class=\"kja-status\" id=\"kja-card-wizard-status-1\" data-kja-status role=\"status\" aria-live=\"polite\"><\/p>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e805ec elementor-widget elementor-widget-shortcode\" data-id=\"1e805ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"kja-card-info-wrap\" dir=\"rtl\"><span class=\"kja-card-info\"><span class=\"kja-card-info-label\">\u0645\u0635\u0645\u0645 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a\u060c \u0627\u0644\u0625\u0635\u062f\u0627\u0631 1.5.2<\/span><span class=\"kja-card-info-link is-disabled\" aria-hidden=\"true\" title=\"\u0645\u062a\u0627\u062d \u0644\u0644\u0645\u062f\u064a\u0631 \u0641\u0642\u0637\">\u2699<\/span><\/span><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-66563","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.alardha.com\/blog\/wp-json\/wp\/v2\/pages\/66563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alardha.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alardha.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alardha.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alardha.com\/blog\/wp-json\/wp\/v2\/comments?post=66563"}],"version-history":[{"count":41,"href":"https:\/\/www.alardha.com\/blog\/wp-json\/wp\/v2\/pages\/66563\/revisions"}],"predecessor-version":[{"id":66915,"href":"https:\/\/www.alardha.com\/blog\/wp-json\/wp\/v2\/pages\/66563\/revisions\/66915"}],"wp:attachment":[{"href":"https:\/\/www.alardha.com\/blog\/wp-json\/wp\/v2\/media?parent=66563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}