/* Galenic AI Search — premium bar + suggestions */

/* Flatsome desktop header: logo | [empty flex-grow] | nav-right (search + icons)
   Collapse the empty middle column and let search fill space toward the logo. */
@media (min-width:850px){
.header-main .header-inner .flex-col.flex-grow{
  flex:0 0 0!important;
  width:0!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
.header-main .header-inner .flex-col.flex-right{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}
.header-main .flex-right .header-nav-main{
  width:100%!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.header-main .flex-right .header-nav-main>li.html_nav_position_text_top{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:280px!important;
  max-width:560px!important;
  margin-right:auto!important;
  margin-left:0!important;
}
.header-main .flex-right .header-nav-main>li.html_nav_position_text_top .galenic-ai-search{
  width:100%!important;
  max-width:560px!important;
  flex:none!important;
}
}

.header-nav .html_custom,
.header-nav .html_custom .galenic-ai-search,
.html_nav_position_text_top .galenic-ai-search,
.flex-left .galenic-ai-search{
  width:100%!important;
  max-width:560px!important;
  margin-left:0!important;
  margin-right:0!important;
}
.galenic-ai-search{
  width:100%!important;
  max-width:560px!important;
  min-width:280px!important;
  margin:10px 0 10px 0!important;
  padding:0!important;
  flex:1 1 auto!important;
}
.galenic-ai-search-form{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:block!important;
  transform:none!important;
}
.galenic-ai-input-wrap{position:relative!important;width:100%!important;}
.galenic-ai-search-input{
  width:100%!important;
  height:50px!important;
  border:2px solid #9ccccc!important;
  border-radius:30px!important;
  padding:0 56px 0 22px!important;
  font-size:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  line-height:50px!important;
  box-sizing:border-box!important;
}
.galenic-ai-search-input:focus{
  outline:none!important;
  border-color:#9ccfd0!important;
  box-shadow:none!important;
}
.galenic-ai-moving-placeholder{
  position:absolute!important;
  left:22px!important;
  right:56px!important;
  top:0!important;
  height:50px!important;
  line-height:50px!important;
  pointer-events:none!important;
  color:#888!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:15px!important;
  text-align:left!important;
}
.galenic-ai-moving-placeholder .galenic-ai-marquee{
  display:inline-block!important;
  min-width:100%!important;
  padding-left:0!important;
  animation:galenic-placeholder-marquee 38s linear infinite;
}
.galenic-ai-input-wrap.has-value .galenic-ai-moving-placeholder,
.galenic-ai-input-wrap:focus-within .galenic-ai-moving-placeholder{display:none!important;}
@keyframes galenic-placeholder-marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.galenic-ai-search-button{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  background:transparent!important;
  border:none!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
  z-index:3!important;
}
.galenic-ai-search-button:before{
  content:""!important;
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:8px auto!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:20px 20px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'%3E%3C/circle%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'%3E%3C/line%3E%3C/svg%3E")!important;
}
.galenic-ai-search-button:hover,.galenic-ai-search-button:focus{background:transparent!important;box-shadow:none!important;outline:none!important;}
.galenic-ai-search-button span,.galenic-ai-search-button strong{display:none!important;}

/* Suggestions panel — neutral palette (pre-premium greens) */
.galenic-ai-suggestions{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 10px)!important;
  z-index:9999!important;
  background:#fff!important;
  border:1px solid #ddd!important;
  border-radius:12px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}
.galenic-ai-suggestions-head{
  padding:12px 18px 8px!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#666!important;
  font-weight:600!important;
  border-bottom:1px solid #f0f0f0!important;
  background:#fff!important;
}
.galenic-ai-suggestions-list{padding:6px 0!important;margin:0!important;}
.galenic-ai-suggestion{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:12px 18px!important;
  text-decoration:none!important;
  color:#1f1f1f!important;
  background:#fff!important;
  transition:background .15s ease!important;
}
.galenic-ai-suggestion + .galenic-ai-suggestion{border-top:1px solid #f0f0f0!important;}
.galenic-ai-suggestion:hover,.galenic-ai-suggestion.is-active{background:#f5f5f5!important;}
.galenic-ai-suggestion-thumb{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  border-radius:12px!important;
  background:#fafafa!important;
  border:1px solid #f0f0f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.galenic-ai-suggestion img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.galenic-ai-suggestion-meta{min-width:0!important;flex:1!important;}
.galenic-ai-suggestion-title{
  display:block!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.galenic-ai-suggestion-price{
  display:block!important;
  font-size:13px!important;
  color:#666!important;
  font-weight:600!important;
  margin-top:3px!important;
}
.galenic-ai-suggestion-arrow{
  flex:0 0 auto!important;
  color:#999!important;
  font-size:18px!important;
  line-height:1!important;
  opacity:.85!important;
}
.galenic-ai-suggestions-foot{
  display:block!important;
  padding:12px 18px!important;
  text-align:center!important;
  font-size:13px!important;
  font-weight:600!important;
  color:#333!important;
  text-decoration:none!important;
  background:#f7f7f7!important;
  border-top:1px solid #f0f0f0!important;
}
.galenic-ai-suggestions-foot:hover{background:#f0f0f0!important;color:#111!important;}

/* Results page */
.galenic-ai-results-wrap{width:100%!important;margin:30px auto!important;}
.galenic-ai-results-title{margin:0 0 25px!important;font-size:28px!important;font-weight:700!important;}
.galenic-ai-empty{padding:18px!important;background:#f7f7f7!important;border-radius:6px!important;font-size:18px!important;}
.galenic-ai-results-wrap.woocommerce ul.products{list-style:none!important;margin-left:0!important;padding-left:0!important;}
.galenic-ai-results-wrap.woocommerce ul.products:before,.galenic-ai-results-wrap.woocommerce ul.products:after{content:""!important;display:table!important;clear:both!important;}
.galenic-ai-results-wrap.woocommerce ul.products li.product{list-style:none!important;}
.galenic-ai-pagination{clear:both!important;margin-top:35px!important;text-align:center!important;}
.galenic-ai-pagination ul.page-numbers{display:inline-flex!important;gap:10px!important;align-items:center!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important;}
.galenic-ai-pagination ul.page-numbers li{list-style:none!important;margin:0!important;padding:0!important;}
.galenic-ai-pagination a,.galenic-ai-pagination span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 10px!important;border:1px solid #ddd!important;text-decoration:none!important;color:inherit!important;background:#fff!important;}
.galenic-ai-pagination .current{background:#9ccccc!important;border-color:#9ccccc!important;color:#fff!important;}

@media(max-width:849px){
/* Mobile/tablet header-bottom: menu + search on one row */
.header-bottom .flex-row.container{
  flex-wrap:nowrap!important;
  align-items:center!important;
}
.header-bottom .show-for-medium.flex-grow{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:8px 12px!important;
}
.header-bottom .mobile-nav.nav-center,
.header-bottom .mobile-nav{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.header-bottom .mobile-nav>li.nav-icon{
  flex:0 0 auto!important;
  order:1!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
}
.header-bottom .mobile-nav>li.nav-icon>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
}
.header-bottom .mobile-nav>li.html_nav_position_text_top{
  flex:1 1 auto!important;
  order:2!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.header-bottom .mobile-nav .galenic-ai-search{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.header-bottom .flex-grow .header-nav-main,
.header-bottom .flex-grow .mobile-nav{
  width:100%!important;
}
.header-bottom .flex-grow li.html_nav_position_text_top{
  width:auto!important;
  flex:1 1 auto!important;
  max-width:none!important;
}
.header-nav .html_custom,
.header-nav .html_custom .galenic-ai-search,
.galenic-ai-search{width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;flex:1 1 auto!important;}
.galenic-ai-search-form{max-width:100%!important;transform:none!important;}
.galenic-ai-search-input{height:44px!important;line-height:44px!important;font-size:14px!important;padding:0 48px 0 14px!important;}
.galenic-ai-moving-placeholder{height:44px!important;line-height:44px!important;font-size:13px!important;left:14px!important;right:48px!important;}
.galenic-ai-search-button{width:32px!important;min-width:32px!important;height:32px!important;right:6px!important;}
.galenic-ai-search-form{display:block!important;}
.galenic-ai-input-wrap{min-width:0!important;}
.galenic-ai-suggestions{left:0!important;right:0!important;top:calc(100% + 6px)!important;}
}
@media(max-width:849px) and (min-width:550px){
.header-bottom .show-for-medium.flex-grow{padding:10px 16px!important;}
.header-bottom .mobile-nav{gap:12px!important;}
.galenic-ai-search-input{height:46px!important;line-height:46px!important;font-size:15px!important;}
.galenic-ai-moving-placeholder{height:46px!important;line-height:46px!important;font-size:14px!important;}
}
@media(max-width:480px){
.header-bottom .show-for-medium.flex-grow{padding:8px 10px!important;}
.header-bottom .mobile-nav{gap:8px!important;}
.galenic-ai-search-input{height:42px!important;line-height:42px!important;font-size:13px!important;padding:0 44px 0 12px!important;}
.galenic-ai-moving-placeholder{height:42px!important;line-height:42px!important;font-size:12px!important;left:12px!important;right:44px!important;}
.galenic-ai-suggestion-thumb{width:44px!important;height:44px!important;flex-basis:44px!important;}
}