/*
Theme Name: Nouriri
Theme URI: https://nouriri.com
Description: Block theme child of Twenty Twenty-Five for nouriri.com — a nutrition brand helping people eat well without stress.
Author: Gridnimbus
Author URI: https://gridnimbus.com
Template: twentytwentyfive
Version: 1.0.1
Text Domain: nouriri
Requires at least: 6.5
Requires PHP: 8.0
*/

/*
 * Button style variation: is-style-inverted
 * Light background, primary-colour text. Used on dark hero + CTA sections.
 */
.wp-block-button.is-style-inverted > .wp-block-button__link {
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
	border: none;
	font-weight: 600;
}

.wp-block-button.is-style-inverted > .wp-block-button__link:hover,
.wp-block-button.is-style-inverted > .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--primary);
}

/*
 * Outlined button tuning for dark-background sections.
 * Core's is-style-outline renders with primary-colour border+text by default,
 * which is invisible against the sage hero. Override when inside a group
 * with the hero gradient or primary background.
 */
.has-hero-gradient-gradient-background .wp-block-button.is-style-outline > .wp-block-button__link,
.has-primary-background-color .wp-block-button.is-style-outline > .wp-block-button__link {
	color: var(--wp--preset--color--surface);
	border-color: var(--wp--preset--color--surface);
	border-width: 2px;
}

.has-hero-gradient-gradient-background .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.has-primary-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
}