/*
Theme Name: Bright Bloom
Theme URI: https://mybrightbloom.com
Author: My Bright Bloom
Description: A warm, editorial WordPress theme for My Bright Bloom — built with core WordPress blocks and Full Site Editing so every page is editable in the block editor, no code or AI required. Pairs with WooCommerce for the shop, cart, and account pages.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mybrightbloom
Tags: block-theme, full-site-editing, ecommerce, one-page, custom-colors, custom-menu

This theme is intentionally free of a page builder or third-party editor.
Every page uses the native WordPress block editor / Site Editor, so it can
be edited by anyone logged into wp-admin without help from AI tooling.
*/

/* Minor refinements the Site Editor's visual UI doesn't expose directly. */

.announcement-bar {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.wp-block-button .wp-block-button__link {
	border-radius: 999px !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 0.75rem;
	padding: 0.9em 1.9em;
}

.icon-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 999px;
	background: var(--wp--preset--color--sage-light);
	color: var(--wp--preset--color--forest);
	font-size: 1.4rem;
	margin-bottom: 0.75rem;
}

.whats-inside-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 24px;
	row-gap: 40px;
}

.whats-inside-item h3 {
	margin: 0 0 0.35em;
}

.whats-inside-item p {
	margin: 0;
}

@media (max-width: 900px) {
	.whats-inside-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.whats-inside-grid {
		grid-template-columns: 1fr;
	}
}

.site-footer a {
	text-decoration: none;
}

.site-footer a:hover {
	text-decoration: underline;
}

/* WooCommerce: nudge default markup toward the theme's look without a plugin-specific template */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	border-radius: 999px;
	background-color: var(--wp--preset--color--forest);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.75rem;
	padding: 0.9em 1.9em;
	border: none;
}

.woocommerce span.price {
	color: var(--wp--preset--color--forest);
	font-weight: 500;
}