/*
Theme Name: Leila's Garden
Theme URI: https://www.leilasgarden.com
Description: Leila's Garden storefront — child theme of Twenty Twenty-Five, based on the approved homepage mockup (ivory / vanilla-bean brown, Cormorant Garamond + Mulish).
Author: Leila's Garden
Template: twentytwentyfive
Version: 1.0.3
Requires at least: 6.5
Text Domain: leilasgarden
*/

/* Small refinements that theme.json can't express. */

.lg-eyebrow {
	font-size: 0.8125rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: 700;
}

/* Cards */
.lg-card {
	overflow: hidden;
	height: 100%;
}
.lg-card .wp-block-image img,
.lg-guide .wp-block-image img {
	width: 100%;
	object-fit: cover;
	display: block;
}
.lg-card .wp-block-image,
.lg-guide .wp-block-image {
	margin: 0;
}
.lg-card .wp-block-image img { height: 240px; }
.lg-guide .wp-block-image img { height: 230px; border-radius: 16px; }

/* Hero image fills its column */
.lg-hero-image,
.lg-hero-image img {
	height: 100%;
	margin: 0 !important;
}
.lg-hero-image img {
	width: 100%;
	object-fit: cover;
	min-height: 420px;
}

/* Story photos */
.lg-story-photos .wp-block-image img {
	width: 100%;
	height: 460px;
	object-fit: cover;
	border-radius: 20px;
}

/* Book cover mock */
.lg-cover {
	box-shadow: 0 24px 48px rgba(43, 27, 18, 0.28);
}
.lg-cover .wp-block-image img {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #F7F2E8;
	object-fit: contain;
}

/* Guide page photos */
.lg-guide-photo img { width: 100%; height: 340px; object-fit: cover; border-radius: 20px; }

/* Promise icons */
.lg-icon svg { display: block; }

/* Header CTA button in the nav */
.lg-nav-cta a {
	background: var(--wp--preset--color--bean);
	color: var(--wp--preset--color--ivory) !important;
	padding: 0.7rem 1.3rem;
	border-radius: 999px;
	text-decoration: none;
}

/* Footer links */
.lg-plain-list { list-style: none; }
.lg-footer a { color: var(--wp--preset--color--ivory); text-decoration: none; }
.lg-footer a:hover { text-decoration: underline; }

/* Phones */
@media (max-width: 781px) {
	.lg-hero-image img { min-height: 280px; }
	.lg-story-photos .wp-block-image img { height: 260px; }
	.lg-hero-text { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
}