/* A61 header search pill — CSS only, styles FiboSearch's existing icon link as a field.
   The link keeps its classes, so the instant-search snippet still opens the popup. */
.elementor-6725 .elementor-element-39751c3 .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{width:100%!important;max-width:none!important;min-width:0!important}
.elementor-6725 .elementor-element-39751c3 a.dgwt-wcas-search-icon.js-dgwt-wcas-search-icon-handler{display:flex!important;align-items:center;gap:10px;box-sizing:border-box;height:42px;width:100%!important;margin:0!important;padding:0 18px!important;background:#F4F8FD!important;border:1px solid #DFE5EC!important;border-radius:999px!important;text-decoration:none!important;cursor:text;transition:border-color .15s,background-color .15s}
.elementor-6725 .elementor-element-39751c3 a.js-dgwt-wcas-search-icon-handler svg{flex:0 0 18px;width:18px!important;height:18px!important;fill:#5A6B80!important}
.elementor-6725 .elementor-element-39751c3 a.js-dgwt-wcas-search-icon-handler::after{content:"Search products";flex:1 1 auto;min-width:0;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;line-height:1;color:#5A6B80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.elementor-6725 .elementor-element-39751c3 a.js-dgwt-wcas-search-icon-handler:hover{background:#FFFFFF!important;border-color:#346CAC!important}
.elementor-6725 .elementor-element-39751c3 a.js-dgwt-wcas-search-icon-handler:focus-visible{outline:2px solid #346CAC!important;outline-offset:2px}

/* desktop: pill sits in the icon group, nav column gives up the room */
@media (min-width:1025px){
  .elementor-6725 .elementor-element-a161679{flex:0 0 auto}
  .elementor-6725 .elementor-element-716dc0e{flex:1 1 auto;width:auto!important;min-width:0}
  .elementor-6725 .elementor-element.elementor-element-f35533f{flex:0 0 auto;width:auto!important}
  .elementor-6725 .elementor-element-f86e1a2>.elementor-container{flex-wrap:nowrap;align-items:center}
  .elementor-6725 .elementor-element-f86e1a2 .elementor-column.elementor-element{width:auto!important}
  .elementor-6725 .elementor-element-f86e1a2 .elementor-column.elementor-element.elementor-element-39751c3{width:clamp(220px,20vw,300px)!important;margin-right:6px}
}

/* narrow desktop: shorter pill so the menu stays on one line */
@media (min-width:1025px) and (max-width:1179px){
  .elementor-6725 .elementor-element-f86e1a2 .elementor-column.elementor-element.elementor-element-39751c3{width:176px!important;margin-right:2px}
  .elementor-6725 .elementor-element-39751c3 a.dgwt-wcas-search-icon.js-dgwt-wcas-search-icon-handler{padding:0 14px!important;gap:8px}
  .elementor-6725 .elementor-element-39751c3 a.js-dgwt-wcas-search-icon-handler::after{content:"Search"}
}

/* phones + tablets: full-width bar under the logo row (space reserved in CSS, no shift) */
@media (max-width:1024px){
  .elementor-6725 .elementor-element-41ba11e{padding-bottom:58px!important}
  .elementor-6725 .elementor-element-f35533f,
  .elementor-6725 .elementor-element-f35533f>.elementor-widget-wrap,
  .elementor-6725 .elementor-element-f86e1a2,
  .elementor-6725 .elementor-element-f86e1a2>.elementor-container{position:static!important}
  .elementor-6725 .elementor-element.elementor-element-39751c3{position:absolute!important;top:100%;left:0;right:0;width:auto!important;order:0}
  .elementor-6725 .elementor-element-39751c3>.elementor-widget-wrap{padding:2px 16px 12px!important}
  .elementor-6725 .elementor-element-39751c3 a.dgwt-wcas-search-icon.js-dgwt-wcas-search-icon-handler{height:46px}
}