/*
Theme Name: kklidi_docs
Theme URI:
Author: kklidi
Author URI:
Description: docs theme
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 7.4
Version: 0.6.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kklidi_docs
Tags:
*/

html {
	scroll-behavior: smooth;
	scroll-padding-top: var(--kklidi-docs-scroll-offset, 0px);
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	margin: 0;
	background: var(--wp--preset--color--base, #fff);
	color: var(--wp--preset--color--contrast, #1f2328);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.kklidi-docs-site-header {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid #e5e7eb;
	background: var(--wp--preset--color--base, #fff);
}

.kklidi-docs-site-header__inner {
	position: relative;
	/* Match the documentation sidebar boundary at 18rem. */
	display: grid !important;
	grid-template-columns: calc(18rem - clamp(1rem, 2.5vw, 2.5rem)) minmax(0, 1fr) auto;
	align-items: center;
	box-sizing: border-box;
	min-height: 4.25rem;
	padding: 0.75rem clamp(1rem, 2.5vw, 2.5rem);
	gap: 0;
}

.kklidi-docs-site-header__search.wp-block-search__button-only { width: auto; }
.kklidi-docs-site-header__search.wp-block-search__button-only .wp-block-search__button { border-radius: .375rem; }
.kklidi-docs-site-header__search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__input { width: 12rem; max-width: 40vw; font-size: 1rem; }
@media (max-width: 1023px) {
	.kklidi-docs-site-header__inner { flex-wrap: nowrap; gap: .5rem; }
	.kklidi-docs-site-header__search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
		position: absolute; top: calc(100% + .5rem); left: 1rem; right: 1rem; z-index: 50;
		width: auto; background: var(--wp--preset--color--base, #fff); box-shadow: 0 .5rem 1rem #0002;
	}
	.kklidi-docs-site-header__search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__input { flex: 1; width: 100%; max-width: none; padding: .75rem; }
}
@media (max-width: 380px) {
	.kklidi-docs-site-header__actions .kklidi-docs-site-header__buttons { display: none; }
}

.kklidi-docs-site-header__brand,
.kklidi-docs-site-header__actions {
	flex: 0 0 auto;
	gap: 0.65rem;
}

.kklidi-docs-site-header__brand .wp-block-site-logo {
	margin: 0;
}

.kklidi-docs-site-header__brand .wp-block-site-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 650;
	white-space: nowrap;
}

.kklidi-docs-site-header__brand .wp-block-site-title a {
	color: inherit;
	text-decoration: none;
}

.kklidi-docs-site-header__section {
	margin: 0;
	color: #6b7280;
	font-size: 0.875rem;
	white-space: nowrap;
}

.kklidi-docs-site-header__nav {
	flex: 1 1 auto;
	justify-content: flex-start;
	min-width: 0;
}

.kklidi-docs-site-header__nav .wp-block-navigation__container {
	gap: 0.15rem;
}

.kklidi-docs-site-header__nav .wp-block-navigation-item__content {
	padding: 0.5rem 0.65rem;
	border-radius: 0.375rem;
	color: #4b5563;
	font-size: 0.8125rem;
	text-decoration: none;
}

.kklidi-docs-site-header__nav .wp-block-navigation-item__content:hover,
.kklidi-docs-site-header__nav .wp-block-navigation-item__content:focus-visible {
	background: #f3f4f6;
	color: #111827;
}

.kklidi-docs-site-header__nav .wp-block-navigation-item__content[aria-current="page"] {
	background: #f3f4f6;
	color: #111827;
	font-weight: 600;
}

.kklidi-docs-site-header :is(a, button, input):focus-visible,
.kklidi-docs-site-footer a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.kklidi-docs-site-header__actions {
	justify-content: flex-end;
}

.kklidi-docs-site-header__search {
	width: auto;
	margin: 0;
}

.kklidi-docs-site-header__search .wp-block-search__inside-wrapper {
	min-height: 2.25rem;
	padding: 0;
	border: 1px solid #d1d5db;
	border-radius: 0.375rem;
}

.kklidi-docs-site-header__search .wp-block-search__input {
	min-width: 0;
	padding: 0.45rem 0.7rem;
	border: 0;
	background: transparent;
	font-size: 0.8125rem;
}

.kklidi-docs-site-header__search .wp-block-search__button {
	min-width: 2.25rem;
	min-height: 2.25rem;
	margin: 0;
	padding: 0.4rem;
	border: 0;
	border-radius: 0 0.375rem 0.375rem 0;
	background: #f3f4f6;
	color: #374151;
}

.kklidi-docs-site-header__buttons {
	gap: 0.45rem;
	margin: 0;
}

.kklidi-docs-site-header__buttons .wp-block-button__link {
	padding: 0.55rem 0.8rem;
	border-radius: 0.375rem;
	font-size: 0.8125rem;
	line-height: 1.2;
	white-space: nowrap;
}

.kklidi-docs-site-header__buttons .is-style-outline .wp-block-button__link {
	border-color: #d1d5db;
	background: var(--wp--preset--color--base, #fff);
	color: #374151;
}

.kklidi-docs-site-footer {
	margin-top: 4rem;
	border-top: 1px solid #e5e7eb;
	background: #fafafa;
	color: #6b7280;
}

.kklidi-docs-site-footer__inner {
	box-sizing: border-box;
	padding: 2rem clamp(1rem, 2.5vw, 2.5rem);
	gap: 1rem 2rem;
}

.kklidi-docs-site-footer .wp-block-site-title {
	margin: 0;
	font-size: 0.9rem;
}

.kklidi-docs-site-footer .wp-block-site-title a {
	color: #374151;
	text-decoration: none;
}

.kklidi-docs-site-footer__nav .wp-block-navigation__container {
	gap: 1rem;
}

.kklidi-docs-site-footer__nav .wp-block-navigation-item__content {
	color: inherit;
	font-size: 0.8125rem;
}

.kklidi-docs-site-footer__copyright {
	margin: 0;
	font-size: 0.75rem;
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.kklidi-docs-site-header__inner {
		grid-template-columns: calc(16rem - clamp(1rem, 2.5vw, 2.5rem)) minmax(0, 1fr) auto;
	}
}

@media (max-width: 1100px) {
	.kklidi-docs-site-header__nav .wp-block-navigation-item__content {
		padding-right: 0.4rem;
		padding-left: 0.4rem;
	}


	.kklidi-docs-site-header__search .wp-block-search__button {
		width: 2.25rem;
		border-radius: 0.375rem;
	}
}

@media (max-width: 1199px) {
	.kklidi-docs-site-header__search { width: 2.75rem; }
}

@media (max-width: 1023px) {
	.kklidi-docs-site-header__inner {
		display: flex !important;
		flex-wrap: nowrap;
		min-height: 0;
		padding-top: 0.65rem;
		padding-bottom: 0.65rem;
	}

	.kklidi-docs-site-header__nav { display: none !important; }

	.kklidi-docs-site-header__nav .wp-block-navigation__container {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.kklidi-docs-site-header__actions {
		margin-left: auto;
	}

	.kklidi-docs-site-header__buttons .wp-block-button:first-child {
		display: none;
	}

	.kklidi-docs-site-header__brand .wp-block-site-title {
		max-width: min(36vw, 10rem);
		overflow: hidden;
		text-overflow: ellipsis;
	}
}