/*
Theme Name: VYROLA
Author: yusufhay
Author URI: https://codetrappers.com/
Description: VYROLA is a modern full-site editing theme for creators, studios, portfolios, blogs, and small businesses, with crisp typography, editorial layouts, and flexible block patterns.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.1
Copyright: 2026 yusufhay
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vyrola
Tags: blog, portfolio, one-column, two-columns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, block-patterns, block-styles, wide-blocks, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

html {
	overflow-y: auto;
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
	overflow-y: auto;
}

.wp-site-blocks {
	min-height: 100vh;
	overflow: visible;
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

:where(.wp-site-blocks *:focus) {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

:where(.wp-block-navigation__responsive-container.is-menu-open) {
	padding: var(--wp--preset--spacing--50);
}

.wp-block-navigation .wp-block-navigation-item__content {
	outline-offset: 4px;
}

.wp-block-post-title a,
.wp-block-site-title a {
	text-decoration: none;
}

.wp-block-post-title a:hover,
.wp-block-site-title a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

.has-ink-background-color a {
	color: var(--wp--preset--color--white);
}

.vyrola-card {
	height: 100%;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.vyrola-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 50px color-mix(in srgb, var(--wp--preset--color--ink) 12%, transparent);
}

.vyrola-surface {
	backdrop-filter: blur(18px);
}

.vyrola-hero {
	overflow: hidden;
}

.vyrola-hero > * {
	min-width: 0;
}

.vyrola-hero h1 {
	max-width: 8.5em;
}

.vyrola-hero-panel {
	align-self: stretch;
}

.vyrola-hero-panel h2 {
	font-size: clamp(2rem, 4vw, 3.1rem) !important;
	line-height: 1.08 !important;
}

.vyrola-section-title {
	max-width: 14em;
}

.vyrola-split {
	align-items: center;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.vyrola-split > * {
	min-width: 0;
}

.vyrola-split h2 {
	font-size: clamp(2rem, 4vw, 3rem) !important;
	line-height: 1.08 !important;
	max-width: 11em;
}

.vyrola-split-copy {
	border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 18%, transparent);
	padding-left: var(--wp--preset--spacing--40);
}

.vyrola-check-list,
ul.vyrola-check-list.wp-block-list {
	list-style: none !important;
	margin-left: 0;
	padding-left: 0;
}

.vyrola-check-list li,
ul.vyrola-check-list.wp-block-list li {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 18%, transparent);
	font-weight: 700;
	padding: 0.85rem 0 0.85rem 2rem;
	position: relative;
}

.vyrola-check-list li::marker,
ul.vyrola-check-list.wp-block-list li::marker {
	color: transparent;
	font-size: 0;
}

.vyrola-check-list li::before,
ul.vyrola-check-list.wp-block-list li::before {
	background: var(--wp--preset--color--signal);
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	content: "";
	height: 0.7rem;
	left: 0;
	position: absolute;
	top: 1.25rem;
	width: 0.7rem;
}

.vyrola-latest {
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 18%, transparent);
}

.vyrola-latest .wp-block-post-template {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)) !important;
}

.vyrola-post-card {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

.vyrola-post-card .wp-block-post-title {
	margin-block-start: 0;
}

.vyrola-post-card .wp-block-post-excerpt {
	flex: 1;
}

.vyrola-post-card .wp-block-read-more {
	text-decoration: none;
}

.vyrola-post-card .wp-block-read-more:hover {
	text-decoration: underline;
}

.wp-block-button.is-style-vyrola-link .wp-block-button__link {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: currentColor;
	padding: 0;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

.wp-block-button.is-style-vyrola-link .wp-block-button__link:hover {
	color: var(--wp--preset--color--signal);
}

.wp-block-buttons {
	gap: 0.75rem;
}

:where(pre) {
	overflow-x: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
caption,
figcaption {
	text-wrap: pretty;
}

@media (max-width: 700px) {
	.vyrola-mobile-stack {
		flex-direction: column;
		align-items: flex-start;
	}

	.wp-block-group.vyrola-hero,
	.wp-block-group.vyrola-split {
		display: block !important;
	}

	.vyrola-hero > *,
	.vyrola-split > * {
		margin-block-start: var(--wp--preset--spacing--40);
	}

	.vyrola-hero > :first-child,
	.vyrola-split > :first-child {
		margin-block-start: 0;
	}

	.vyrola-split-copy {
		border-left: 0;
		border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 18%, transparent);
		padding-left: 0;
		padding-top: var(--wp--preset--spacing--40);
	}

	.vyrola-hero h1 {
		font-size: clamp(2.6rem, 14vw, 3.6rem) !important;
	}

	.vyrola-hero-panel h2,
	.vyrola-split h2 {
		font-size: clamp(1.9rem, 10vw, 2.5rem) !important;
	}
}