/* ============================================================
   Search — search bar, tabs, result list, list-layout cards
   ============================================================ */

/* ── Search bar ─────────────────────────────────────────────────────────────── */

.search-bar-wrapper {
	background: var(--color-bg-secondary);
	border-bottom: 1px solid var(--color-border);
	padding: var(--space-12) 0;
}

.search-bar__form {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	background: var(--color-bg);
	padding: var(--space-3) var(--space-5);
	border-radius:10px;
	border:1px solid var(--color-text);
}

.search-bar__icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.search-bar__input {
	flex: 1;
	border: none;
	outline: none;
	background: transparent;
	font-family: var(--font-body);
	font-size: var(--text-base);
	color: var(--color-text);
	min-width: 0;
}

.search-bar__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.search-bar__input::placeholder {
	color: var(--color-text-muted);
}

.search-bar__clear {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	opacity: 0.5;
	transition: opacity var(--transition-fast);
}

.search-bar__clear:hover { opacity: 1; }

.search-bar__clear img {
	width: 16px;
	height: 16px;
}

/* ── Layout ─────────────────────────────────────────────────────────────────── */

.search-results__layout {
	padding-top: var(--space-16);
	padding-bottom: var(--space-16);
}

@media (max-width: 1201px){
	.search-results__layout{
		padding-top: var(--space-12);
		padding-bottom: var(--space-12);
	}
}

@media (max-width: 992px){
	.search-results__layout .sidebar .ad-placeholder {
		display:none;
	}
}

.search-results__item {
	padding:var(--space-4) 0;
}

/* ── Tabs ───────────────────────────────────────────────────────────────────── */

.search-results__tabs {
	display: flex;
	gap: var(--space-6);
	border-bottom: 1px solid var(--color-border);
	margin-bottom: var(--space-6);
}

.search-results__tab {
	background: none;
	border: none;
	padding-bottom: var(--space-3);
	font-family: var(--font-body);
	font-size: 20px;
	cursor: pointer;
	position: relative;
	transition: color var(--transition-fast);
}

.search-results__tab--active {
	color: var(--color-text);
	font-weight:600;
}

.search-results__tab--active::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--color-text);
}

.search-results__tab:disabled,
.search-results__tab[aria-disabled="true"] {
	opacity: 0.4;
	cursor: not-allowed;
}

@media (max-width: 768px) {
	.search-results__tab {
		font-size: var(--text-base);
	}
}

/* ── Count ──────────────────────────────────────────────────────────────────── */

.search-results__count {
	font-family: var(--font-heading);
	font-size: var(--h3-size-mobile);
	color: var(--color-text);
	font-weight:700;
	margin-top:var(--space-10);
	margin-bottom:0;
	line-height:1;
}

@media (min-width: 768px) {
	.search-results__count {
		font-size: var(--h3-size);
	}
}

/* ── List ───────────────────────────────────────────────────────────────────── */

.search-results__list {
	display: flex;
	flex-direction: column;
	margin-top:var(--space-5);
}

.search-results__empty {
	color: var(--color-text-secondary);
	font-size: var(--text-base);
	padding: var(--space-8) 0;
}

/* ── Story card — list layout modifier ──────────────────────────────────────── */

.story-card--search {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.story-card--search .story-card__image-wrap{
	max-width:150px;
	max-height:221px;
}

.story-card--search .story-card__body {
	height:stretch;
}

@media (max-width:768px) {
	.story-card--search .story-card__tag:nth-child(3),
	.story-card--search .story-card__tag:nth-child(4) {
		display:none;
	}
}

/* ── Load more ──────────────────────────────────────────────────────────────── */

.search-results__load-more {
	display: flex;
	justify-content: center;
	margin-top: var(--space-10);
}