/*
Theme Name: hmsAura
Author: HMS Hotel Software
Author URI: https://www.hmsotel.com/
Description: hmsAura is a free, elegant block theme built for hotels, resorts, boutique guesthouses and hospitality businesses. It ships with ready-made patterns for rooms, amenities, galleries, guest reviews, booking calls to action and contact details, plus five colour style variations so every hotel can reflect its own corporate identity through the Site Editor without touching code.
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hmsaura
Tags: one-column, wide-blocks, block-styles, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, style-variations, template-editing, threaded-comments, translation-ready

hmsAura WordPress Theme, (C) 2026 HMS Hotel Software
hmsAura is distributed under the terms of the GNU GPL v2 or later.

This theme is a block theme. Almost all of its styling lives in theme.json.
The CSS below only covers the few things theme.json cannot express yet.
*/

/* ---------------------------------------------------------------------------
 * Smooth anchor scrolling (respects reduced-motion preference).
 * ------------------------------------------------------------------------- */
@media ( prefers-reduced-motion: no-preference ) {
	html {
		scroll-behavior: smooth;
	}
}

/* ---------------------------------------------------------------------------
 * Accessibility: visible focus ring that follows the brand colour.
 * ------------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.wp-element-button:focus-visible {
	outline: 2px solid var( --wp--preset--color--secondary );
	outline-offset: 2px;
}

/* ---------------------------------------------------------------------------
 * Block style: Card (core/group) – subtle lift on hover.
 * The base look is registered in functions.php via register_block_style().
 * ------------------------------------------------------------------------- */
.is-style-card {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

@media ( prefers-reduced-motion: no-preference ) {
	.is-style-card:hover {
		transform: translateY( -3px );
		box-shadow: var( --wp--preset--shadow--soft );
	}
}

/* ---------------------------------------------------------------------------
 * Block style: Checkmarks (core/list).
 * ------------------------------------------------------------------------- */
ul.is-style-checkmarks {
	list-style: none;
	padding-left: 0;
}

ul.is-style-checkmarks li {
	position: relative;
	padding-left: 1.75em;
}

ul.is-style-checkmarks li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
	color: var( --wp--preset--color--secondary );
}

/* ---------------------------------------------------------------------------
 * Outline buttons keep the current text colour for their border so they
 * work on both light and dark sections.
 * ------------------------------------------------------------------------- */
.wp-block-button.is-style-outline .wp-block-button__link {
	border-width: 1px;
	border-style: solid;
	border-color: currentColor;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var( --wp--preset--color--secondary );
	border-color: var( --wp--preset--color--secondary );
	color: var( --wp--preset--color--contrast );
}

/* ---------------------------------------------------------------------------
 * Gallery images: soft corners and gentle zoom on hover.
 * ------------------------------------------------------------------------- */
.wp-block-gallery .wp-block-image img {
	border-radius: 8px;
	transition: transform 0.4s ease;
}

@media ( prefers-reduced-motion: no-preference ) {
	.wp-block-gallery .wp-block-image:hover img {
		transform: scale( 1.03 );
	}
}

.wp-block-gallery .wp-block-image {
	overflow: hidden;
	border-radius: 8px;
}

/* ---------------------------------------------------------------------------
 * Navigation: the mobile overlay uses the brand background.
 * ------------------------------------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var( --wp--preset--color--base );
}

/* ---------------------------------------------------------------------------
 * Post navigation and pagination spacing tidy-ups.
 * ------------------------------------------------------------------------- */
.wp-block-query-pagination {
	margin-top: var( --wp--preset--spacing--50 );
}

.wp-block-post-navigation-link {
	font-family: var( --wp--preset--font-family--heading );
}