/*
Theme Name: Arku House
Description: Block theme recreating the original arkuhouse.com.au design. Edit pages in the block editor and the header/footer under Appearance > Editor.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: arku-house
*/

/* Headings: light, spaced, uppercase tan — matches the original site */
h1, h2, h3 {
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

/* Header: sticky cream bar on inner pages */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}
.arku-header .wp-block-navigation a { text-decoration: none; }
.arku-header .wp-block-navigation a:hover { color: var(--wp--preset--color--tan); }

/* "Book Now" menu item shown as a tan button */
.wp-block-navigation .arku-book > a,
.wp-block-navigation .arku-book .wp-block-navigation-item__content {
	padding: 0.35rem 1.25rem !important;
	border-radius: 0.375rem;
	background: var(--wp--preset--color--tan);
	color: #fff !important;
	box-shadow: 0 4px 10px -2px rgb(0 0 0 / 0.2);
}
.wp-block-navigation .arku-book > a:hover { background: var(--wp--preset--color--tan-dark); }

/* Home page: header floats over the hero image */
.home .wp-site-blocks > header.wp-block-template-part {
	position: absolute;
	left: 0;
	right: 0;
}
.home .arku-header { background: transparent !important; }
.home .wp-site-blocks > main { margin-top: 0; }

/* Rounded, softly shadowed photos */
.is-style-arku-photo img,
.wp-block-gallery.is-style-arku-photo .wp-block-image img {
	border-radius: 0.5rem;
	box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.2);
}
.is-style-arku-photo img { width: 100%; height: auto; object-fit: cover; }

/* Home slider: a gallery block with the "Slider" style scrolls sideways */
.wp-block-gallery.is-style-arku-slider {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	gap: 1rem !important;
	padding-bottom: 0.75rem;
}
.wp-block-gallery.is-style-arku-slider > .wp-block-image {
	flex: 0 0 85% !important;
	width: 85% !important;
	max-width: 900px;
	scroll-snap-align: center;
}
.wp-block-gallery.is-style-arku-slider > .wp-block-image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: 0.5rem;
}

/* FAQ: Details blocks styled as an accordion */
.wp-block-details {
	border-bottom: 1px solid var(--wp--preset--color--sand);
	padding: 1rem 1.25rem;
}
.wp-block-details summary {
	cursor: pointer;
	color: var(--wp--preset--color--slate);
	font-weight: 400;
}
.wp-block-details[open] { background: var(--wp--preset--color--sand-light); }
.wp-block-details[open] summary { margin-bottom: 0.75rem; }

/* Contact form */
.arku-contact-form { display: grid; gap: 1rem; }
.arku-contact-form input,
.arku-contact-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 0.85rem 1rem;
	border: 1px solid var(--wp--preset--color--sand);
	border-radius: 0.375rem;
	background: #fff;
	font: inherit;
	color: inherit;
}
.arku-contact-form input:focus,
.arku-contact-form textarea:focus {
	outline: 2px solid var(--wp--preset--color--tan);
	outline-offset: 1px;
}
.arku-contact-form .arku-hp { display: none; }
.arku-contact-form button {
	justify-self: center;
	padding: 0.75rem 2rem;
	border: 0;
	border-radius: 0.375rem;
	background: var(--wp--preset--color--tan);
	color: #fff;
	font: inherit;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
}
.arku-contact-form button:hover { background: var(--wp--preset--color--tan-dark); }

/* Highlighted words (the original used tan text inside paragraphs) */
mark.has-inline-color { background: transparent; }