/* Desktop header search: a compact panel that drops down over a dimmed page, keeping WoodMart's live results.
   WoodMart loads its search CSS after ours, so selectors carry an extra html. */
@media(min-width:1025px){
	html .wd-search-full-screen{--topika-search-w:min(720px,calc(100vw - 48px));--topika-search-x:calc((100% - var(--topika-search-w))/2);padding:32px var(--topika-search-x) 48px;background:rgba(0,0,0,.5);box-shadow:none;transform:none;transition:opacity .2s ease,visibility 0s linear .2s}
	html .wd-search-full-screen.wd-opened{transform:none;transition:opacity .2s ease,visibility 0s}
	html .wd-search-full-screen>:is(form,.wd-search-results,.wd-search-info-text,.wd-search-area){transform:translateY(-16px);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
	html .wd-search-full-screen.wd-opened>:is(form,.wd-search-results,.wd-search-info-text,.wd-search-area){transform:none}

	html .wd-search-full-screen .searchform{flex:0 0 auto;margin:0;padding:0 56px 0 20px;border:0;border-radius:4px 4px 0 0;background:#fff;--wd-form-height:56px}
	html .wd-search-full-screen .searchform input[type=text]{height:56px;text-align:start;font-size:16px;font-weight:400}
	html .wd-search-full-screen .wd-close-search.wd-style-icon{--wd-action-icon-size:16px;--wd-action-w:56px;--wd-action-h:56px;top:32px;inset-inline-end:var(--topika-search-x)}

	/* Results and hints sit in the same white panel below the input. */
	html .wd-search-full-screen>:is(.wd-search-results,.wd-search-info-text,.wd-search-area){margin:0;padding:16px 20px;border-top:1px solid var(--brdcolor-gray-300);background:#fff}
	html .wd-search-full-screen>:is(.wd-search-results,.wd-search-info-text,.wd-search-area):last-child,html .wd-search-full-screen.wd-searched>.wd-search-results{border-radius:0 0 4px 4px}
	html .wd-search-full-screen .wd-search-results{flex:0 1 auto;max-height:calc(100vh - 240px);overflow-y:auto}
	html .wd-search-full-screen .wd-search-results:not(:has(.wd-suggestion,.wd-not-found)){display:none}
	html .wd-search-full-screen .wd-search-info-text{font-size:14px;color:var(--color-gray-500)}
	html .wd-search-full-screen .wd-search-loader{inset:88px var(--topika-search-x) auto;height:120px;background:#fff}

	/* One product per row: thumbnail, title and price. */
	html .wd-search-full-screen .wd-suggestions-group{display:block}
	html .wd-search-full-screen .wd-suggestion{display:flex;flex-direction:row;align-items:center;gap:14px;padding:8px 0;text-align:start}
	html .wd-search-full-screen .wd-suggestion+.wd-suggestion{border-top:1px solid var(--brdcolor-gray-200)}
	html .wd-search-full-screen .wd-suggestion-thumb{flex:0 0 56px;max-width:56px;margin:0}
	html .wd-search-full-screen .wd-suggestion :is(.wd-entities-title,.price){font-size:14px;line-height:1.4}
	html .wd-search-full-screen .wd-search-suggestions .wd-search-title{text-align:start}
	html .wd-search-full-screen :is(.wd-not-found-msg,.wd-all-results){text-align:start;font-size:14px}
}
@media(min-width:1025px) and (prefers-reduced-motion:reduce){
	html .wd-search-full-screen>:is(form,.wd-search-results,.wd-search-info-text,.wd-search-area){transform:none;transition:none}
}