/* Rogue re-brand for the MP13 Search drawer (theme-side override — no plugin edits).
   The plugin skins via --mp13-c-* vars (Yammy tahini/cream fallbacks); remap them at
   :root to the dark Rogue palette + override the hardcoded white field/card fills. */
:root {
	--mp13-c-bg:     #121212;                 /* drawer surface — charcoal */
	--mp13-c-ink:    #FFFFFF;                 /* primary text */
	--mp13-c-ink-2:  #B8B8B8;                 /* secondary text */
	--mp13-c-accent: #A9CF3F;                 /* volt green — close/view-all */
	--mp13-c-sage:   #A9CF3F;                 /* success/hover → volt */
	--mp13-c-line:   rgba(255, 255, 255, 0.12);
	--mp13-c-shadow: rgba(0, 0, 0, 0.5);
}

/* scrim: neutral dark, not tahini-brown */
.mp13-search__scrim { background: rgba(0, 0, 0, 0.6) !important; }

/* drawer panel */
.mp13-search__drawer {
	background: #121212 !important;
	color: #fff !important;
	border-left: 1px solid rgba(169, 207, 63, 0.25);
	box-shadow: -22px 0 60px rgba(0, 0, 0, 0.55) !important;
}

/* search field: plugin paints it white — go dark */
.mp13-search__field {
	background: rgba(255, 255, 255, 0.05) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}
.mp13-search__field:focus-within { border-color: rgba(169, 207, 63, 0.6) !important; }
.mp13-search__input { color: #fff !important; }
/* Placeholder a step smaller than the input's own clamp(15px,1.1vw,18px). Only the
   placeholder shrinks — typed text keeps full size for legibility. */
.mp13-search__input::placeholder {
	color: #B8B8B8 !important;
	font-size: clamp(13px, 0.95vw, 15px);
}
.mp13-search__clear { color: #B8B8B8 !important; }

/* close button → volt pill, black icon; hover = VIOLET (brand, no random green) */
.mp13-search__close { background: #A9CF3F !important; color: #000 !important; }
.mp13-search__close:hover { background: #7B4AA8 !important; color: #fff !important; }

/* result cards */
.mp13-search__card {
	background: rgba(255, 255, 255, 0.05) !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
}
.mp13-search__card:hover { background: rgba(169, 207, 63, 0.12) !important; }
.mp13-search__thumb { background: rgba(255, 255, 255, 0.06) !important; }
.mp13-search__title { color: #fff !important; }
.mp13-search__price { color: #A9CF3F !important; }
.mp13-search__hint, .mp13-search__empty { color: #B8B8B8 !important; }

/* view-all pill → volt + black text; hover = violet */
.mp13-search__view-all { background: #A9CF3F !important; color: #000 !important; }
.mp13-search__view-all:hover { background: #7B4AA8 !important; color: #fff !important; }

/* FONT: force Montserrat everywhere in the drawer (plugin uses Yammy --ff-body/display) */
.mp13-search,
.mp13-search * { font-family: "Montserrat", sans-serif !important; }

/* Same flex trap as the filter drawer: `flex: 1; overflow-y: auto` without
   `min-height: 0` means the box never shrinks below its content, so it grows past the
   drawer, results are cut off, and the scroll gesture chains to the page behind
   instead of moving the list. */
.mp13-search__body {
	flex: 1 1 auto;
	min-height: 0;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-y;
}