.ogx-hsbt-enhanced{position:relative!important;overflow:visible!important;}
.ogx-hsbt-enhanced .ogx-hsbt-input{box-sizing:border-box!important;padding-inline-end:62px!important;min-width:0!important;}
.ogx-hsbt-tools{position:absolute!important;inset-inline-end:7px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;gap:4px!important;align-items:center!important;justify-content:center!important;z-index:20!important;margin:0!important;padding:0!important;pointer-events:auto!important;white-space:nowrap!important;max-width:56px!important;}
.ogx-hsbt-btn{border:0!important;background:rgba(255,255,255,.72)!important;color:#13253a!important;border-radius:999px!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;line-height:22px!important;text-align:center!important;cursor:pointer!important;font-size:12px!important;padding:0!important;margin:0!important;box-shadow:0 1px 3px rgba(0,0,0,.16)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;overflow:hidden!important;}
.ogx-hsbt-btn:hover{background:#fff!important;transform:translateY(-1px)}
.ogx-hsbt-file{display:none!important;}
.ogx-hsbt-panel{position:absolute;z-index:99999;max-width:min(720px,92vw);width:520px;margin-top:8px;direction:rtl;text-align:right;font-family:inherit}
.ogx-hsbt-card{background:#fff;border:1px solid #dde3ea;border-radius:14px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.14);font-size:14px;color:#1b2430;line-height:1.8}
.ogx-hsbt-title{font-weight:700;margin-bottom:8px;color:#0f2742}
.ogx-hsbt-ok{color:#137333;margin:8px 0;font-weight:600}
.ogx-hsbt-warn{color:#9a6700;background:#fff7d6;padding:6px 8px;border-radius:8px;margin:8px 0}
.ogx-hsbt-item{border-top:1px solid #edf0f4;margin-top:10px;padding-top:10px}
.ogx-hsbt-item ul{margin:5px 18px 5px 0;padding:0}
.ogx-hsbt-missing{color:#b3261e;font-size:13px}
.ogx-hsbt-card pre{direction:ltr;text-align:left;white-space:pre-wrap;background:#f6f8fa;padding:10px;border-radius:8px;overflow:auto;max-height:260px}
/* Flatsome header search dropdown compatibility */
.header-search .ogx-hsbt-enhanced,.header-search-dropdown .ogx-hsbt-enhanced,.ux-search-box .ogx-hsbt-enhanced{position:relative!important;}
/* Compact mode for tablet/mobile so the header/search dropdown does not break */
@media (max-width: 1024px){
  .ogx-hsbt-enhanced .ogx-hsbt-input{padding-inline-end:56px!important;}
  .ogx-hsbt-tools{inset-inline-end:6px!important;gap:3px!important;max-width:50px!important;}
  .ogx-hsbt-btn{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;line-height:20px!important;font-size:11px!important;box-shadow:0 1px 2px rgba(0,0,0,.14)!important;}
}
@media (max-width: 768px){
  .ogx-hsbt-panel{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;}
  .ogx-hsbt-enhanced .ogx-hsbt-input{padding-inline-end:52px!important;}
  .ogx-hsbt-tools{inset-inline-end:5px!important;gap:3px!important;max-width:46px!important;}
  .ogx-hsbt-btn{width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;line-height:19px!important;font-size:10.5px!important;background:rgba(255,255,255,.68)!important;}
}
@media (max-width: 420px){
  .ogx-hsbt-enhanced .ogx-hsbt-input{padding-inline-end:48px!important;}
  .ogx-hsbt-btn{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;line-height:18px!important;font-size:10px!important;}
}


/* v0.7.6: Phone-only layout. Keep desktop unchanged. On small phones put one icon at each side inside the original search bar. */
@media (max-width: 640px){
  .ogx-hsbt-enhanced{position:relative!important;}
  .ogx-hsbt-enhanced .ogx-hsbt-input{
    padding-right:28px!important;
    padding-left:28px!important;
    min-height:30px!important;
    box-sizing:border-box!important;
  }
  .ogx-hsbt-tools{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:100%!important;
    max-width:none!important;
    height:18px!important;
    display:block!important;
    pointer-events:none!important;
    z-index:30!important;
    margin:0!important;
    padding:0!important;
  }
  .ogx-hsbt-btn{
    position:absolute!important;
    top:0!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    line-height:16px!important;
    font-size:9px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    box-shadow:0 1px 2px rgba(0,0,0,.12)!important;
    background:rgba(255,255,255,.82)!important;
    pointer-events:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .ogx-hsbt-mic{right:6px!important;left:auto!important;}
  .ogx-hsbt-upload{left:6px!important;right:auto!important;}
}

@media (max-width: 380px){
  .ogx-hsbt-enhanced .ogx-hsbt-input{
    padding-right:25px!important;
    padding-left:25px!important;
  }
  .ogx-hsbt-btn{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    line-height:15px!important;
    font-size:8.5px!important;
  }
  .ogx-hsbt-mic{right:5px!important;}
  .ogx-hsbt-upload{left:5px!important;}
}


/* v0.7.7: Mobile refinement requested by Oilgaspex.
   Desktop/tablet layout remains unchanged. On phones, hide the original search submit/magnifier button,
   keep microphone on the right, keep upload on the left, and make the upload icon smaller. */
@media (max-width: 640px){
  .ogx-hsbt-enhanced button[type="submit"],
  .ogx-hsbt-enhanced input[type="submit"],
  .ogx-hsbt-enhanced .search-submit,
  .ogx-hsbt-enhanced .ux-search-submit,
  .ogx-hsbt-enhanced .submit-button,
  .ogx-hsbt-enhanced .button[type="submit"]{
    display:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    padding:0!important;
    margin:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .ogx-hsbt-enhanced .ogx-hsbt-input{
    padding-right:29px!important;
    padding-left:29px!important;
  }
  .ogx-hsbt-btn{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    line-height:15px!important;
    font-size:8.5px!important;
  }
  .ogx-hsbt-upload{
    font-size:7px!important;
    line-height:15px!important;
  }
  .ogx-hsbt-mic{right:6px!important;left:auto!important;}
  .ogx-hsbt-upload{left:6px!important;right:auto!important;}
}
@media (max-width: 380px){
  .ogx-hsbt-enhanced .ogx-hsbt-input{
    padding-right:27px!important;
    padding-left:27px!important;
  }
  .ogx-hsbt-btn{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    max-width:14px!important;
    line-height:14px!important;
    font-size:8px!important;
  }
  .ogx-hsbt-upload{font-size:6.5px!important;line-height:14px!important;}
}


/* v0.8.3: keep both icons INSIDE the actual input area and use a cleaner upload SVG icon */
.ogx-hsbt-enhanced .ogx-hsbt-tools{
  left:var(--ogx-hsbt-input-left,0)!important;
  right:auto!important;
  width:var(--ogx-hsbt-input-width,100%)!important;
  max-width:none!important;
}
.ogx-hsbt-upload svg.ogx-hsbt-upload-svg{
  width:58%!important;
  height:58%!important;
  display:block!important;
  fill:currentColor!important;
  margin:auto!important;
}
.ogx-hsbt-upload{
  font-size:inherit!important;
}
@media (min-width: 641px){
  .ogx-hsbt-enhanced .ogx-hsbt-tools{
    left:var(--ogx-hsbt-input-left,0)!important;
    right:auto!important;
    width:var(--ogx-hsbt-input-width,100%)!important;
    max-width:none!important;
  }
  .ogx-hsbt-enhanced .ogx-hsbt-input{
    padding-left:var(--ogx-desktop-pad, 42px)!important;
    padding-right:var(--ogx-desktop-pad, 42px)!important;
  }
  .ogx-hsbt-upload{
    left:var(--ogx-upload-left, 8px)!important;
    right:auto!important;
  }
  .ogx-hsbt-mic{
    right:var(--ogx-mic-right, 8px)!important;
    left:auto!important;
  }
}
@media (max-width: 640px){
  .ogx-hsbt-enhanced .ogx-hsbt-tools{
    left:var(--ogx-hsbt-input-left,0)!important;
    right:auto!important;
    width:var(--ogx-hsbt-input-width,100%)!important;
    max-width:none!important;
  }
  .ogx-hsbt-upload svg.ogx-hsbt-upload-svg{width:56%!important;height:56%!important;}
}


/* v0.8.4: Inline best-match result card under the original search bar */
.ogx-hsbt-best{border:1px solid #d7e7ff;background:#f6fbff;border-radius:12px;padding:10px 12px;margin:10px 0 8px 0;}
.ogx-hsbt-best-label{font-size:12px;font-weight:700;color:#0b5cad;margin-bottom:4px;}
.ogx-hsbt-best-title{display:block;font-weight:800;color:#0f2742!important;text-decoration:none!important;line-height:1.6;}
.ogx-hsbt-best-title:hover{text-decoration:underline!important;}
.ogx-hsbt-best-meta{font-size:12px;color:#52616f;margin-top:3px;}
.ogx-hsbt-more{margin-top:7px;font-size:12px;color:#34495e;}
.ogx-hsbt-more ul{margin:6px 16px 0 0;padding:0;}
.ogx-hsbt-more li{margin:3px 0;}
.ogx-hsbt-more a{color:#0f5d9d!important;text-decoration:none!important;}
@media (max-width:640px){.ogx-hsbt-best{padding:8px 10px}.ogx-hsbt-best-title{font-size:13px}.ogx-hsbt-best-meta,.ogx-hsbt-more{font-size:11px}}

.ogx-hsbt-soft-error{margin-top:8px;font-size:12px;color:#9a6a00;background:#fff7df;border:1px solid #ffe0a3;border-radius:8px;padding:7px 9px}.ogx-hsbt-hint{font-size:12px;color:#777;margin-top:6px}

/* v0.8.6: intent-filter display and hide old theme live-search dropdown while Oilgaspex panel is active */
.ogx-hsbt-intent{font-size:12px;color:#24415f;background:#eef6ff;border:1px solid #d9eaff;border-radius:8px;padding:5px 8px;margin-bottom:7px;}
body.ogx-hsbt-active-search .autocomplete-suggestions,
body.ogx-hsbt-active-search .search-results-wrapper,
body.ogx-hsbt-active-search .live-search-results,
body.ogx-hsbt-active-search .ux-search-results,
body.ogx-hsbt-active-search .smart-search-results{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

/* v0.8.7 — show the locked WooCommerce branch used by the Industrial Category Resolver */
.ogx-hsbt-scope{font-size:12px;color:#28506f;background:#f7fbff;border:1px dashed #c9ddec;border-radius:8px;padding:5px 8px;margin:0 0 8px;}
.ogx-hsbt-file-info{font-size:12px;margin:7px 0;color:#34495e;}
.ogx-hsbt-file-info a{color:#0f5d9d!important;text-decoration:none!important;}

/* v0.9.1 — RFQ case acknowledgement and deliberate text-to-RFQ action. */
.ogx-hsbt-rfq-case{border:1px solid #cbe5d4;background:#f5fcf7;border-radius:10px;padding:9px 11px;margin:0 0 9px;color:#244a31;line-height:1.8;}
.ogx-hsbt-rfq-case .ogx-hsbt-hint{margin-top:3px;color:#496254;}

.ogx-hsbt-create-rfq-box{margin:10px 0 4px;border:1px solid #c9ddec;background:#f7fbff;border-radius:10px;padding:10px 11px;color:#24415f;font-size:12px;line-height:1.75;}
.ogx-hsbt-create-rfq{display:inline-block!important;margin-top:7px!important;border:0!important;border-radius:8px!important;padding:7px 10px!important;background:#0f5d9d!important;color:#fff!important;font-weight:700!important;font-family:inherit!important;line-height:1.35!important;cursor:pointer!important;box-shadow:none!important;}
.ogx-hsbt-create-rfq:hover{filter:brightness(.94)!important;transform:translateY(-1px)!important;}


/* v0.9.4 — instant price response for text and voice industrial enquiries. */
.ogx-hsbt-price-card{border:1px solid #cfe5da;background:#f4fbf7;border-radius:12px;padding:11px 12px;margin:0 0 10px;color:#183a27;}
.ogx-hsbt-price-kicker{font-size:12px;font-weight:800;color:#177245;margin-bottom:4px;}
.ogx-hsbt-price-product{font-size:13px;font-weight:700;line-height:1.6;}
.ogx-hsbt-price-value{font-size:22px;font-weight:900;line-height:1.5;color:#0f5132;margin-top:3px;}
.ogx-hsbt-price-unit,.ogx-hsbt-price-source{font-size:11px;line-height:1.7;color:#557061;}
.ogx-hsbt-price-pending{font-weight:700;color:#865c00;line-height:1.75;}
.ogx-hsbt-price-link{display:inline-block;margin-top:7px;color:#0f5d9d!important;font-weight:700;text-decoration:none!important;font-size:12px;}
.ogx-hsbt-price-link:hover{text-decoration:underline!important;}
@media (max-width:640px){.ogx-hsbt-price-value{font-size:19px}.ogx-hsbt-price-card{padding:9px 10px}}

/* v0.9.6 — Persian voice lock + browser-native spoken reply from the same Industrial AI result. */
.ogx-hsbt-voice-reply{border:1px solid #d8d2ff;background:#faf9ff;border-radius:12px;padding:10px 11px;margin:0 0 10px;color:#2e255f;}
.ogx-hsbt-voice-reply-label{font-size:12px;font-weight:800;color:#5e4eb1;margin-bottom:4px;}
.ogx-hsbt-voice-reply-text{font-size:12px;line-height:1.85;color:#2d3152;}
.ogx-hsbt-voice-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;}
.ogx-hsbt-speak,.ogx-hsbt-stop-speaking,.ogx-hsbt-toggle-auto-voice{border:1px solid #d7d1f6!important;border-radius:7px!important;background:#fff!important;color:#403482!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1.45!important;padding:5px 8px!important;box-shadow:none!important;cursor:pointer!important;}
.ogx-hsbt-speak{background:#5e4eb1!important;border-color:#5e4eb1!important;color:#fff!important;}
.ogx-hsbt-speak:hover,.ogx-hsbt-stop-speaking:hover,.ogx-hsbt-toggle-auto-voice:hover{filter:brightness(.96)!important;transform:translateY(-1px)!important;}
.ogx-hsbt-tts-status{font-size:11px;line-height:1.55;color:#666;min-height:17px;}
.ogx-hsbt-tts-status.is-playing{color:#176b40;font-weight:700;}
.ogx-hsbt-tts-status.is-error{color:#9a4300;}
.ogx-hsbt-tts-status.is-stopped{color:#6b6680;}
@media (max-width:640px){
  .ogx-hsbt-voice-reply{padding:8px 9px;}
  .ogx-hsbt-voice-controls{gap:5px;}
  .ogx-hsbt-speak,.ogx-hsbt-stop-speaking,.ogx-hsbt-toggle-auto-voice{font-size:10px!important;padding:4px 7px!important;}
}

/* v0.9.6.2 — isolated response-panel placement adjustment.
   The current stable v0.9.6 layout is preserved; only the visible panel is moved
   slightly toward the right on desktop so the full response remains in view. */
@media (min-width:769px){
  .ogx-hsbt-panel{
    transform:translateX(18px)!important;
  }
}


/* v0.9.6.4 — administrator-controlled response-panel placement.
   The panel is anchored to the actual input bounds, not to the theme header container.
   Values are supplied by Settings → Header Search Bar Tools. */
html body .ogx-hsbt-panel.ogx-hsbt-anchored{
  position:fixed!important;
  left:var(--ogx-hsbt-panel-left, 8px)!important;
  right:auto!important;
  top:var(--ogx-hsbt-panel-top, 80px)!important;
  bottom:auto!important;
  width:var(--ogx-hsbt-panel-width, 520px)!important;
  max-width:calc(100vw - (var(--ogx-hsbt-panel-edge, 8px) * 2))!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}