/*
Theme Name: Stijl
Theme URI: https://themeshaper.com/stijl/
Author: Automattic
Author URI: https://automattic.com
Description: Stijl is a theme built on combining a strict modular grid with bold typography, strong rule lines, and primary-color accents to make structure visible on each page. Use it to publish essays, interviews, and case studies with clear hierarchy, curated series, and archive-first navigation—clean, fast, and unapologetically graphic.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stijl
Tags: blog, four-columns, two-columns, rtl-language-support, threaded-comments, translation-ready

/* ==========================================================================
   Global
   ========================================================================== */

/* Crossfade page transition */
@view-transition {
	navigation: auto;
}

/* Font smoothing */
body {
	text-rendering: geometricprecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1 {
	text-wrap: balance;
}
h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.1em;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
 */
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/*
 * Make sure footers have no margin.
 * https://github.com/WordPress/gutenberg/issues/47637
 */
footer.wp-block-template-part {
	margin-block-start: 0 !important;
}

/* ==========================================================================
   Utilities
   ========================================================================== */

/* Remove text decoration from links, show on hover */
.no-underline a,
.no-underline {
	text-decoration: none;
}

.no-underline a:hover {
	text-decoration: underline;
}

/* Custom ordering */
.order-0 { order: 0; }
.order-1 { order: 1; }
.grow-0 { flex-grow: 0; }
.grow { flex-grow: 1; }

@media (min-width: 600px) {
	.md\:order-0 { order: 0; }
	.md\:order-1 { order: 1; }
	.md\:grow-0 { flex-grow: 0; }
	.md\:grow { flex-grow: 1; }
}

/* Outside strokes */
.stroke-outside-10 {
	box-shadow:
		0 -5px 0 0 var(--wp--preset--color--theme-2),
		0  5px 0 0 var(--wp--preset--color--theme-2);
}

/* Columns: prevent background bleed between columns */
.wp-block-columns {
	overflow: hidden;
}

/* ==========================================================================
   Blocks
   ========================================================================== */

/* Categories List: remove bullets and left indent */
.is-style-plain.wp-block-categories {
	padding-left: 0;
	list-style: none;
}

/* Categories List: dropdown */
.wp-block-categories select {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	padding: var(--wp--preset--spacing--30);
	width: 100%;
	border-radius: 0;
	background-color: var(--wp--preset--color--theme-2);
	color: var(--wp--preset--color--theme-1);
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right var(--wp--preset--spacing--30) center;
	padding-right: calc(var(--wp--preset--spacing--30) * 3);
}

/* Categories: fix horizontal scroll caused by screen reader label */
.wp-block-categories .wp-block-categories__label.screen-reader-text {
	display: inline !important;
	width: 1px !important;
}

/* Latest Posts: title */
.wp-block-latest-posts__post-title {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
	text-decoration: none;
}

.wp-block-latest-posts__post-title:hover {
	text-decoration: underline;
}

/* Latest Posts: author name */
.wp-block-latest-posts__post-author {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
}

/* Jetpack: remove gap inside contact form */
.no-form-gap.wp-block-jetpack-contact-form {
	gap: 0 !important;
}

/* Bring block in front when using negative margins */
.bring-forward {
	position: relative;
	z-index: 1;
}

/* Post Terms: toast style */
.is-style-toast.wp-block-post-terms {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1px;
}

.is-style-toast.wp-block-post-terms a {
	display: inline-block;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	border-radius: 9999px;
	background-color: var(--wp--preset--color--theme-2);
	color: var(--wp--preset--color--theme-1);
	text-decoration: none;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--x-small);
}

.is-style-toast.wp-block-post-terms a:hover {
	text-decoration: underline;
}