/* BSSF India – site search (menu-bar button + overlay). Loaded on every page. */

/* the search glyph only exists in the solid icon set */
.far.fa-search{font-weight:900}
.main_menu .user_link{cursor:pointer}
.main_menu .user_link:focus-visible{outline:3px solid #C89B3C;outline-offset:3px}

html.bssf-search-open{overflow:hidden}

.bssf-search{
  position:fixed;inset:0;z-index:3000;
  display:flex;align-items:flex-start;justify-content:center;
  padding:9vh 16px 16px;
  background:rgba(6,28,19,.72);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;transition:opacity .18s ease;
}
.bssf-search[hidden]{display:none}
.bssf-search.is-open{opacity:1}

.bssf-search__panel{
  width:100%;max-width:720px;max-height:calc(100vh - 9vh - 32px);
  display:flex;flex-direction:column;
  background:#fff;border-radius:18px;overflow:hidden;
  border-top:5px solid #0F6B43;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  transform:translateY(-14px);transition:transform .2s ease;
}
.bssf-search.is-open .bssf-search__panel{transform:none}

.bssf-search__form{position:relative;display:flex;align-items:center;gap:12px;padding:6px 14px 6px 24px;border-bottom:1px solid #e8ecea}
.bssf-search__icon{color:#0F6B43;font-size:18px}
.bssf-search__input{
  flex:1;min-width:0;height:66px;border:0;outline:0;background:transparent;
  font:600 20px/1.2 "Nunito","Nunito Sans",system-ui,sans-serif;color:#111;
  -webkit-appearance:none;appearance:none;
}
.bssf-search__input::placeholder{color:#8a948f;font-weight:500}
.bssf-search__input::-webkit-search-cancel-button{display:none}
.bssf-search__close{
  flex:none;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;
  background:#eef6f1;color:#0F6B43;font-size:16px;transition:background .2s,color .2s;
}
.bssf-search__close:hover,.bssf-search__close:focus-visible{background:#0F6B43;color:#fff;outline:0}

.bssf-search__status{margin:0;padding:12px 24px 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#C89B3C}

.bssf-search__list{list-style:none;margin:0;padding:6px 12px 12px;overflow-y:auto;overscroll-behavior:contain;flex:1}
.bssf-search__list li{margin:0}
.bssf-search__item{
  display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:3px;align-items:center;
  padding:12px 14px;border-radius:12px;border-left:4px solid transparent;
  text-decoration:none;color:#111;transition:background .15s,border-color .15s;
}
.bssf-search__list li.is-active .bssf-search__item,.bssf-search__item:focus-visible{background:#eef6f1;border-left-color:#C89B3C;outline:0}
.bssf-search__title{font-size:17px;font-weight:800;line-height:1.3;color:#111}
.bssf-search__tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0F6B43;background:#fff;border:1px solid #cfe3d8;border-radius:50px;padding:3px 10px;white-space:nowrap}
.bssf-search__snip{grid-column:1 / -1;font-size:14px;line-height:1.5;color:#5b645f}
.bssf-search__snip mark{background:rgba(200,155,60,.28);color:#111;border-radius:3px;padding:0 2px}
.bssf-search__item--quick{display:flex;align-items:center;gap:12px;padding:11px 14px}
.bssf-search__item--quick i{color:#C89B3C;font-size:13px}
.bssf-search__empty{padding:14px 16px;font-size:15px;color:#5b645f}
.bssf-search__empty em{color:#0F6B43;font-style:normal;font-weight:700}

.bssf-search__foot{display:flex;gap:18px;flex-wrap:wrap;padding:10px 24px;border-top:1px solid #e8ecea;background:#f7faf8;font-size:12px;color:#6b756f}
.bssf-search__foot kbd{display:inline-block;min-width:22px;margin-right:4px;padding:1px 6px;text-align:center;font-family:inherit;font-weight:700;font-size:11px;line-height:1.6;color:#333;background:#fff;border:1px solid #cdd5d1;border-bottom-width:2px;border-radius:5px}

@media (max-width:575.98px){
  .bssf-search{padding:0}
  .bssf-search__panel{max-width:none;max-height:100vh;max-height:100dvh;border-radius:0 0 18px 18px;height:auto;max-height:88dvh}
  .bssf-search__form{padding-left:18px}
  .bssf-search__input{height:60px;font-size:18px}
  .bssf-search__foot{display:none}
  .bssf-search__item{grid-template-columns:1fr}
  .bssf-search__tag{justify-self:start;order:3}
}
@media (prefers-reduced-motion:reduce){.bssf-search,.bssf-search__panel{transition:none}}
