# bbp-core/2.5.0/build/search/index.css.map

Forumax – AI Powered Advanced Community Forum Plugin, version 2.5.0. 1 lines.

- Page: https://pluginprobe.com/plugins/bbp-core/2.5.0/code/build/search/index.css.map
- Raw: https://pluginprobe.com/plugins/bbp-core/2.5.0/raw/build/search/index.css.map
- Modified: 2026-10-06T10:18:02+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/bbp-core/2.5.0/code/build/search/index.css.map#L10-L20`.

```
{"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,+BASF,0BACA,CAKA,WACA,mBACA,yCACA,CANA,YACA,CAHA,cACA,gBACA,CALA,MACA,CAMA,YACA,CAQA,gBACA,CAFA,eACA,CALA,SACA,CAdF,iBACE,CAEA,OACA,CAmBA,0CACA,CAJA,oBAGA,CATA,QAGA,CATA,kBACA,CARA,UACA,CAiBA,UAKA,kDACA,SACE,wDAEF,sBACE,mBACA,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,kDAMN,sBACE,kBACA,oDAUA,8BACA,CARF,aACE,eACA,gBACA,CAEA,eACA,CAHA,cACA,UACA,CACA,iBAEA,uDAQA,8BACA,CAJA,cACA,gBACA,gBACA,CALF,QACE,UAKA,wDAMA,aACA,CAHF,cACE,gBACA,CAGA,oBACA,CAHA,oBACA,yBAEA,mDAOA,uCACA,CACA,cACA,CANF,aACE,CACA,iBACA,CACA,0BACA,CAJA,UAKA,gEAEA,kBACE,qEAIA,kBACA,CACA,aACA,CAJF,YACE,CACA,QACA,CACA,oBACA,qEAMA,aACA,CAFA,aACA,CAFA,WACA,CAFF,UAIE,qEAGF,YACE,CACA,MACA,CAFA,qBACA,CACA,WACA,sEAKA,8BACA,CAHF,cACE,gBACA,CACA,eACA,SACA,CACA,eACA,uBACA,CAHA,kBAGA,qEAMA,aACA,CAHA,cACA,gBACA,CAHF,cAIE,2EAIF,YACE,eACA,gBACA,SACA,mBACA,iGAIE,8BACA,CAHF,cACE,iBAEA,8HAGE,aACA,CAFF,WACE,CACA,aACA,yDAKN,kCACE,4EAEA,aACE,sDAMN,wBACE,CACA,iBACA,gBACA,CAHA,eAGA,mcAcA,kCACA,CAHA,2BACA,6BACA,CAPF,2BAIE,6BACA,CAGA,uCACA,wGAIA,kCACA,4BACA,CAFA,eACA,CACA,uCACA,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,CAQR,mEAEA,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,6DAGE,SACA,CAFF,UAEE,wDAGF,mBACE,sEAGF,+CACE,sHAUF,kBACA,CAHA,QACA,aACA,CACA,WACA,CAPF,iBAEE,MACA,CAIA,SACA,2DAIF,SACE,4DAIF,UACE,0IAIF,iBAEE,mBACA,iDAYA,kBACA,CAVF,sBACE,YACA,CAIA,qCACA,CAJA,cACA,CAIA,mBACA,CACA,sBACA,CAJA,aACA,CAHA,QACA,CAJA,YACA,CACA,SAOA,mDAIE,oBACA,CAHF,cACE,CAIA,iBACA,CAFA,WACA,CAJA,aACA,CACA,UAGA,qDAMA,aACA,CAFA,iBACA,CAFA,WACA,CAFF,UAIE,2BAYJ,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,6BFnmBC,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  left: 0;\n  right: 0;\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: none;\n  border-radius: 10px;\n  box-shadow: 0 3px 4px 0 rgb(4 73 89 / 6%);\n  padding: 0;\n  /* Anchored to the bottom of the 48px input pill so the keyword chips below\n     never push the panel down. */\n  top: 48px;\n  overflow-y: auto;\n  max-height: 100vh;\n  z-index: 99;\n\n  /* Slim custom scrollbar. */\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    border-radius: 10px;\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). */\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\n  /* Empty state — centered title + subtitle. */\n  .bbpc-search-empty {\n    padding: 36px 24px 28px;\n    text-align: center;\n  }\n\n  .bbpc-not-found-text {\n    display: block;\n    font-size: 16px;\n    font-weight: 700;\n    margin: 0 0 8px;\n    padding: 0;\n    line-height: 1.4;\n    text-align: center;\n    color: var(--black_900, #0c0d0e);\n  }\n\n  .bbpc-search-empty-hint {\n    margin: 0;\n    padding: 0;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.5;\n    color: var(--black_500, #6a737c);\n  }\n\n  /* Result group label — e.g. \"REPLIES\", \"TOPICS\". */\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  /* Scoped to this container so Docy/EazyDocs .search-result-item is untouched. */\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: var(--black_900, #0c0d0e);\n      line-height: 1.4;\n      margin: 0;\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: 0;\n      padding: 0 0 0 32px;\n\n      .bbpc-breadcrumb-item {\n        font-size: 13px;\n        line-height: 21px;\n        color: var(--black_500, #6a737c);\n\n        & + .bbpc-breadcrumb-item::before {\n          content: \"\\203A\";\n          color: #b7b9be;\n          padding: 0 5px;\n        }\n      }\n    }\n\n    &:hover {\n      background: var(--black_25, #f9f9f9);\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    padding: 1px 3px;\n    border-radius: 3px;\n    font-weight: 600;\n  }\n}\n\n/* Seamless input↔results join while the panel is open — mirrors EazyDocs'\n   `.ezd-results-open`, driven off the panel's own `.ajax-search` state. */\n.bbpc_search_form_wrapper: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    border-top-left-radius: 26px;\n    border-top-right-radius: 26px;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1.5px solid var(--black_50);\n    box-shadow: 0 1px 6px rgb(32 33 36 / 5%);\n  }\n\n  .bbpc-search-result-container {\n    border: 1.5px solid var(--black_50);\n    border-top: none;\n    border-radius: 0 0 26px 26px;\n    box-shadow: 0 6px 20px rgb(32 33 36 / 10%);\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; /* pill */\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      [dir=\"rtl\"] & {\n        right: auto;\n        left: 40px;\n      }\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: 1;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n\n      i {\n        font-size: 18px;\n        line-height: 1;\n        display: inline-block;\n        width: auto;\n        height: auto;\n        font-style: normal;\n      }\n\n      svg {\n        width: 18px;\n        height: 18px;\n        fill: currentColor;\n        display: block;\n      }\n    }\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":""}
```
