/*
Theme Name: Mami Finds Cocina
Template: twentytwentyfive
Description: Calm, airy child theme for Mami Finds. Cream, clay, terracotta, olive, with small Andean stripe accents.
Version: 1.0
Requires at least: 6.7
Text Domain: mamifinds-cocina
*/

/* Logo: italic serif */
.wp-block-site-title,
.wp-block-site-title a {
	font-style: italic;
	text-decoration: none;
}

/* Small Andean tri-color stripe, used sparingly */
.mf-stripe {
	width: 120px;
	height: 8px;
	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 4px;
	background: repeating-linear-gradient(90deg, #A3285A 0 10px, #D9A441 10px 20px, #6E7B4F 20px 30px);
}

/* Arch-topped images on post cards and post headers */
.mf-arch img,
.mf-arch.wp-block-post-featured-image {
	border-radius: 200px 200px 16px 16px;
	overflow: hidden;
}
.mf-arch img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
}

/* Post cards */
.mf-cards .wp-block-post {
	text-align: center;
}
.mf-cards .wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}
.mf-cards .wp-block-post-title a:hover {
	color: var(--wp--preset--color--terracotta);
}
.mf-cards .wp-block-post-terms a {
	text-decoration: none;
	color: var(--wp--preset--color--olive);
	font-weight: 700;
}

/* "Mami tip" box (block style on Group) */
.is-style-mami-tip {
	background: #F6E6C2;
	border: 2px solid var(--wp--preset--color--ochre);
	border-radius: 18px;
	padding: 24px 28px !important;
}

/* Shop buttons in posts: terracotta pill */
.wp-block-button.is-style-shop .wp-block-button__link {
	background: var(--wp--preset--color--terracotta);
	color: var(--wp--preset--color--base);
}
.wp-block-button.is-style-shop .wp-block-button__link:hover {
	background: #8F3F22;
}

/* Andean stripe separator (block style on Separator) */
hr.wp-block-separator.is-style-andean {
	border: none !important;
	height: 8px !important;
	max-width: 120px;
	border-radius: 4px;
	opacity: 1;
	background: repeating-linear-gradient(90deg, #A3285A 0 10px, #D9A441 10px 20px, #6E7B4F 20px 30px) !important;
}