/* MT Smart Search — frontend styles. Scoped to .mts-* to avoid theme collisions. */
:root{
	--mts-accent:#6B7282;
	--mts-radius:14px;
	--mts-bg:#ffffff;
	--mts-fg:#2b2b2b;
	--mts-muted:#7a7a7a;
	--mts-line:#ece9e4;
	--mts-hover:#f6f4f0;
	--mts-shadow:0 12px 34px rgba(30,25,20,.14);
	--mts-sale:#b4553b;
}

/* --- inline bar (shortcode) --- */
.mts-bar{position:relative;display:flex;align-items:center;gap:.4rem;max-width:520px}
.mts-bar input[type=search]{flex:1;width:100%;padding:.62rem .9rem;border:1px solid var(--mts-line);border-radius:var(--mts-radius);font-size:.95rem;background:var(--mts-bg);color:var(--mts-fg)}
.mts-bar input[type=search]:focus{outline:none;border-color:var(--mts-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mts-accent) 18%,transparent)}
.mts-bar-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--mts-radius);background:var(--mts-accent);color:#fff;cursor:pointer}

/* --- autocomplete panel --- */
.mts-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:9999;background:var(--mts-bg);border:1px solid var(--mts-line);border-radius:var(--mts-radius);box-shadow:var(--mts-shadow);overflow:hidden;max-height:min(70vh,560px);overflow-y:auto;font-size:.92rem}
.mts-panel[hidden]{display:none}
.mts-panel.mts-loading{opacity:.65}
.mts-list{list-style:none;margin:0;padding:.35rem}
.mts-opt{border-radius:calc(var(--mts-radius) - 6px)}
.mts-opt.mts-on,.mts-opt:hover{background:var(--mts-hover)}
.mts-opt-a{display:flex;align-items:center;gap:.7rem;padding:.5rem .55rem;text-decoration:none;color:var(--mts-fg)}
.mts-opt-img{flex:0 0 46px;width:46px;height:46px;border-radius:10px;overflow:hidden;background:var(--mts-hover);display:flex;align-items:center;justify-content:center}
.mts-opt-img img{width:100%;height:100%;object-fit:cover}
.mts-opt-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mts-opt-title{font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mts-opt-meta{display:flex;gap:.5rem;color:var(--mts-muted);font-size:.78rem}
.mts-opt-sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.mts-opt-price{flex:0 0 auto;font-weight:600;color:var(--mts-fg);white-space:nowrap}
.mts-opt-rate{font-size:.78rem}
.mts-opt-rc{color:var(--mts-muted)}
.mts-stars{color:#d9a441;letter-spacing:1px}
.mts-star{opacity:.28}.mts-star.on{opacity:1}
.mts-badge{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .35rem;border-radius:6px;vertical-align:middle}
.mts-badge-sale{background:var(--mts-sale);color:#fff}
.mts-viewall{display:block;text-align:center;padding:.7rem;border-top:1px solid var(--mts-line);font-weight:600;color:var(--mts-accent);text-decoration:none}
.mts-viewall:hover{background:var(--mts-hover)}
.mts-nores{padding:1rem;text-align:center;color:var(--mts-muted)}
.mts-dym{padding:.6rem .8rem;border-bottom:1px solid var(--mts-line);color:var(--mts-muted)}
.mts-dym-b{border:none;background:none;color:var(--mts-accent);font-weight:600;cursor:pointer;padding:0}
.mts-sec{padding:.6rem .8rem}
.mts-sec+.mts-sec{border-top:1px solid var(--mts-line)}
.mts-sec-t{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mts-muted);margin-bottom:.45rem}
.mts-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.mts-chip{display:inline-block;padding:.32rem .6rem;border:1px solid var(--mts-line);border-radius:999px;background:var(--mts-bg);color:var(--mts-fg);font-size:.82rem;cursor:pointer;text-decoration:none}
.mts-chip:hover{background:var(--mts-hover);border-color:var(--mts-accent)}

/* --- results page --- */
.mts-results{max-width:1180px;margin:0 auto;padding:1rem}
.mts-results-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}
.mts-results-title{font-size:1.5rem;margin:0}
.mts-sort{padding:.5rem .7rem;border:1px solid var(--mts-line);border-radius:10px;background:var(--mts-bg)}
.mts-facets{display:flex;gap:1rem;margin:.5rem 0 1rem}
.mts-facet{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;color:var(--mts-fg)}
.mts-results-count{color:var(--mts-muted);margin:.2rem 0 1rem}
.mts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.1rem}
.mts-card{border:1px solid var(--mts-line);border-radius:var(--mts-radius);overflow:hidden;background:var(--mts-bg);transition:box-shadow .18s,transform .18s}
.mts-card:hover{box-shadow:var(--mts-shadow);transform:translateY(-2px)}
.mts-card-a{text-decoration:none;color:var(--mts-fg);display:block}
.mts-card-img{position:relative;display:block;aspect-ratio:1/1;background:var(--mts-hover)}
.mts-card-img img{width:100%;height:100%;object-fit:cover}
.mts-card-img .mts-badge{position:absolute;top:.55rem;left:.55rem}
.mts-card-body{padding:.7rem .8rem;display:flex;flex-direction:column;gap:.25rem}
.mts-card-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mts-muted)}
.mts-card-title{font-weight:600;line-height:1.25}
.mts-card-price{font-weight:600;margin-top:.15rem}
.mts-card-oos{font-size:.75rem;color:var(--mts-sale)}
.mts-empty{padding:2rem 1rem;text-align:center;color:var(--mts-muted)}
.mts-loadmore-wrap{text-align:center;margin:1.5rem 0}
.mts-loadmore{padding:.7rem 1.4rem;border:1px solid var(--mts-accent);background:var(--mts-bg);color:var(--mts-accent);border-radius:var(--mts-radius);font-weight:600;cursor:pointer}
.mts-loadmore:hover{background:var(--mts-accent);color:#fff}

/* ============================================================
   Branded search RESULTS PAGE (templates/search.php)
   Uses the theme's brand tokens where available.
   ============================================================ */
.mts-searchpage{max-width:1180px;margin:0 auto;padding:48px 24px 72px;
	font-family:var(--font-body,inherit);color:var(--ink,#2b2b2b)}
.mts-sp-head{padding-bottom:22px;margin-bottom:36px;border-bottom:1px solid var(--line,#ece9e4)}
.mts-sp-eyebrow{font-family:var(--font-mono,ui-monospace,monospace);font-size:.68rem;letter-spacing:.22em;
	text-transform:uppercase;color:var(--soft,#8a8578);margin:0 0 10px}
.mts-sp-title{font-family:var(--font-display,Georgia,serif);font-size:clamp(1.8rem,4vw,2.8rem);
	font-weight:500;line-height:1.05;margin:0 0 10px;color:var(--ink,#2b2b2b)}
.mts-sp-count{font-family:var(--font-mono,ui-monospace,monospace);font-size:.8rem;letter-spacing:.02em;
	color:var(--soft,#8a8578);margin:0}
.mts-sp-count a{color:var(--amber,#c98a3a);text-decoration:underline;text-underline-offset:2px}

.mts-searchpage .mts-sp-section{padding:0;margin:0 0 44px}
.mts-sp-sectitle{font-family:var(--font-mono,ui-monospace,monospace);font-size:.74rem;letter-spacing:.16em;
	text-transform:uppercase;color:var(--ink,#2b2b2b);margin:0 0 18px;display:flex;align-items:center;gap:10px}
.mts-sp-secnum{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;
	padding:0 7px;border-radius:999px;background:var(--bg2,#f4f1ec);color:var(--soft,#8a8578);
	font-size:.66rem;letter-spacing:0}

/* Products grid reuses .mts-grid / .mts-card; card is an anchor here. */
.mts-searchpage .mts-card{display:block;text-decoration:none;color:inherit}

/* Pages / Articles list */
.mts-rlist{display:flex;flex-direction:column;gap:2px}
.mts-rrow{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
	padding:16px 18px;border-radius:var(--mts-radius,12px);text-decoration:none;color:inherit;
	border:1px solid transparent;transition:background .15s,border-color .15s}
.mts-rrow:hover{background:var(--bg2,#f6f4f0);border-color:var(--line,#ece9e4)}
.mts-rrow-body{min-width:0}
.mts-rrow-title{display:block;font-family:var(--font-display,Georgia,serif);font-size:1.12rem;
	font-weight:500;color:var(--ink,#2b2b2b);margin-bottom:3px}
.mts-rrow-desc{display:block;font-size:.88rem;line-height:1.5;color:var(--soft,#7a7a7a);
	overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mts-rrow-type{flex:none;font-family:var(--font-mono,ui-monospace,monospace);font-size:.6rem;
	letter-spacing:.12em;text-transform:uppercase;color:var(--soft,#8a8578);
	padding:4px 10px;border:1px solid var(--line,#ece9e4);border-radius:999px;margin-top:3px}

.mts-sp-empty{padding:20px 0}
.mts-sp-empty>p{font-size:1rem;color:var(--soft,#7a7a7a);margin:0 0 20px}
.mts-sp-suggest{margin-bottom:26px}
.mts-sp-suggest-t{display:block;font-family:var(--font-mono,ui-monospace,monospace);font-size:.68rem;
	letter-spacing:.14em;text-transform:uppercase;color:var(--soft,#8a8578);margin-bottom:12px}
.mts-sp-shop{display:inline-block;font-family:var(--font-mono,ui-monospace,monospace);font-size:.75rem;
	letter-spacing:.08em;text-transform:uppercase;color:var(--ink,#2b2b2b);
	border-bottom:1.5px solid var(--amber,#c98a3a);padding-bottom:3px;text-decoration:none}

@media(max-width:600px){
	.mts-searchpage{padding:32px 18px 56px}
	.mts-rrow-type{display:none}
}

/* --- Desktop header .nav-topsearch: dropdown matches the search bar width --- */
@media (min-width:681px){
	.nav-topsearch{position:relative}
	/* Panel is absolute inside the bar, so left:0/right:0 == the bar's own width. */
	.mts-panel--spotlight{
		border-radius:var(--mts-radius);
		box-shadow:0 24px 64px -16px rgba(30,20,10,.3);
		z-index:9999;max-height:min(72vh,620px)
	}
}

/* --- Mobile drawer (.nav-search inside the slide-out menu): break out to full drawer width --- */
@media (max-width:680px){
	.nav-search{position:relative}
	.mts-panel--drawer{
		position:absolute;left:-28px;right:-28px;top:calc(100% + 8px);
		border-radius:12px;max-height:70vh;
		box-shadow:0 8px 32px -8px rgba(60,50,30,.18)
	}
}

@media (prefers-reduced-motion:reduce){
	.mts-card{transition:none}
}