/*
Theme Name: Healthsome Life
Theme URI: https://healthsomelife.com
Author: Healthsome Life
Author URI: https://healthsomelife.com
Description: A calm, accessible WordPress block theme for women's health, PCOS, nutrition, and holistic wellbeing publishing.
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: healthsome-life
Tags: blog, education, full-site-editing, block-patterns, custom-colors, custom-logo, editor-style, featured-images, style-variations, translation-ready, wide-blocks
*/

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
::selection { background: var(--wp--preset--color--accent-soft); color: var(--wp--preset--color--foreground); }

a, button, input, textarea, select { outline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
}

.wp-site-blocks { overflow: clip; }
.hsl-sticky-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(16px); }
.admin-bar .hsl-sticky-header { top: 32px; }
.hsl-card { height: 100%; transition: transform .25s ease, box-shadow .25s ease; }
.hsl-card:hover { transform: translateY(-4px); box-shadow: var(--wp--preset--shadow--lift); }
.hsl-card a::after { content: ""; position: absolute; inset: 0; }
.hsl-card { position: relative; }
.hsl-eyebrow { letter-spacing: .18em; text-transform: uppercase; }
.hsl-gradient-orb { filter: blur(1px); }
.hsl-post-content > * { margin-block-start: 1.4rem; }
.hsl-post-content > h2 { margin-block-start: 2.8rem; }
.hsl-post-content > h3 { margin-block-start: 2.2rem; }
.hsl-post-content a { text-decoration-thickness: 1px; text-underline-offset: .2em; }
.hsl-share a { text-decoration: none; }
.hsl-share a:hover { background: var(--wp--preset--color--foreground) !important; color: var(--wp--preset--color--base) !important; }
.hsl-mobile-only { display: none; }

@media (max-width: 782px) {
	.admin-bar .hsl-sticky-header { top: 46px; }
	.hsl-desktop-only { display: none !important; }
	.hsl-mobile-only { display: flex; }
	.hsl-hero { min-height: auto !important; }
	.hsl-hero-title { font-size: clamp(3rem, 16vw, 5.4rem) !important; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}