| 1 |
{"version":3,"file":"search/index.css","mappings":"AAAA,MCAA,yBACE,8BACA,qDACA,uDACA,kBACA,kBACA,gBACA,mBACA,mBACA,gBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,gBACA,+CAwDF,wBAEE,oBCnFA,gBACA,kBACA,CAHF,iBAGE,2CAKE,kBACA,CAHA,YACA,eACA,CACA,eACA,uBACA,gBACA,CAPF,eAOE,gDAEA,cACE,kBACA,8CAGF,QACE,iDAEA,oBACE,aACA,mDAME,4BACA,CAFA,kBACA,CACA,UACA,CANF,aACE,eACA,CAIA,eACA,CALA,cAKA,sFAEA,sBACE,gCAQR,iBACA,CAFF,UAEE,oCASE,6BACA,CAFA,iBACA,CACA,qBACA,8BACA,CANA,gBACA,aACA,CANF,iBACE,UACA,cACA,2BAOA,wDAGF,0BACE,gBACA,sCAIA,iBACA,iBACA,CACA,kBACA,CAFA,gBACA,CAJF,UAKE,4DASA,6BACA,CAHA,YACA,CAEA,aACA,CARF,iBACE,WACA,kBACA,2BACA,CACA,WAGA,+EAEA,+CACE,mCAQF,WACA,gBACA,CACA,eACA,CANF,WACE,eAKA,kBAKN,cACE,4DAIA,0BACA,CAFF,sBACE,CACA,eACA,8CAOI,WACA,CAFF,UAEE,uBAMJ,sBACE,+BAOF,0BACA,CAMA,gCACA,4BACA,CAFA,eACA,CACA,wCACA,CAPA,YACA,CAHA,cACA,gBACA,CAEA,YACA,CAQA,eACA,CAFA,eACA,CAJA,SACA,CAbF,iBACE,CAmBA,0CACA,CAJA,oBAGA,CAPA,QAEA,CATA,kBACA,CANA,UAoBA,kDACA,SACE,wDAEF,sBACE,wDAEF,yBACE,mBACA,8DAEF,yBACE,+CAGF,qBACE,iCAEF,oBACE,2CAEF,aACE,iDAIA,kBACA,CAGA,uCACA,CANF,YACE,CACA,cACA,QACA,iBAEA,2DAEA,sBACE,YACA,CACA,kBACA,CAEA,aACA,eACA,CAJA,cACA,gBACA,CAGA,eACA,CARA,gBACA,CAKA,qCAEA,kEAEA,kBACE,cACA,8EAGF,kBACE,cACA,oDAIN,aACE,CACA,cACA,CAFA,eACA,CAGA,mBACA,CAHA,QACA,kBACA,CACA,iBACA,wCAQA,uCACA,CAHA,sBACA,cACA,CAHF,cACE,CAGA,eACA,CAEA,eACA,mBACA,CAHA,gBACA,CAFA,eACA,CAGA,yBACA,sBAOJ,aACE,CACA,iBACA,CAFA,iBAEA,2BACA,eACE,4BAEF,gBACE,CAMA,mDAIE,oBACA,CAJF,eACE,aACA,UAEA,8BAEE,eACA,CAGA,kBACA,CANF,UACE,CACA,cACA,CAGA,eACA,CAHA,gBACA,CAEA,8BACA,CALA,yBAKA,oCACA,kBACE,2BAOV,iBACE,mcAYI,2BACA,6BACA,6BAGA,gCACA,CAZF,2BAKE,6BACA,CAMA,eACA,0CAIJ,iBACE,8HAeE,uBACA,CAPA,0BACA,CAFA,kCACA,CAFA,kBACA,CAMA,eACA,CAJA,sBACA,CAFA,cACA,CANA,WACA,CAMA,YACA,CAPA,qBACA,CAMA,0CACA,CAXF,UAaE,kKAEA,UACE,CAHF,uJAEA,UACE,0IAGF,4CACE,yCACA,0LAIF,uBACE,CACA,cACA,CAFA,iBACA,CACA,UACA,sMACA,4DAWF,kBACA,CACA,qCACA,CALA,YACA,CAEA,sBACA,CACA,aACA,CAVF,iBACE,WACA,QACA,2BACA,CACA,WAKA,wDAEA,mBACE,sEAGF,+CACE,sHAUF,kBACA,CAHA,QACA,aACA,CACA,WACA,CAPF,iBAEE,MACA,CAIA,SACA,2DAIF,SACE,4DAIF,UACE,0IAIF,iBAEE,mBACA,iDAGF,sBACE,YACA,CAIA,qCACA,CAJA,cACA,CAGA,aACA,CAHA,QACA,CAJA,YACA,CACA,SAIA,uGAME,aACA,CAFA,iBACA,CAJF,cACE,CACA,UACA,CAFA,SAIA,oDAQJ,aACA,CAHF,cACE,gBACA,CAGA,oBACA,CAHA,oBACA,yBAEA,+CAMA,uCACA,CACA,cACA,CANF,aACE,CACA,iBACA,CACA,0BACA,CAJA,UAKA,4DAEA,kBACE,iEAIA,kBACA,CACA,aACA,CAJF,YACE,CACA,QACA,CACA,oBACA,iEAMA,aACA,CAFA,aACA,CAFA,WACA,CAFF,UAIE,iEAGF,YACE,CACA,MACA,CAFA,qBACA,CACA,WACA,kEAKA,aACA,CAHF,cACE,gBACA,CACA,eACA,CACA,eACA,uBACA,CAHA,kBAGA,iEAMA,aACA,CAHA,cACA,gBACA,CAHF,cAIE,uEAIF,YACE,eACA,gBACA,eACA,mBACA,6FAGE,aACA,CAFF,cAEE,0HAGE,aACA,CAFF,WACE,CACA,aACA,qDAKN,+BACE,wEAEA,aACE,kDAMN,wBACE,CAEA,iBACA,CAHA,aACA,CAEA,eACA,CAHA,eAGA,2BAUA,cACA,CAFA,WACA,CACA,sBACA,CACA,cACA,CATF,cACE,gBACA,CACA,iBACA,CAFA,gBACA,CAIA,yBAEA,kCAEE,+CACA,CAFF,6BAEE,CAIA,gEAGA,YACA,CAFF,oBAEE,wCAMJ,mBACE,uBAOJ,SACE,mBACA,uEAGF,YACE,6BAYE,kBACA,CAHA,yBACA,CAPF,YACE,CAIA,WACA,CACA,sBACA,CALA,MACA,CAHA,cACA,MACA,CAOA,kBACA,CAPA,UACA,CAIA,UAEA,6BAKJ,GACE,uBACE,gDAKH,sBACC,6DAGA,qBACC,6BF1jBC,kBACA,CACA,kBACA,CACA,sBACA,kBACA,CARA,YACA,uBACA,CACA,kBACA,CACA,YACA,CAPJ,iBACI,CAQA,sBACA,CADA,iBACA,iCAKI,aACA,CAHA,WACA,CAFJ,cACI,CACA,UAEA,iDAKA,QACA,CAHJ,iBACI,QACA,CACA,8BACA,WACA,kEAGA,oBACI,oEAGI,2DACA,CAEA,qBACA,kBACA,CAEA,oCACA,CAPA,oBACA,CAGA,oBACA,CAPJ,iBACI,CAEA,8BACA,CAGA,uBAEA,0EAKI,oCACA,CAFA,oBACA,CAHJ,UACI,2BAGA,yBAQpB,cACI,4CAGI,sBACA,CAFJ,YACI,CACA,OACA,kBACA,qEAEA,MACI,gBACA,+DAIA,aACA,CAFJ,cAEI,4CAIR,cACI,4BAMJ,4BACA,CAFJ,eACI,CACA,gBACA,qBAGJ,yBACI,8CAGI,kBACA,CAFJ,YACI,CACA,6BACA,cACA,gDAIA,aACA,OACA,CAHJ,cAGI,+CAUA,kBACA,CAGA,gCACA,CAPA,+BACA,CAFA,2BACA,CAIA,cACA,CAJA,YACA,CAGA,aACA,CARA,WACA,CAIA,sBACA,CARA,yBACA,CAFJ,mBACI,CACA,UAUA,0EAII,iBACA,cACA,CAHA,WACA,CAFJ,UAII,qDAGJ,8BACI,8CAMR,WACI,iBAYJ,iDACA,kBACA,CAHA,UACA,CAPJ,oBACI,CAEA,cACA,gBACA,CAMA,mBACA,CAPA,gBACA,CALA,eACA,gBACA,CAOA,wBACA,CAFA,qBAGA,iBASH,0BACA,CAHA,wBACA,kBACA,CACA,iBACA,CANA,0BACA,kBACA,CAHD,iBAOC,0CAIC,WACA,2BACA,CAHD,mBAGC,iDAGD,0BACC,qBAeD,kDACA,kBACA,CAIA,wCACA,CARA,UACA,CANA,oBACA,CACA,aACA,gBACA,CAKA,kBACA,CANA,gBACA,CAJA,eACA,CAQA,mBACA,CAfD,iBACC,CACA,SACA,CASA,wBACA,CAZA,QACA,CAaA,wBACA,CADA,qBACA,CADA,gBACA,CAbA,SAcA,C","sources":["webpack:///./src/search/editor.scss","webpack:///./assets/frontend/scss/el-widgets/_variables.scss","webpack:///./assets/frontend/scss/el-widgets/_search.scss"],"sourcesContent":["// 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",":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: 0;\n border: 1px solid var(--black_50);\n border-top: none;\n border-radius: 0 0 16px 16px;\n box-shadow: 0 8px 16px 0 rgb(4 73 89 / 10%);\n padding: 0;\n /* Tuck flush under the input (~48px tall) so the two read as one card. */\n top: 47px;\n overflow-y: auto;\n max-height: 90vh;\n\n /* Slim custom scrollbar (EazyDocs-style). */\n scrollbar-width: thin;\n scrollbar-color: rgba(0, 0, 0, 0.2) transparent;\n &::-webkit-scrollbar {\n width: 8px;\n }\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: rgba(0, 0, 0, 0.2);\n border-radius: 10px;\n }\n &::-webkit-scrollbar-thumb:hover {\n background: rgba(0, 0, 0, 0.3);\n }\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 /* Result type tabs (All / Forums / Topics / Replies) — EazyDocs-style. */\n .bbpc-result-tabs {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 2px;\n padding: 8px 10px;\n border-bottom: 1px solid var(--black_50);\n\n .bbpc-tab {\n background: transparent;\n border: none;\n padding: 5px 14px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 500;\n color: #5f6368;\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n line-height: 1.5;\n\n &.active {\n background: #e8f0fe;\n color: #1a73e8;\n }\n\n &:hover:not(.active) {\n background: #f1f3f4;\n color: #202124;\n }\n }\n }\n .bbpc-not-found-text {\n display: block;\n font-weight: 700;\n font-size: 20px;\n margin: 0;\n padding: 28px 16px;\n letter-spacing: 0.1px;\n text-align: center;\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 /* Only while the results box is actually visible, flatten the input's bottom\n edge so the two read as one connected card. Driven off the box's own\n `.ajax-search` state via :has(), so it can never get stuck open. */\n &:has(.bbpc-search-result-container.ajax-search) {\n .input-wrapper input[type=\"search\"],\n .input-wrapper input.frmx-search-input,\n .input-wrapper input[type=\"search\"]:focus,\n .input-wrapper input.frmx-search-input:focus {\n /* Drop the pill to a 16px top + flat bottom so it joins the box. */\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n /* Match the results box border (neutral) instead of the blue focus\n colour, so the joined card has one consistent edge. */\n border-color: var(--black_50);\n border-bottom-color: transparent;\n box-shadow: none;\n }\n }\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; /* pill while closed; squared/16px top when results open */\n border: 1.5px solid var(--black_50);\n background: var(--bs-white);\n font-size: 15px;\n color: var(--black_600);\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 /* Result group label — e.g. \"REPLIES\", \"TOPICS\" (EazyDocs-style). */\n .bbpc-result-group-label {\n font-size: 11px;\n font-weight: 600;\n color: #bdc1c6;\n padding: 8px 16px 4px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n }\n\n .search-result-item {\n display: block;\n width: 100%;\n padding: 12px 16px;\n border-bottom: 1px solid var(--black_50);\n transition: background 0.15s;\n cursor: pointer;\n\n &:last-of-type {\n border-bottom: none;\n }\n\n .bbpc-result-link {\n display: flex;\n align-items: center;\n gap: 12px;\n color: inherit;\n text-decoration: none;\n }\n\n .bbpc-result-icon {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n color: #9aa0a6;\n }\n\n .bbpc-result-body {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n }\n\n .bbpc-result-title {\n font-size: 14px;\n font-weight: 500;\n color: #202124;\n line-height: 1.4;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .bbpc-result-type {\n margin-top: 3px;\n font-size: 12px;\n font-weight: 400;\n color: #70757a;\n }\n\n /* Ancestor breadcrumb (Forum › Topic), aligned under the title text. */\n .bbpc-result-breadcrumb {\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 4px 0 0;\n padding: 0 0 0 32px;\n\n .bbpc-breadcrumb-item {\n font-size: 12px;\n color: #70757a;\n\n & + .bbpc-breadcrumb-item::before {\n content: \"\\203A\";\n color: #b7b9be;\n padding: 0 5px;\n }\n }\n }\n\n &:hover {\n background: rgb(143 187 237 / 10%);\n\n .bbpc-result-title {\n color: #1a73e8;\n }\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\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}"],"names":[],"ignoreList":[],"sourceRoot":""} |
