/* ==========================================================================
   Search Suggestions — Border-Radius Fix
   Remove border-radius on mobile/tablet for both overlay and inline modes.
   Desktop (>1024px) keeps border-radius via search.css base rules.
   ========================================================================== */

/* Override FiboSearch hardcoded max-height (default 600px, set via inline JS) */
.dgwt-wcas-suggestions-wrapp {
  max-height: 922px !important;
}

@media (max-width: 1024px) {
  /* Overlay mode (fullscreen mobile search) */
  .dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp {
    border-radius: 0 !important;
  }

  /* Inline dropdown mode (pirx style, non-overlay) */
  .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp {
    border-radius: 0 !important;
  }
}

/* ==========================================================================
   Hover highlight fix (Task: search hover off-by-one)
   The suggestions panel is laid out as a CSS grid (2-column: categories left,
   products right + our "Search Product" header). FiboSearch's JS row-highlight
   (.dgwt-wcas-suggestion-selected — light-grey bg + underline on category text)
   miscounts under that grid and lands one row too far down, so hovering
   "Spring Mattresses" visually highlighted "Luxury Mattresses". The native CSS
   :hover always resolves the correct row, so: while the mouse is in the panel,
   suppress the mis-placed JS -selected and drive the highlight from :hover.
   Keyboard navigation (panel not hovered) keeps the -selected highlight intact.
   ========================================================================== */
.dgwt-wcas-suggestions-wrapp:hover .dgwt-wcas-suggestion-selected,
.dgwt-wcas-suggestions-wrapp:hover .dgwt-wcas-suggestion-selected .dgwt-wcas-st {
  background-color: transparent !important;
  text-decoration: none !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:hover {
  background-color: #eee !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tax:hover,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tax:hover .dgwt-wcas-st {
  text-decoration: underline !important;
}