/*
Theme Name: The Rooted Affair
Description: Custom block theme for The Rooted Affair houseplant boutique. Every section of the homepage is editable in the WordPress editor.
Version: 1.1.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: rooted-affair
*/

/* Small eyebrow label above headings (Paragraph → Styles → Eyebrow) */
.is-style-eyebrow {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1.4;
}
.is-style-eyebrow:not(.has-text-color) {
	color: var(--wp--preset--color--terracotta);
}

/* Outline button matches the filled one */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 1.5px solid currentColor;
	padding: 12.5px 22.5px;
	background: transparent;
}
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--forest);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--cream);
}

/* Cards (Group → Styles → Card) */
.is-style-card {
	position: relative;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.is-style-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(31, 58, 46, 0.08);
}
.is-style-card a {
	color: inherit;
	text-decoration: none;
}
.is-style-card a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* Text links inside dark sections */
.has-forest-background-color a:not(.wp-block-button__link) {
	color: inherit;
}

/* Images fill their box and keep rounded corners */
.wp-block-image img {
	border-radius: inherit;
}
.ra-plant-grid .wp-block-image img {
	border-radius: 16px;
	width: 100%;
}
.ra-cover-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Map embed */
.ra-map iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 380px;
	border: 0;
	border-radius: 24px;
}

/* Hours table in Visit section */
.ra-hours {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 24px;
	max-width: 360px;
}
.ra-hours p {
	margin: 0 !important;
}

/* Header / footer */
.ra-header {
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.ra-footer {
	border-top: 1px solid var(--wp--preset--color--line);
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--terracotta);
}

/* Two plants per row on phones */
@media (max-width: 600px) {
	.ra-plant-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 16px !important;
	}
}

/* Columns stack nicely on phones */
@media (max-width: 781px) {
	.ra-hero-image img,
	.ra-story-image img {
		aspect-ratio: 4 / 3 !important;
	}
}

/* Hero: keep text left and photo right on everything wider than a phone */
#top .wp-block-columns {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center;
	gap: 48px;
}
#top .wp-block-columns > .wp-block-column {
	flex: 1 1 0 !important;
	min-width: 0;
}
#top .wp-block-columns > .wp-block-column:first-child {
	flex-grow: 1.1 !important;
}
@media (max-width: 700px) {
	#top .wp-block-columns {
		flex-wrap: wrap !important;
		gap: 32px;
	}
	#top .wp-block-columns > .wp-block-column {
		flex-basis: 100% !important;
	}
}