.joodit-search-ui{margin:0;padding:0;}
.joodit-search-form{margin:0;padding:0;}
.joodit-search-form label{margin:0;padding:0;}
.joodit-search-form{display:inline;}
.joodit-search-form label{display:inline;}
.joodit-search-form .search-field{margin:0;max-width:100%;height:auto;line-height:inherit;}
.joodit-search-menu-item{line-height:inherit;}

.joodit-search-widget-ui{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.5rem;
}

.joodit-search-widget-ui .joodit-search-ui-lead{
	line-height:1.2;
	white-space:nowrap;
}

.joodit-search-widget-ui .joodit-search-form,
.joodit-search-widget-ui .joodit-search-form label{
	display:inline-flex;
	align-items:center;
	margin:0;
	padding:0;
}

.joodit-search-widget-ui .joodit-search-form{
	gap:.5rem;
	flex-wrap:wrap;
}

.joodit-search-widget-ui .joodit-search-form > *{
	margin:0;
}

.joodit-search-widget-ui .joodit-search-form .search-field{
	box-sizing:border-box;
	min-width:min(18rem, 100%);
	max-width:100%;
	padding:.45rem .65rem;
	line-height:1.2;
}

.joodit-search-widget-ui .joodit-search-form .search-submit{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	align-self:center;
	margin:0;
	line-height:1.2;
	padding:.45rem .9rem;
	min-height:calc(1.2em + .9rem);
	box-sizing:border-box;
	vertical-align:middle;
}

.joodit-search-widget-ui.is-icon{
	display:block;
}

/* Menu: icon mode + auto compact mode */
.joodit-search-ui .joodit-search-menu-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:.15em .25em;
	margin:0;
	text-decoration:none;
	color:inherit;
	line-height:1;
}

.joodit-search-ui .joodit-search-menu-link:hover,
.joodit-search-ui .joodit-search-menu-link:focus{
	text-decoration:none;
	outline:0;
	opacity:1;
}

.joodit-search-ui .joodit-search-menu-icon{
	display:block;
	width:clamp(14px, 1.15em, 18px);
	height:clamp(14px, 1.15em, 18px);
}

.joodit-search-ui .joodit-search-menu-link{opacity:.95;}
.joodit-search-ui .joodit-search-menu-link:focus-visible{box-shadow:0 0 0 2px currentColor;}

/* Auto mode: default to field; JS toggles .is-icon when menu wraps/overflows.
   Use !important to beat theme menu CSS. */
.joodit-search-menu-item[data-menu-mode="auto"] .joodit-search-menu-link{display:none !important;}
.joodit-search-menu-item[data-menu-mode="auto"].is-icon .joodit-search-form{display:none !important;}
.joodit-search-menu-item[data-menu-mode="auto"].is-icon .joodit-search-menu-link{display:inline-flex !important;}

/* Menu/header injection: keep the input sane even if the theme uses a very tall line-height in the menu bar. */
.joodit-search-menu-item .joodit-search-form,
.joodit-search-menu-item .joodit-search-form label{
	display:inline-flex;
	align-items:center;
	margin:0;
	padding:0;
}

.joodit-search-menu-item .joodit-search-form .search-field{
	box-sizing:border-box;
	margin:0;
	/* Force a reasonable textbox height in tall header menus */
	height:2.15em !important;
	line-height:1.15 !important;
	padding:.25em .6em !important;
	min-height:0;
	max-height:48px;
}

/* In normal page content, make the shortcode search look like the standalone/default field (wide + comfortable). */
.entry-content .joodit-search-form,
.wp-block-post-content .joodit-search-form,
.wp-site-blocks .joodit-search-form{
	display:block;
}

.entry-content .joodit-search-form label,
.wp-block-post-content .joodit-search-form label,
.wp-site-blocks .joodit-search-form label{
	display:block;
}

.entry-content .joodit-search-form .search-field,
.wp-block-post-content .joodit-search-form .search-field,
.wp-site-blocks .joodit-search-form .search-field{
	display:block;
	width:100%;
	max-width:720px;
	box-sizing:border-box;
	padding:.7rem .9rem;
	border:1px solid rgba(0,0,0,.18);
	border-radius:.75rem;
	background:rgba(255,255,255,.6);
	line-height:1.2;
}

.joodit-search-standalone{
	margin:0;
	padding:0;
}

.joodit-search-standalone-inner{
	max-width:1100px;
	margin:0 auto;
	padding:clamp(16px, 3vw, 32px);
}

.joodit-search-standalone-header{margin:0 0 12px 0;}
.joodit-search-standalone-title{margin:0;}

.joodit-search-standalone-form{margin:0 0 20px 0;}
.joodit-search-standalone-form .joodit-search-form{display:block;}
.joodit-search-standalone-form .joodit-search-form label{display:block;}
.joodit-search-standalone-form .joodit-search-form .search-field{
	display:block;
	width:100%;
	max-width:720px;
	box-sizing:border-box;
	padding:.7rem .9rem;
	border:1px solid rgba(0,0,0,.18);
	border-radius:.75rem;
	background:rgba(255,255,255,.6);
}

.joodit-search-standalone-results{
	display:grid;
	grid-template-columns:repeat(1, minmax(0, 1fr));
	gap:14px;
}
@media (min-width: 720px){
	.joodit-search-standalone-results{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (min-width: 1024px){
	.joodit-search-standalone-results{grid-template-columns:repeat(3, minmax(0, 1fr));}
}

.joodit-search-card{
	margin:0;
	padding:16px;
	border:1px solid rgba(0,0,0,.12);
	border-radius:14px;
	background:rgba(255,255,255,.75);
}

.joodit-search-card-title{margin:0 0 .5rem 0;font-size:1.05em;line-height:1.25;}
.joodit-search-card-title a{text-decoration:none;}
.joodit-search-card-title a:hover,.joodit-search-card-title a:focus{text-decoration:underline;}

.joodit-search-card-snippet{margin:0;opacity:.85;}

/* Type filters under results search box */
.joodit-search-type-filters{
	display:flex;
	flex-wrap:wrap;
	gap:10px 14px;
	align-items:center;
	margin-top:10px;
}
.joodit-search-type-filter{
	display:flex;
	gap:6px;
	align-items:center;
	white-space:nowrap;
}

.joodit-search-results-note{
	margin:12px 0 0;
	opacity:.85;
}

.joodit-search-count{
	margin:10px 0 0;
	opacity:.85;
}

.joodit-search-load-more-wrap{margin-top:12px;}
.joodit-search-load-more{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:.65rem 1rem;
	border:1px solid rgba(0,0,0,.18);
	border-radius:.75rem;
	background:rgba(255,255,255,.75);
	cursor:pointer;
	font:inherit;
	line-height:1.1;
}
.joodit-search-load-more:hover,
.joodit-search-load-more:focus{
	background:rgba(255,255,255,.9);
}
.joodit-search-load-more:disabled{
	opacity:.6;
	cursor:default;
}
.joodit-search-load-more.is-loading{
	opacity:.8;
}