/*
Theme Name: El Katalejo
Author: El Katalejo
Description: Tema editorial de bloques para contar Cuba en todos sus matices.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: el-katalejo
*/

:root {
	--el-katalejo-line-length: 70ch;
}

body {
	background: #fff;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
.wp-block-navigation-item__content:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
	box-shadow: 0 0 0 5px #18202a;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	height: auto;
	width: auto;
}

.el-katalejo-line-length,
.entry-content > :where(p, ul, ol, blockquote) {
	max-width: var(--el-katalejo-line-length);
}

.el-katalejo-grid {
	display: grid;
	gap: clamp(1rem, 2vw, 2rem);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.el-katalejo-card {
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.el-katalejo-card:hover,
.el-katalejo-card:focus-within {
	border-color: #174a73;
	box-shadow: 0 0.35rem 1.4rem rgb(24 32 42 / 10%);
}

.el-katalejo-footer,
.el-katalejo-footer a,
.el-katalejo-footer .wp-block-site-title,
.el-katalejo-footer .wp-block-site-title a {
	color: #fff;
}

@media (max-width: 1280px) {
	.el-katalejo-header-row {
		gap: 0.75rem 1.25rem !important;
	}

	.el-katalejo-header-row .wp-block-search {
		flex-basis: 100%;
		max-width: none;
		order: 3;
		width: 100%;
	}

	.el-katalejo-header-row .wp-block-search__inside-wrapper,
	.el-katalejo-header-row .wp-block-search__input {
		min-width: 0;
		width: 100%;
	}
}

@media (max-width: 782px) {
	.el-katalejo-header-row {
		gap: 0.75rem !important;
	}

	.el-katalejo-header-row .wp-block-search {
		flex-basis: 100%;
	}

	.wp-block-navigation__responsive-container-content {
		padding: 1.5rem;
	}

	.wp-block-navigation__container {
		gap: 0.9rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-delay: 0s !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-delay: 0s !important;
		transition-duration: 0.01ms !important;
	}
}