/*
Theme Name: Micro-Mastery
Theme URI: https://micro-masterybook.com
Author: C&A Digital
Author URI: https://cadigitalny.com
Description: A block (FSE) theme for the book "Micro-Mastery: The Authority Apex Strategy" by Elena T. Rivera-Cheek, MBA, published by C&A Publishing. Structured on the Twenty Twenty-Five default theme, it ships block patterns for the header, footer, and every page built from core Gutenberg blocks.
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: micro-mastery
Tags: blog, one-column, custom-colors, custom-menu, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations
*/

/*
 * Most styling for a block theme is delivered through theme.json and the
 * block markup itself. The rules below cover the handful of decorative
 * flourishes from the original Figma design that core blocks cannot express
 * on their own (the angled book mockups, the offset "hard shadow" cards,
 * decorative frames, and the SVG diagram tint). They are scoped to custom
 * class names applied via the block editor's "Additional CSS class(es)".
 */

/* --- Angled / 3D book presentation (Hero + Order CTA) --- */

.mm-book-angle img {
	transform: rotateY(-15deg) rotateX(5deg);
	box-shadow: -20px 30px 60px rgba(28, 25, 21, 0.25);
	transition: transform 0.6s ease;
}
.mm-book-angle:hover img {
	transform: rotateY(-6deg) rotateX(2deg) scale(1.03);

.mm-book-tilt img {
	transform: rotate(-3deg);
	box-shadow: 30px 30px 60px rgba(0, 0, 0, 0.5);
	transition: transform 0.6s ease;
}
.mm-book-tilt:hover img {
	transform: rotate(0deg);
}

/* --- Offset "hard shadow" thesis card (Premise section) --- */
.mm-hard-shadow {
	box-shadow: 16px 16px 0 0 var(--wp--preset--color--accent);
}

/* --- Hairline rule used under eyebrow labels --- */
.mm-rule {
	display: block;
	width: 48px;
	height: 2px;
	background: var(--wp--preset--color--accent);
}
.mm-rule-light {
	background: rgba(245, 239, 227, 0.5);
}

/* --- Letterspaced eyebrow / kicker label --- */
.mm-kicker {
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-weight: 700;
	font-size: 0.8125rem;
}

/* --- Placeholder block for interactive features (flipbook / PDF viewer / forms) --- */
.mm-placeholder {
	border: 1px dashed var(--wp--preset--color--accent);
	background: rgba(200, 64, 42, 0.04);
	text-align: center;
}

/* --- Hover lift on resource / chapter rows (handled mostly via block hover in editor; fallback here) --- */
.mm-resource-row {
	transition: background-color 0.3s ease, color 0.3s ease;
}

/* --- Framework feature divider tick --- */
.mm-tick {
	display: block;
	width: 32px;
	height: 1px;
	background: var(--wp--preset--color--accent);
}