{"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: #02010136;\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      }\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":""}