/* =========================================================
   Forms & Widgets
   ========================================================= */

.jck-search-form {
	display: flex;
	align-items: center;
	background: var(--jck-color-surface);
	border: var(--jck-border-width, 1px) solid var(--jck-color-line);
	border-radius: var(--jck-radius-sm);
	overflow: hidden;
	max-width: 480px;
}
.jck-search-form__input {
	flex: 1;
	border: none;
	padding: 12px 16px;
	background: transparent;
}
.jck-search-form__input:focus { outline: none; }
.jck-search-form__submit {
	border: none;
	background: var(--jck-color-navy-900);
	color: #fff;
	width: 46px; height: 46px;
	display: inline-flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.jck-search-form__submit:hover { background: var(--jck-color-teal-600); }

/* ---- Common widget content types ---- */
.widget select,
.widget input[type="text"],
.widget input[type="email"] {
	width: 100%;
	padding: 10px 12px;
	border: var(--jck-border-width, 1px) solid var(--jck-color-line);
	border-radius: var(--jck-radius-sm);
}
.widget ul li { padding: 6px 0; border-bottom: var(--jck-border-width, 1px) solid var(--jck-color-line); }
.widget ul li:last-child { border-bottom: none; }
.widget_calendar table { width: 100%; text-align: center; }
.widget_calendar caption { font-weight: 700; padding-bottom: 8px; }
.widget_tag_cloud a {
	display: inline-block;
	margin: 4px;
	padding: 6px 12px;
	background: var(--jck-color-bg);
	border-radius: 999px;
	font-size: .8rem !important;
}

/* ---- Page links (multi-page posts) ---- */
.page-links { margin-top: 24px; font-weight: 600; }
.page-links a {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 32px; height: 32px;
	margin-inline-start: 6px;
	border: var(--jck-border-width, 1px) solid var(--jck-color-line);
	border-radius: 6px;
}