/*
Theme Name: szaszmate
Theme URI: https://szaszmate.com/
Author: Skillcom | Patkó Péter
Description: Custom block theme for Szász Máté.
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 8.3
Version: 0.1
Text Domain: szaszmate
*/

/************************
 ******** GLOBAL ********
 ***********************/

/* mini reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}
p {
	text-wrap: pretty;
}
h1,
h2,
h3,
h4 {
	text-wrap: balance;
}

/* Global focus and active - outline */
*:focus,
*:active {
	outline: 0;
}
*:focus-visible {
	outline: 0.125rem solid #000;
	outline-offset: 0.125rem;
}

/* prevent image user select */
img {
	user-select: none;
}

.visually-hidden:not(:focus):not(:active) {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

@media (width < 48rem) {
	.hide-on-mobile {
		display: none !important;
	}
}
@media (64rem >= width >= 48rem) {
	.hide-on-tablet {
		display: none !important;
	}
}
@media (width > 64rem) {
	.hide-on-desktop {
		display: none !important;
	}
}

main :is(p, ul):not(:last-child) {
	margin-bottom: 1.15em;
}
main ul {
	padding-inline-start: 1.75em;
}

/*************************
 ******** LAYOUT *********
 ************************/

.wp-block-group.is-style-section {
	padding-inline: var(--wp--custom--edge-padding);
	width: 100%;
	> div {
		max-width: 79rem;
		margin-inline: auto;
	}
}

.objectfit {
	overflow: clip;
	img {
		display: block;
		height: 100% !important;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}

@media (width < 48rem) {
	.collapse-reverse {
		flex-direction: column-reverse;
	}
	.collapse-reverse2 {
		.wp-block-column:first-child {
			order: 2;
		}
		.wp-block-column:last-child {
			order: 1;
		}
	}
}
.vertically-centered > .wp-block-column {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

/*************************
 ******** HEADER *********
 ************************/

/*************************
 ********  HOME  *********
 ************************/

/*************************
 ******** FOOTER *********
 ************************/