/*
 * Theme Name: Pop String Orchestra
 * Theme URI: https://popstringorchestra.sk
 * Description: Modern WordPress theme for Pop String Orchestra with Timber/Twig templating and full block editor support
 * Version: 1.0.3
 * Author: Enjoy
 * Author URI: https://enjoy.sk
 * Text Domain: popstring
 * Tags: blocks, full-width-template, custom-colors, editor-style, wide-blocks, block-styles
 * Details URI: https://wp-update-changelogs.n-joy.sk/popstring.txt
 * Requires at least: 6.0
 * Tested up to: 6.4
 * Requires PHP: 7.4
 * License: MIT
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/* ============================================
   ACCESSIBILITY
   ============================================ */

/**
 * Focus visible states for links
 * WordPress theme.json doesn't support :focus-visible for links,
 * so we add it here
 */
a:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast);
	outline-offset: 2px;
}


a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}
a:hover {
	text-decoration-thickness: 2px !important;
	text-underline-offset: .15em;
}

.text-right { text-align: right; }

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

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

/*
 * 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;
}

.w-full {
	width: 100%;
}
.h-full {
	height: 100%;
}
.object-cover {
	object-fit: cover;
	object-position: center;
}

/* .alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	position: relative;
} */

.wp-block-media-text {
	gap: clamp(1rem, 5vw, 4rem);
	margin-block-end: clamp(3rem, 5vw, 4rem) !important;
}
.wp-block-media-text>.wp-block-media-text__content {
	padding: 0 0 !important;
}

:root :where(.is-layout-constrained) > .mt-0 {
	margin-top: 0;
}
:root :where(.is-layout-constrained) > .mb-0 {
	margin-top: 0;
}

.underlay {
	position: relative;
}

@media (max-width: 600px) {
	.has-global-padding.has-underlay > .underlay.alignfull {
		width: calc(100% + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
	}
	.has-global-padding > .underlay.alignwide {
		margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
		margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
		width: calc(100% + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
	}
}

.block-editor-block-list__block.wp-block-spacer::before {
	background-color: rgba(255,255,255,0.1);
	content: "Spacer";
	font-size: 0.75rem;
	padding: 0.25rem 0.5rem;
}

/* ============================================
   OVERRIDE
   ============================================ */
.site-name {
	text-decoration: none;
	transition: transform 0.3s ease;
	transform: scale(1);
}
.site-name:hover {
	transform: scale(1.05);
}
.nav-link {
	text-decoration: none;
}
.social-links a {
	text-decoration: none;
}
.social-links a:hover {
	text-decoration: underline;
}

.contact-form {
	max-width: 600px;
	margin: 0 auto;
}
.form-group {
	margin-bottom: 1.5rem;
}
.wpcf7 input:not([type="submit"]),
.wpcf7 textarea,
.wpcf7 select {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: white;
}
.wpcf7 select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M7 10l5 5 5-5z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 24px;
}
.wpcf7 .wpcf7-list-item {
	display: flex;
	gap: 0.5em;
}
.wpcf7 .wpcf7-list-item label {
	display: flex;
	gap: 0.5em;
}
.wpcf7 input[type="checkbox"] {
	transform: translateY(0.25em);
}
.wpcf7 input[type="submit"] {
	width: auto;
	padding-inline: 3rem;
}
.wpcf7 .wpcf7-spinner {
	position: absolute;
	margin: 0;
	right: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--wp--preset--color--contrast);
}
.wpcf7 .wpcf7-spinner::before {
	background-color: var(--wp--preset--color--base);
}


.wpcf7-form-control-wrap {
	display: block;
}
.wpcf7-checkbox,
.wpcf7-radio {
	display: grid;
	grid-template-columns: 1;
}
@media (min-width: 576px) {
	.wpcf7-checkbox,
	.wpcf7-radio {
		grid-template-columns: repeat(2, 1fr);
	}
}
.wpcf7-list-item {
	margin-left: 0;
}