/* Elevenstech live search dropdown (see module/js/live-search.js) */
.ls-form{position:relative;}
.ls-panel{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1050;
  min-width:320px;max-height:min(70vh,560px);overflow-y:auto;
  background:#fff;border:1px solid #e3e8f0;border-radius:14px;
  box-shadow:0 18px 48px rgba(20,33,61,.18);
  padding:8px;
  font-family:'Outfit','Segoe UI',Arial,sans-serif;font-size:14px;color:#14213d;
  text-align:left;
}
.ls-panel[hidden]{display:none;}

.ls-summary{padding:8px 10px 4px;color:#5b6475;font-size:13px;}
.ls-summary b{color:#14213d;}

.ls-group-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 10px 6px;
  font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#8a93a4;
}
.ls-group-head em{
  font-style:normal;background:#eaf3fd;color:#1f7ae0;border-radius:999px;padding:1px 9px;letter-spacing:0;
}
.ls-link{background:none;border:0;color:#1f7ae0;font-size:12px;font-weight:600;cursor:pointer;padding:0;text-transform:none;letter-spacing:0;}

.ls-item{
  display:flex;align-items:center;gap:12px;
  padding:8px 10px;border-radius:10px;
  color:#14213d !important;text-decoration:none !important;
}
.ls-item:hover,.ls-item.ls-active{background:#f1f6fd;}
.ls-thumb{
  flex:0 0 56px;height:40px;border-radius:8px;overflow:hidden;
  background:#eef3f9;border:1px solid #e3e8f0;
  display:flex;align-items:center;justify-content:center;
}
.ls-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ls-thumb.ls-noimg:after{content:"\f15b";font-family:FontAwesome;color:#b3bdcc;font-size:16px;}
.ls-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.ls-title{
  font-weight:600;font-size:14px;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.ls-title mark{background:#fff3c4;color:inherit;padding:0 1px;border-radius:3px;}
.ls-meta{font-size:12px;color:#8a93a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ls-badge{flex-shrink:0;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;}
.ls-badge-free{background:#e8f8ee;color:#1a8f4b;}
.ls-badge-paid{background:#fff3e0;color:#d35400;}
.ls-badge-info{background:#eaf3fd;color:#1f7ae0;}

.ls-all{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:8px 2px 2px;padding:11px;border-radius:10px;
  background:#1f7ae0;color:#fff !important;font-weight:600;text-decoration:none !important;
}
.ls-all:hover,.ls-all.ls-active{background:#1766c2;}

.ls-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 10px 8px;}
.ls-chip{
  display:inline-flex;align-items:center;gap:6px;
  background:#f4f7fb;border:1px solid #e3e8f0;border-radius:999px;
  padding:6px 12px;font-family:inherit;font-size:13px;color:#14213d;cursor:pointer;
}
.ls-chip i{color:#1f7ae0;}
.ls-chip:hover,.ls-chip.ls-active{border-color:#1f7ae0;background:#eaf3fd;}

.ls-loading,.ls-empty{padding:20px 14px;color:#5b6475;text-align:center;}
.ls-loading{display:flex;align-items:center;justify-content:center;gap:10px;}
.ls-spinner{
  width:18px;height:18px;border-radius:50%;
  border:2px solid #d6e4f5;border-top-color:#1f7ae0;
  animation:ls-spin .7s linear infinite;
}
@keyframes ls-spin{to{transform:rotate(360deg);}}
.ls-empty{display:flex;flex-direction:column;align-items:center;gap:6px;}
.ls-empty-icon{
  width:44px;height:44px;border-radius:50%;background:#eaf3fd;color:#1f7ae0;
  display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:4px;
}
.ls-empty b{color:#14213d;}
.ls-empty span{font-size:13px;}

.ls-hint{padding:8px 10px 4px;border-top:1px solid #eef1f5;margin-top:6px;font-size:12px;color:#8a93a4;}
.ls-hint kbd{
  display:inline-block;min-width:20px;padding:1px 5px;margin-right:2px;
  border:1px solid #d9dfe8;border-bottom-width:2px;border-radius:5px;
  background:#fff;color:#5b6475;font-family:inherit;font-size:11px;text-align:center;
}

@media (max-width:600px){
  .ls-panel{min-width:0;max-height:65vh;}
  .ls-hint{display:none;}
  .ls-thumb{flex-basis:48px;height:36px;}
}

/* The header wrappers clip overflow and sit at the same z-index as #topnav;
   let the dropdown escape and stack above the nav bar. flow-root keeps the float clearing. */
.eleven-container.top,
#search-box{overflow:visible !important;display:flow-root;position:relative;z-index:1040;}
#search-box[style*="display: none"]{display:none !important;}

/* Isolate the panel from header/sidebar form styles (e.g. .ps-form--quick-search button) */
.ls-panel,.ls-panel *{line-height:1.4;box-sizing:border-box;}
.ls-panel .ls-chip{
  height:auto;border-radius:999px;font-weight:400;
  background:#f4f7fb;border:1px solid #e3e8f0;color:#14213d;
  padding:6px 12px;font-size:13px;
}
.ls-panel .ls-chip:hover,.ls-panel .ls-chip.ls-active{border-color:#1f7ae0;background:#eaf3fd;color:#14213d;}
.ls-panel .ls-link{height:auto;background:none;border:0;border-radius:0;color:#1f7ae0;padding:0;font-size:12px;font-weight:600;}
.ls-panel .ls-title{line-height:1.35;}

/* Header search: real search icon inside the input */
.ps-form--quick-search .form-group--icon{
  position:absolute;left:0;top:0;bottom:0;width:42px;z-index:3;
  display:flex;align-items:center;justify-content:center;
  background:transparent !important;border:0 !important;
  color:#8a93a4;font-size:15px;pointer-events:none;
}
.ps-form--quick-search input.form-control{padding-left:42px;}
.ps-form--quick-search input.form-control:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.15);}