/*
Theme Name: sainte-beaute-blocksy-child
Template: blocksy
Text Domain: sainte-beaute-blocksy-child
Description: Editorial luxury skincare child theme for Blocksy with structured products and magazine content.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Sainte Beauté critical brand rules load after Blocksy and therefore take
 * precedence over the parent theme's typography and link palette. */
body {
	color: #171717;
	font-family: "Montserrat", sans-serif !important;
	font-size: 1rem;
}
body h1,
body h2,
body h3,
body h5,
body h6 {
	color: #171717;
	font-family: "Playfair Display", serif !important;
	font-weight: 400;
}
body h4,
body .sb-kicker {
	color: #AE2328;
	font-family: "Montserrat", sans-serif !important;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
body a:not(.sb-button):not(.wp-block-button__link) {
	color: #242424;
}
body a:not(.sb-button):not(.wp-block-button__link):hover {
	color: #AE2328;
}
body .sb-button,
body .sb-button:visited,
body .wp-block-button__link,
body .wp-block-button__link:visited {
	color: #ffffff !important;
	background: #AE2328 !important;
}
body .sb-button:hover,
body .wp-block-button__link:hover {
	color: #ffffff !important;
	background: #89191e !important;
}
body .sb-product-card h5 {
	color: #AE2328 !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 0.95rem;
	font-weight: 500;
}
body .sb-footer .sb-logo,
body .sb-footer-grid > div,
body .sb-footer h4,
body .sb-footer ul,
body .sb-footer li {
	text-align: left !important;
}
body .sb-footer .sb-logo img {
	margin-left: 0 !important;
	margin-right: auto !important;
}

body .sb-product-thumbnail {
	appearance: none;
	padding: 0;
	border: 1px solid transparent;
	background: #f7f7f7;
	cursor: pointer;
	overflow: hidden;
}
body .sb-product-thumbnail:hover,
body .sb-product-thumbnail:focus-visible,
body .sb-product-thumbnail.is-active {
	border-color: #ae2328;
}
body .sb-product-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}