/*
Theme Name: Beakful Store
Description: The official Beakful store, styled like funpuffin.com. Child of Twenty Twenty-Five.
Author: Fun Puffin
Template: twentytwentyfive
Version: 1.0.0
Text Domain: beakful-store
*/

/* Pill buttons everywhere, like funpuffin.com */
.wp-element-button,
.wp-block-button__link,
.woocommerce .button,
.wc-block-components-button,
.wp-block-woocommerce-product-button .wp-block-button__link {
	border-radius: 9999px !important;
}

.wc-block-components-button:not(.is-link),
.woocommerce a.button,
.woocommerce button.button {
	background-color: var(--wp--preset--color--accent-1);
	color: #fff;
}

.wc-block-components-button:not(.is-link):hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background-color: var(--wp--custom--accent-strong);
	color: #fff;
}

/* Header and footer rules, like the site's border-b / border-t */
.beakful-header { border-bottom: 1px solid var(--wp--preset--color--accent-6); }
.beakful-footer { border-top: 1px solid var(--wp--preset--color--accent-6); }

.beakful-nav a { text-decoration: none; }
.beakful-nav a:hover { color: var(--wp--preset--color--accent-1); }

/* Product cards: soft border and rounded corners */
.wc-block-product .wp-block-woocommerce-product-image img,
.wp-block-post-featured-image img {
	border-radius: 16px;
}

.beakful-card {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 20px;
}

.beakful-rounded img { border-radius: 20px; }