/*
Theme Name: BellcorpusUSA
Theme URI: https://bellcorpususa.com
Description: Child theme of Ollie for the BellcorpusUSA shapewear store. Design tokens live in theme.json; this file is for the few rules theme.json cannot express.
Author: serm
Template: ollie
Version: 0.1.0
Requires at least: 6.8
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bellcorpususa
*/

/* Deliberately almost empty.
   Colours, typography, spacing and button styles are declared in theme.json so
   they reach the block editor and the front end identically. Add a rule here
   only when theme.json genuinely cannot express it -- a custom breakpoint, a
   pseudo-element, a hover transition. Every rule added here is a rule that no
   longer shows up in the Site Editor, so keep the list short and comment why. */

/* Uppercase, wide-tracked eyebrow label used above headings in the design. */
.is-style-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
}

/* Buttons in the design are square-ish with wide tracking; theme.json covers
   colour and radius, not letter-spacing. */
.wp-block-button__link {
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transition: background-color 150ms ease, color 150ms ease;
}

/* Footer sits on plum-dark. theme.json's elements.link colour is global and
   resolves to plum, which is nearly invisible against that background, so the
   link colour has to be overridden for this region specifically. A per-block
   link colour in theme.json cannot target "inside the footer template part". */
.wp-site-blocks footer .wp-block-group.has-plum-dark-background-color a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.wp-site-blocks footer .wp-block-group.has-plum-dark-background-color a:hover {
	color: var(--wp--preset--color--blush-deep);
	text-decoration: underline;
}

/* Footer link columns are navigation, not prose -- drop the list markers.
   The core "plain" list style does not exist, so this is done here. */
.wp-site-blocks footer .wp-block-list.is-style-plain {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}