/*
Theme Name: GetConsultingIT
Theme URI: https://example.com/
Author: GetConsultingIT
Author URI: https://example.com/
Description: Strona firmowa GetConsultingIT — wdrożenia Comarch ERP. Lekki motyw (jedna strona + blog), przeniesiony z prototypu HTML. Style bazowe znajdują się w assets/css/styles.css; ten plik zawiera deklarację motywu oraz dodatki WordPress (pojedynczy wpis, paginacja, wyszukiwarka, osadzenia).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: getconsultingit
Tags: one-column, blog, custom-menu, featured-images, translation-ready
*/

/* ==========================================================================
   WordPress-only additions.
   The base design system lives in assets/css/styles.css (enqueued first).
   ========================================================================== */

/* Screen-reader utility (used by the search form). */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: var(--color-surface);
	clip: auto !important;
	clip-path: none;
	height: auto;
	left: 5px;
	padding: 0.5rem 1rem;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Footer menu rendered by wp_nav_menu (fallback outputs plain <a> links). */
.site-footer__nav ul,
.site-footer__nav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.site-footer__nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
}

/* Blog pagination. */
.pagination {
	margin-top: 2.5rem;
}
.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.pagination .page-numbers {
	border: 1px solid var(--color-line);
	border-radius: 4px;
	color: var(--color-text);
	display: inline-block;
	padding: 0.4rem 0.8rem;
	text-decoration: none;
}
.pagination .page-numbers.current {
	background: var(--color-accent);
	border-color: var(--color-accent);
	color: #fff;
}
.pagination a.page-numbers:hover {
	border-color: var(--color-accent);
}

/* Single post / page typography. */
.post-header {
	margin-bottom: 2.5rem;
	max-width: 46rem;
}
.post-title {
	font-size: clamp(1.8rem, 3.6vw, 2.4rem);
}
.post-content {
	max-width: 46rem;
}
.post-content h2 {
	font-size: clamp(1.4rem, 2.6vw, 1.7rem);
	margin-top: 1.6em;
}
.post-content h3 {
	margin-top: 1.4em;
}
.post-content ul,
.post-content ol {
	margin-bottom: 1em;
	padding-left: 1.4em;
}
.post-content img {
	height: auto;
}
.post-content blockquote {
	border-left: 3px solid var(--color-accent-alt);
	font-family: var(--font-display);
	font-size: 1.15rem;
	margin: 1.5em 0;
	padding-left: 1.25em;
}
.post-content pre {
	background: var(--color-surface-alt);
	border: 1px solid var(--color-line);
	overflow-x: auto;
	padding: 1rem;
}
.post-content code {
	font-size: 0.9em;
}
.post-content .wp-caption,
.post-content figure {
	max-width: 100%;
}
.post-content .wp-caption-text,
.post-content figcaption {
	color: var(--color-text-muted);
	font-size: 0.85rem;
	margin-top: 0.5em;
	text-align: center;
}

/* Alignment classes used by the block editor. */
.alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}
.alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}
.aligncenter {
	margin-inline: auto;
}

/* Search form (404, search page, empty states). */
.search-form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-block: 1.5rem;
	max-width: 34rem;
}
.search-field {
	background: var(--color-surface);
	border: 1px solid var(--color-line);
	border-radius: 4px;
	color: var(--color-text);
	flex: 1 1 14rem;
	font: inherit;
	padding: 0.6rem 0.9rem;
}
.search-field:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 2px;
}

/* Empty search / 404 content. */
.content-none {
	max-width: 46rem;
}