/*
Theme Name: Advisio
Author: BlocksWP
Author URI: https://blocks-wp.com/
Description: Advisio is a business block theme (Full Site Editing) for WordPress. It includes templates for the homepage, blog, archives, and search results, as well as a set of blocks and six color variations (both light and dark). It is inspired by the layouts of consulting websites and features a unique design language.
Requires at least: 6.4
Tested up to: 7.2
Requires PHP: 7.4
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: advisio
Tags: full-site-editing, editor-style, block-styles, block-patterns, one-column, custom-colors, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, wide-blocks, blog, portfolio,

*/

/* Structural helpers that theme.json cannot express */

.advisio-numbered-item {
	position: relative;
}

.advisio-eyebrow {
	letter-spacing: 0.02em;
}

.advisio-card {
	border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	border-radius: 4px;
}

.wp-block-image.advisio-cover img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 4px;
}
.wp-block-image.advisio-ar-1-1 img {
	aspect-ratio: 1;
}
.wp-block-image.advisio-ar-4-5 img {
	aspect-ratio: 4 / 5;
}
.wp-block-image.advisio-ar-4-3 img {
	aspect-ratio: 4 / 3;
}
.wp-block-image.advisio-ar-3-4 img {
	aspect-ratio: 3 / 4;
}
.wp-block-image.advisio-ar-16-9 img {
	aspect-ratio: 16 / 9;
}
.wp-block-image.advisio-avatar img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 50%;
}

.advisio-divider-line {
	border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
	.advisio-hover-lift {
		transition: transform 0.2s ease, box-shadow 0.2s ease;
	}
	.advisio-hover-lift:hover {
		transform: translateY(-4px);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}