/* Site search: results-page sections and live suggestions (includes/site-search.php). */

/* ---- Shared item: image + name + line under it -------------------------------- */
.lol-search-item {
	display: flex; align-items: center; gap: 14px;
	padding: 10px 16px; background: #20132a; color: #fff; text-decoration: none;
	clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
	transition: background-color .2s;
}
.lol-search-item:hover, .lol-search-item:focus, .lol-search-item.is-active { background: #6b54b6; color: #fff; outline: none; }
.lol-search-img { flex: none; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; }
.lol-search-img img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; }
.lol-search-player .lol-search-img img { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; }
.lol-search-noimg {
	width: 48px; height: 48px; border-radius: 50%; background: #2c1d3a; color: #b9a6e0;
	display: flex; align-items: center; justify-content: center;
	font-family: Rajdhani, sans-serif; font-weight: 700; font-size: 22px;
}
.lol-search-text { display: flex; flex-direction: column; min-width: 0; }
.lol-search-label {
	font-family: Rajdhani, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.15;
	text-transform: uppercase; letter-spacing: .02em; color: inherit;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.lol-search-sub {
	font-family: Rajdhani, sans-serif; font-weight: 600; font-size: 13px; line-height: 1.3;
	letter-spacing: .08em; text-transform: uppercase; color: #8f7bd0;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.lol-search-item:hover .lol-search-sub, .lol-search-item.is-active .lol-search-sub { color: #e5dcff; }

/* ---- 1. Results page ---------------------------------------------------------- */
.lol-search-results { padding-top: 60px; padding-bottom: 20px; }
.lol-search-section { margin: 0 0 40px; }
.lol-search-heading { margin: 0 0 16px; }
.lol-search-heading span { color: #6b54b6; }
.lol-search-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.lol-search-more { margin: 12px 0 0; color: #8f7bd0; }
/* We found players/teams/tournaments, so hide the theme's "No posts were found." */
.lol-search-has-hits .edgtf-blog-no-posts { display: none; }

/* ---- 2. Live suggestions ------------------------------------------------------ */
.edgtf-fullscreen-search-holder .edgtf-form-holder-inner,
.edgtf-search-page-form .edgtf-form-holder { position: relative; }
.lol-suggest {
	position: absolute; left: 0; right: 0; top: calc(100% + 12px); z-index: 1000;
	max-height: min(60vh, 520px); overflow-y: auto;
	background: #150f1a; border: 1px solid #2c1d3a; box-shadow: 0 14px 40px rgba(6, 5, 7, .6);
	padding: 12px; text-align: left;
}
.lol-suggest[hidden] { display: none; }
.lol-suggest-group + .lol-suggest-group { margin-top: 12px; }
.lol-suggest-title {
	font-family: Rajdhani, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .12em;
	text-transform: uppercase; color: #6b54b6; margin: 0 4px 6px;
}
.lol-suggest .lol-search-item { margin-bottom: 6px; }
.lol-suggest-empty { padding: 10px 6px; color: #b9a6e0; font-family: Rajdhani, sans-serif; font-weight: 600; font-size: 16px; }
.lol-suggest-all {
	display: block; margin-top: 8px; padding: 10px 6px 4px; border-top: 1px solid #2c1d3a;
	font-family: Rajdhani, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: .1em;
	text-transform: uppercase; color: #b9a6e0; text-decoration: none;
}
.lol-suggest-all:hover { color: #fff; }

@media (max-width: 680px) {
	.lol-search-grid { grid-template-columns: 1fr; }
	.lol-search-label { font-size: 16px; }
}