/*
 * RahkarTheme — search.css
 * Loaded only on is_search() or pages containing core/search block.
 * Uses theme.json design tokens; no hardcoded values.
 * RTL-first: uses logical properties only.
 */

.wp-block-search {
	max-width: 32rem;
	margin-inline: auto;
}

.wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--preset--shadow--sm, 0.5rem);
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--xs);
	overflow: hidden;
	transition: border-color 120ms ease, box-shadow 120ms ease;
}

.wp-block-search__inside-wrapper:focus-within {
	border-color: var(--wp--preset--color--primary);
	box-shadow: var(--wp--preset--shadow--sm);
}

.wp-block-search__input {
	border: 0;
	padding-block: 0.625rem;
	padding-inline: 1rem;
	font: inherit;
	background: transparent;
	color: var(--wp--preset--color--text);
}

.wp-block-search__input:focus {
	outline: 0;
}

.wp-block-search__button {
	border: 0;
	padding-block: 0.625rem;
	padding-inline: 1.25rem;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font: inherit;
	font-weight: var(--wp--custom--fw--base);
	cursor: pointer;
	transition: background-color 120ms ease;
}

.wp-block-search__button:hover,
.wp-block-search__button:focus {
	background: var(--wp--preset--color--primary-dark);
}