| 1 |
{"version":3,"file":"search/index.css","mappings":"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","sources":["webpack:///./assets/frontend/scss/el-widgets/_variables.scss","webpack:///./assets/frontend/scss/el-widgets/_search.scss","webpack:///./src/search/editor.scss"],"sourcesContent":[":root {\n --rob: \"Roboto\", sans-serif;\n --great: \"Great Vibes\", cursive;\n --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);\n --bbpc_brand_color: var(--bbpc_brand_color_opt, #4c4cf1);\n --h_title: #1d2746;\n --p_color: #6b707f;\n --bs-white: #fff;\n --black_25: #f9f9f9;\n --black_50: #f2f2f2;\n --black_75: #eeeeee;\n --black_90: #e0e6f0;\n --black_100: #d6d9dc;\n --black_150: #c8ccd0;\n --black_200: #bbc0c4;\n --black_300: #9fa6ad;\n --black_350: #9199a1;\n --black_400: #848d95;\n --black_500: #6a737c;\n --black_600: #535a60;\n --black_700: #3c4146;\n --black_750: #2f3337;\n --black_800: #242729;\n --black_900: #0c0d0e;\n --bbpc_color: #078669;\n --baseColor2: #4a6ee0;\n --bs_white: #fff;\n}\n\n/*font Variables*/\n$rob: var(--rob);\n$great: var(--great);\n\n$h_title: var(--h_title);\n$p_color: var(--p_color);\n$black_100: var(--black_100);\n$black_150: var(--black_150);\n$black_200: var(--black_200);\n$black_300: var(--black_300);\n$black_350: var(--black_350);\n$black_400: var(--black_400);\n$black_500: var(--black_500);\n$black_600: var(--black_600);\n$black_700: var(--black_700);\n$black_750: var(--black_750);\n$black_800: var(--black_800);\n$black_900: var(--black_900);\n$brand_color: var(--bbpc_brand_color);\n$baseColor2: var(--baseColor2);\n\n// Mixins\n@mixin transition(\n $property: all,\n $duration: 300ms,\n $animate: linear,\n $delay: 0s\n) {\n transition: $property $duration $animate $delay;\n}\n\n/**=== Functions ===**/\n@function brand_color_rgba($alpha) {\n @return rgba(7, 134, 105, $alpha);\n}\n\n// Placeholder Mixins\n\n@mixin placeholder {\n &.placeholder {\n @content;\n }\n &:-moz-placeholder {\n @content;\n }\n &::-moz-placeholder {\n @content;\n }\n &::-webkit-input-placeholder {\n @content;\n }\n}\n\n.col-md-offset-right-1,\n.col-lg-offset-right-1 {\n margin-right: 8.33333333%;\n}\n ",".ama-search-widget {\n position: relative;\n margin-left: auto;\n margin-right: auto;\n\n .header_search_keyword {\n text-align: left;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n font-weight: 500;\n justify-content: center;\n margin-top: 10px;\n\n span {\n font-size: 14px;\n margin-right: 10px;\n }\n\n ul {\n margin: 0;\n\n li {\n display: inline-block;\n margin: 0 3px 0;\n\n a {\n display: block;\n font-size: 13px;\n padding: 0 19px;\n border-radius: 45px;\n background: var(--bbpc_color);\n color: #fff;\n font-weight: normal;\n\n &.header-search-form__keywords-label {\n color: var(--black_800);\n }\n }\n }\n }\n }\n\n .search-box {\n z-index: 99;\n position: relative;\n\n svg {\n position: absolute;\n right: 8px;\n top: 49.59999%;\n transform: translateY(-50%);\n line-height: 22px;\n padding: 10px;\n border-radius: 4px;\n border-left-color: transparent;\n box-sizing: border-box;\n color: var(--bbpc_brand_color);\n }\n\n input.frmx-search-input {\n border: 0 solid transparent;\n box-shadow: none;\n }\n\n input {\n width: 100%;\n border-radius: 4px;\n line-height: 35px;\n text-indent: 15px;\n padding-right: 43px;\n }\n\n .frmx-search-input + .spinner {\n position: absolute;\n right: 45px;\n top: 50% !important;\n transform: translateY(-50%);\n display: none;\n z-index: 999;\n color: var(--bbpc_brand_color);\n line-height: 0;\n\n .frmx-spinner-icon {\n animation: frmx-search-spin 0.75s linear infinite;\n }\n }\n }\n\n .elementor {\n img {\n height: auto;\n max-width: 100%;\n border: none;\n border-radius: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n }\n}\n\nul.list-unstyled {\n padding-left: 0;\n}\n\n.ama-search-keyword-wrapper .header_search_keyword ul li a {\n color: var(--black_600);\n background: var(--black_50);\n font-weight: normal;\n}\n\n/* ------- Forum & Search -------- */\n.single-forum-post-widget{\n .post-category{\n img {\n width: 15px;\n height: auto;\n }\n }\n}\n\n.single-filter-item {\n a {\n color: var(--black_600);\n }\n}\n\n/** === Doc search form result === **/\n.bbpc-search-result-container {\n position: absolute;\n width: 100%;\n background: var(--bs-white);\n font-size: 14px;\n font-weight: 400;\n display: none;\n transition: all 0.4s;\n margin-top: 2px;\n border: 1px solid var(--black_50);\n border-radius: 4px;\n box-shadow: 0 3px 4px 0 rgb(4 73 89 / 6%);\n padding: 20px 25px;\n top: 45px;\n overflow-y: auto;\n max-height: 90vh;\n &::before{\n content: \"\";\n width: 12px;\n height: 12px;\n background: var(--bs-white);\n position: absolute;\n top: -6px;\n transform: rotate(45deg);\n left: 40px;\n border-left: 1px solid var(--black_50);\n border-top: 1px solid var(--black_50);\n }\n .searchbar-tabs {\n padding: 0 10px 15px 0;\n }\n a {\n text-decoration: none;\n }\n &.ajax-search {\n display: block;\n }\n .not-found-text,\n .bbpc-not-found-text {\n display: none;\n font-weight: 700;\n font-size: 20px;\n margin: 12px 0 5px;\n letter-spacing: 0.1px;\n }\n}\n\n.search-results-tab {\n .bbpc-search-title {\n font-size: 16px;\n color: var(--black_600);\n display: block;\n border-bottom: 1px solid var(--black_50);\n font-weight: 500;\n text-align: left;\n padding-left: 8px;\n margin: 12px 0 0;\n padding-bottom: 8px;\n text-transform: capitalize;\n }\n}\n\n/*\n keywords\n */\n.bbpc-search-keyword {\n display: block;\n text-align: center;\n margin: 15px 0 5px;\n &.left {\n text-align: left;\n }\n &.right {\n text-align: right;\n }\n ul {\n list-style: none;\n margin: 0 2px;\n padding: 0;\n display: inline-block;\n li {\n list-style: none;\n margin: 0 2px;\n padding: 0;\n display: inline-block;\n a {\n color: #fff;\n background: #000;\n font-size: 14px;\n text-transform: capitalize;\n padding: 4px 12px;\n border-radius: 15px;\n font-weight: 400;\n text-decoration: none !important;\n &:hover{\n background: #979393;\n }\n }\n }\n }\n}\n\n.bbpc_search_form_wrapper {\n position: relative;\n\n .input-wrapper {\n position: relative;\n\n /* Pill-shaped wrapper — mirrors the second reference design. */\n input[type=\"search\"],\n input.frmx-search-input {\n width: 100%;\n height: 48px;\n padding: 0 44px 0 48px; /* left space for icon, right space for clear btn */\n border-radius: 50px;\n border: 1.5px solid var(--black_50);\n background: var(--bs-white);\n font-size: 15px;\n color: #444;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n box-shadow: none;\n -webkit-appearance: none;\n\n &::placeholder {\n color: #aaa;\n }\n\n &:focus {\n border-color: var(--bbpc_brand_color, #1a73e8);\n box-shadow: 0 0 0 3px rgb(26 115 232 / 10%);\n }\n\n /* Native clear (×) button — keep it inside the pill. */\n &::-webkit-search-cancel-button {\n -webkit-appearance: auto;\n margin-right: 10px;\n cursor: pointer;\n opacity: 0.5;\n &:hover { opacity: 1; }\n }\n }\n\n /* Spinner sits just before the clear button. */\n .spinner {\n position: absolute;\n right: 40px;\n top: 50%;\n transform: translateY(-50%);\n display: none;\n z-index: 999;\n align-items: center;\n justify-content: center;\n color: var(--bbpc_brand_color, #1a73e8);\n line-height: 0;\n\n &.show {\n display: inline-flex;\n }\n\n .frmx-spinner-icon {\n animation: frmx-search-spin 0.75s linear infinite;\n }\n }\n\n /* Submit button — always positioned absolute inside the pill. */\n .submit-btn-left,\n .submit-btn-right {\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n margin: auto;\n z-index: 2;\n }\n\n /* Icon on the LEFT side (default / submit_btn_align = right → button on left). */\n .submit-btn-left {\n left: 24px;\n }\n\n /* Icon on the RIGHT side. */\n .submit-btn-right {\n right: 14px;\n }\n\n /* When icon is on the RIGHT — flip padding so text has left space instead. */\n &.right input[type=\"search\"],\n &.right input.frmx-search-input {\n padding-left: 18px;\n padding-right: 52px;\n }\n\n button {\n background: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n padding: 0;\n margin: 0;\n color: var(--bbpc_brand_color, #1a73e8); /* blue icon — matches design */\n line-height: 0;\n\n i, svg {\n font-size: 18px;\n width: 1em;\n height: 1em;\n fill: currentColor;\n display: block;\n }\n }\n }\n\n .search-result-item {\n padding: 10px 15px;\n display: flex;\n align-items: center;\n width: 100%;\n flex: 100%;\n transition: all 0.3s;\n a {\n color: var(--p_color);\n }\n &:hover {\n background: rgb(143 187 237 / 10%);\n }\n }\n\n /* Search keyword highlight styling. */\n .frmx-search-highlight {\n background-color: #fff3cd;\n color: inherit;\n padding: 1px 3px;\n border-radius: 3px;\n font-weight: 600;\n }\n}\n\n.searchbar-tabs {\n .tab-item {\n font-size: 14px;\n font-weight: 500;\n padding: 11px 8px;\n margin-right: 20px;\n border: none;\n background: 0 0;\n color: var(--black_400);\n text-transform: capitalize;\n cursor: pointer;\n &.active {\n color: var(--bbpc_brand_color);\n border-bottom: 3px solid var(--bbpc_brand_color);\n }\n &:hover{\n text-decoration: none;\n outline: none;\n }\n &:focus{\n text-decoration: none;\n outline: none;\n }\n }\n}\n\n.forum-card {\n .forum-card-thumbnail-area {\n padding: 0 !important;\n }\n}\n\nbody {\n &.body_dark {\n input.frmx-search-input.input_focused {\n background: #fff;\n }\n .not-found-text, .bbpc-not-found-text {\n color: black;\n }\n }\n}\n\n/** === Focus Search Form === **/\nbody.bbpc-search-open {\n opacity: 1;\n visibility: visible;\n}\n\nbody:not(.bbpc-search-open) .bbpc-search-result-container.ajax-search {\n display: none;\n}\n\n.bbpc-search-overlay{\n &.active {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgb(0 0 0 / 40%); /* Semi-transparent black overlay */\n justify-content: center;\n align-items: center;\n z-index: 99;\n transition: 0.3s all;\n }\n}\n\n/* Spin animation for search spinner. */\n@keyframes frmx-search-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n.elementor-widget-container{\n\t.more-communities{\n\t\tmargin-top:0px !important;\n\t}\n\t.community-topic-widget-box{\n\t\timg{\n\t\t\theight:48px!important;\n\t\t}\n\t}\n}","// Editor styles\n@use './../../assets/frontend/scss/el-widgets/variables';\n@use './../../assets/frontend/scss/el-widgets/search';\n\n.bbpc-search-keyword-upsell {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 15px auto 0;\n background: #f9f9f9;\n padding: 10px;\n border: 1px dashed #ddd;\n border-radius: 8px;\n width: fit-content;\n\n img {\n max-width: 100%;\n height: auto;\n opacity: 0.5;\n display: block;\n }\n\n .upsell-btn-wrapper {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 10;\n\n // Parent class for the upgrade button to avoid conflicts\n &.bbpc-upgrade-btn {\n display: inline-block;\n\n a {\n padding: 10px 20px;\n background: linear-gradient(90deg, #172473, #0fa2d0) !important;\n color: #fff !important;\n text-decoration: none !important;\n border: none !important;\n border-radius: 4px;\n display: inline-block;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n\n &:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n color: #fff !important;\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);\n }\n }\n }\n }\n}\n\n// Keywords Repeater Styles\n.bbpc-keywords-repeater {\n margin-top: 8px;\n\n .bbpc-keyword-item {\n display: flex;\n align-items: flex-start;\n gap: 4px;\n margin-bottom: 4px;\n\n .components-base-control {\n flex: 1;\n margin-bottom: 0;\n }\n\n .components-button {\n margin-top: 6px;\n flex-shrink: 0;\n }\n }\n\n > .components-button {\n margin-top: 8px;\n }\n}\n\n// Color Control Styles\n.bbpc-color-controls-group {\n margin-top: 16px;\n border-top: 1px solid #e0e0e0;\n padding-top: 12px;\n}\n\n.bbpc-color-control {\n margin-bottom: 0 !important;\n\n .bbpc-color-control__row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 0;\n }\n\n .bbpc-color-control__label {\n font-size: 12px;\n color: #1e1e1e;\n flex: 1;\n }\n\n .bbpc-color-indicator-btn {\n padding: 0 !important;\n min-width: unset !important;\n width: 28px;\n height: 28px;\n border-radius: 50% !important;\n border: 1px solid #ddd !important;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n flex-shrink: 0;\n background: transparent !important;\n\n .component-color-indicator {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n display: block;\n }\n\n &:hover {\n border-color: #007cba !important;\n }\n }\n}\n\n.bbpc-color-popover {\n .components-color-picker {\n width: 260px;\n }\n}\n\n// Pro badge for gated features.\n.bbpc-pro-badge {\n display: inline-block;\n margin-left: 6px;\n padding: 1px 7px;\n font-size: 10px;\n font-weight: 600;\n line-height: 18px;\n color: #fff;\n background: linear-gradient(90deg, #172473, #0fa2d0);\n border-radius: 3px;\n vertical-align: middle;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n// Pro-gated toggle wrapper with badge overlay.\n.bbpc-pro-gated {\n\tposition: relative;\n\toverflow: visible !important;\n\tpadding: 10px 12px;\n\tborder: 1px solid #e2e2e2;\n\tborder-radius: 6px;\n\tbackground: rgba(0, 0, 0, 0.02);\n\tmargin-bottom: 8px;\n\n\t// Dim the inner controls so they appear locked.\n\t.components-base-control {\n\t\tpointer-events: none;\n\t\topacity: 0.55;\n\t\toverflow: visible !important;\n\t}\n\n\t.components-base-control__field {\n\t\toverflow: visible !important;\n\t}\n}\n\n// Small inline PRO badge — top-right corner of the gated area.\n.bbpc-pro-watermark {\n\tposition: absolute;\n\ttop: -8px;\n\tright: 8px;\n\tz-index: 2;\n\tdisplay: inline-block;\n\tpadding: 2px 8px;\n\tfont-size: 9px;\n\tfont-weight: 700;\n\tline-height: 16px;\n\tcolor: #fff;\n\tbackground: linear-gradient(135deg, #6366f1, #8b5cf6);\n\tborder-radius: 4px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1px;\n\tpointer-events: none;\n\tuser-select: none;\n\tbox-shadow: 0 1px 3px rgba(99, 102, 241, 0.4);\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""} |
