{"version":3,"file":"index.css","mappings":";;;AAEC;EACC;EACA;AADF;;AAIA;EAAoD;AAApD;;AAKA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAFD;;AAKA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFD;;AAIC;EACC;EACA;EACA;AAFF;;AAIC;EAAW;AADZ;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;AADD;;AAIA;EACC;EACA;EACA;EACA;AADD;;AAGC;EACC;EACA;AADF;;AAEE;EAAU;AACZ;;AAEA;EAAgB;EAAa;AAG7B;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACD;;AAKA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFD;;AAIA;EACC;EACA;EACA;AADD;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AACC;EAAU;AAEX;;AAGA;EACC;EACA;EACA;EACA;AAAD;;AAEA;EACC;EAAe;EAAqB;EACpC;EAAqB;EACrB;EAAoB;EACpB;EAAiB;EAAa;EAC9B;AAOD;;AANC;EAAU;EAAkB;AAU7B;;AARA;EACC;EAAuB;EAAa;EACpC;EAAoB;EAAmC;AAexD;;AAbA;EAAsB;EAAiB;EAAkB;EAAgB;AAoBzE;;AAfA;EACC;EAAe;EACf;EAAU;EAAiB;AAqB5B;;AAnBA;EACC;EAAe;EAAwB;EAAqB;EAC5D;EAAqB;EAA0B;EAC/C;EAAsB;EAAiB;EACvC;AA6BD;;AA5BC;EAAO;EAAiB;EAAkB;EAAgB;EAAoB;AAmC/E;;AAlCC;EAAW;EAAkB;AAsC9B;;AArCC;EAAc;EAAoD;AAyCnE;;AAnCA;EACC;EAAqB;EACrB;EAAoB;EAAoB;AAyCzC;;AAvCA;EAAyB;EAAe;EAAqB;EAAgC;AA8C7F;;AA7CA;EACC;EAAiB;EAAkB;EAAa;EAChD;EAAoB;EAAa;EACjC;EAAe;EAAqB;AAuDrC;;AArDA;EACC;EAAkB;EAAc;EAAgB;EAChD;EAAiB;EAAkB;EAAgB;AA8DpD;;AA7DC;EAAU;AAgEX;;AA9DA;EACC;EAAgB;EAAa;EAC7B;EAAqB;EAAa;EAAc;EAChD;EAAiB;EAAiB;EAAkB;EACpD;AAyED;;AAxEC;EAAU;AA2EX;;AAvEA;EAAsB;EAAoB;EAAQ;EAAW;EAA6B;EAAsB;AAgFhH;;AA/EA;EAA2B;EAAgB;EAAY;EAAc;AAsFrE;;AArFA;EACC;EAAoB;EAAY;EAAW;EAC3C;EAAqB;EAAiB;EACtC;EAAa;EAAkB;AA+FhC,C","sources":["webpack://progress-bar/./src/editor.scss"],"sourcesContent":["// ─── Editor focus ring ────────────────────────────────────────────────────────\n.wp-block-wpbb-wbd-progress-bar {\n\t&:focus, &.is-selected {\n\t\toutline: 1px solid var(--wp-admin-theme-color);\n\t\toutline-offset: 2px;\n\t}\n}\n.components-base-control .components-color-picker { margin-top: 8px; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  HELP BANNER (top of sidebar)\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-help-banner {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tpadding: 12px 16px;\n\tbackground: linear-gradient(135deg, #f0f4ff 0%, #faf5ff 100%);\n\tborder-bottom: 1px solid #e0e0e0;\n\tmargin-bottom: 0;\n}\n\n.wbd-upgrade-btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 6px;\n\tbackground: linear-gradient(135deg, #7b2d8b, #1a73e8);\n\tcolor: #fff !important;\n\tfont-size: 13px;\n\tfont-weight: 700;\n\tpadding: 9px 16px;\n\tborder-radius: 6px;\n\ttext-decoration: none !important;\n\ttransition: opacity .15s, transform .1s;\n\tletter-spacing: .02em;\n\n\t&:hover {\n\t\topacity: .9;\n\t\ttransform: translateY(-1px);\n\t\tcolor: #fff !important;\n\t}\n\t&:active { transform: translateY(0); }\n}\n\n.wbd-pro-active-badge {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 5px;\n\tbackground: #e8f5e9;\n\tcolor: #2e7d32;\n\tfont-size: 12px;\n\tfont-weight: 700;\n\tpadding: 5px 12px;\n\tborder-radius: 20px;\n\tborder: 1px solid #a5d6a7;\n\twidth: fit-content;\n}\n\n.wbd-help-links {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 6px;\n\tfont-size: 12px;\n\n\ta {\n\t\tcolor: #1a73e8;\n\t\ttext-decoration: none;\n\t\t&:hover { text-decoration: underline; }\n\t}\n}\n.wbd-help-sep { color: #bbb; font-size: 11px; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  PRO BADGE  (panel title inline)\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-pro-badge {\n\tdisplay: inline-block;\n\tfont-size: 9px;\n\tfont-weight: 800;\n\tletter-spacing: .06em;\n\tpadding: 2px 6px;\n\tbackground: linear-gradient(135deg, #7b2d8b, #1a73e8);\n\tcolor: #fff !important;\n\tborder-radius: 4px;\n\ttext-decoration: none !important;\n\tmargin-left: 6px;\n\tvertical-align: middle;\n\tline-height: 1.4;\n}\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  PRO LOCKED ROW (inside panel, for individual features)\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-pro-locked-row {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 8px 12px;\n\tbackground: #fafafa;\n\tborder: 1px dashed #d0aaf5;\n\tborder-radius: 6px;\n\tmargin: 8px 0;\n\tgap: 8px;\n}\n.wbd-pro-locked-label {\n\tfont-size: 13px;\n\tcolor: #555;\n\tfont-weight: 500;\n}\n.wbd-pro-locked-btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tfont-size: 11px;\n\tfont-weight: 700;\n\tcolor: #7b2d8b !important;\n\tbackground: #f3e5f5;\n\tborder: 1px solid #ce93d8;\n\tborder-radius: 4px;\n\tpadding: 4px 10px;\n\ttext-decoration: none !important;\n\twhite-space: nowrap;\n\ttransition: background .15s;\n\t&:hover { background: #e8d5f0; }\n}\n\n// ─── LINEAR TEMPLATE GRID\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-template-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, 1fr);\n\tgap: 8px;\n\tmargin-top: 4px;\n}\n.wbd-template-btn {\n\tdisplay: flex; align-items: center; gap: 8px;\n\tbackground: #f6f7f7; border: 1px solid #ddd;\n\tborder-radius: 4px; padding: 7px 10px;\n\tcursor: pointer; width: 100%; text-align: left;\n\ttransition: border-color .15s, background .15s;\n\t&:hover { background: #fff; border-color: var(--wp-admin-theme-color, #007cba); }\n}\n.wbd-template-swatch {\n\tdisplay: inline-block; width: 28px; height: 28px;\n\tborder-radius: 50%; border: 1px solid rgba(0,0,0,.12); flex-shrink: 0;\n}\n.wbd-template-label { font-size: 12px; font-weight: 500; color: #1e1e1e; line-height: 1.3; }\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  CIRCULAR THEME GRID\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-circular-theme-grid {\n\tdisplay: grid; grid-template-columns: repeat(2, 1fr);\n\tgap: 8px; margin-top: 4px; margin-bottom: 16px;\n}\n.wbd-circular-theme-btn {\n\tdisplay: flex; flex-direction: column; align-items: center; gap: 4px;\n\tbackground: #f6f7f7; border: 1.5px solid #ddd; border-radius: 6px;\n\tpadding: 8px 4px 6px; cursor: pointer; width: 100%;\n\ttransition: border-color .15s, background .15s;\n\tspan { font-size: 10px; font-weight: 500; color: #1e1e1e; text-align: center; line-height: 1.2; }\n\t&:hover  { background: #fff; border-color: var(--wp-admin-theme-color, #007cba); }\n\t&.is-active { border-color: var(--wp-admin-theme-color, #007cba); background: #e8f0fe; }\n}\n\n// ═══════════════════════════════════════════════════════════════════════════════\n//  GROUP ITEM EDITOR\n// ═══════════════════════════════════════════════════════════════════════════════\n.wbd-group-item-editor {\n\tbackground: #f9f9f9; border: 1px solid #e0e0e0;\n\tborder-radius: 6px; padding: 10px 12px; margin-bottom: 10px;\n}\n.wbd-group-item-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }\n.wbd-group-item-num {\n\tfont-size: 11px; font-weight: 700; color: #888; background: #e0e0e0;\n\tborder-radius: 50%; width: 20px; height: 20px;\n\tdisplay: flex; align-items: center; justify-content: center;\n}\n.wbd-group-item-remove {\n\tbackground: none; border: none; color: #cc0000; cursor: pointer;\n\tfont-size: 13px; padding: 2px 4px; line-height: 1; border-radius: 3px;\n\t&:hover { background: #ffe0e0; }\n}\n.wbd-add-item-btn {\n\tdisplay: block; width: 100%; padding: 8px 0;\n\tbackground: #007cba; color: #fff; border: none; border-radius: 4px;\n\tcursor: pointer; font-size: 13px; font-weight: 600; margin-top: 4px;\n\ttransition: background .15s;\n\t&:hover { background: #005e8e; }\n}\n\n// ─── Milestone (editor preview) ───────────────────────────────────────────────\n.progress-milestone { position: absolute; top: 0; bottom: 0; transform: translateX(-50%); pointer-events: none; z-index: 2; }\n.progress-milestone-line { display: block; width: 2px; height: 100%; background: rgba(0,0,0,.5); }\n.progress-milestone-label {\n\tposition: absolute; top: -20px; left: 50%; transform: translateX(-50%);\n\twhite-space: nowrap; font-size: 10px; background: rgba(0,0,0,.7);\n\tcolor: #fff; padding: 1px 5px; border-radius: 3px;\n}"],"names":[],"ignoreList":[],"sourceRoot":""}