/*
Theme Name: Lirian Travel
Theme URI: https://www.liriantravel.com
Author: Lirian Travel & Tours
Description: A simple, elegant block theme for Lirian Travel & Tours, an inbound travel agency for Albania and the Balkans. Includes a ready-made one-page home (hero, about, values, services, packages, destinations and contact) that you can edit in the Site Editor.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lirian-travel
Domain Path: /languages
Tags: block-patterns, full-site-editing, one-column, wide-blocks, custom-colors
*/

html {
	scroll-behavior: smooth;
}

/* Keep anchored sections clear of the sticky header. */
:where(.wp-site-blocks) [id] {
	scroll-margin-top: 80px;
}

.wp-site-blocks > header:has(.lirian-header) {
	position: sticky;
	top: 0;
	z-index: 50;
}

.lirian-header {
	background-color: var(--wp--preset--color--sand);
	border-bottom: 1px solid rgba(5, 26, 58, 0.08);
}

.admin-bar .wp-site-blocks > header:has(.lirian-header) {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .wp-site-blocks > header:has(.lirian-header) {
		top: 46px;
	}
}

.lirian-eyebrow {
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.lirian-card {
	height: 100%;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lirian-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px -18px rgba(5, 26, 58, 0.45);
}

.lirian-card .wp-block-image img,
.lirian-rounded img {
	border-radius: 10px;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}

.lirian-gallery .wp-block-image img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
	border-radius: 10px;
}

.lirian-number {
	font-variant-numeric: lining-nums tabular-nums;
}

.lirian-contact a {
	text-decoration: none;
}

.lirian-contact a:hover {
	text-decoration: underline;
}

.lirian-plain-list {
	list-style: none;
	padding-left: 0;
}

.lirian-plain-list li + li {
	margin-top: 0.35rem;
}

/* Template parts sit flush against each other. */
.wp-site-blocks > header,
.wp-site-blocks > main,
.wp-site-blocks > footer {
	margin-block-start: 0;
}

@media (max-width: 960px) {
	.wp-block-buttons.lirian-header-cta {
		display: none;
	}
}

@media (max-width: 781px) {
	.wp-block-columns.lirian-gallery {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.lirian-gallery > .wp-block-column {
		flex-basis: calc(50% - 0.5rem) !important;
	}
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--x-large);
}

.lirian-lang-switch {
	display: flex;
	gap: 0.15rem;
	margin: 0;
	font-weight: 600;
	letter-spacing: 0.06em;
}

.lirian-lang-switch a {
	padding: 0.25rem 0.45rem;
	border-radius: 6px;
	color: var(--wp--preset--color--muted);
	text-decoration: none;
}

.lirian-lang-switch a:hover {
	color: var(--wp--preset--color--terracotta);
}

.lirian-lang-switch a.is-active {
	background-color: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--white);
}

.lirian-header .wp-block-navigation-item__content,
.lirian-header-cta .wp-block-button__link {
	white-space: nowrap;
}

@media (max-width: 782px) {
	.lirian-header .wp-block-navigation {
		--navigation-layout-gap: 0.9rem;
		gap: 0.9rem;
		font-size: 0.95rem;
	}

	.lirian-header .wp-block-navigation__container {
		flex-wrap: nowrap;
		gap: 0.9rem;
	}

	.lirian-logo img {
		width: 140px !important;
	}
}