/*
Theme Name:        VYRA Labs Research
Theme URI:         https://vyraperformance.com/
Author:            VYRA Labs
Author URI:        https://vyraperformance.com/
Description:       Premium, production-ready WooCommerce + Elementor theme for high-purity research compound storefronts. A native PHP port of the VYRA Labs Research Next.js storefront — pixel-perfect, translation-ready, accessibility-ready, and fully editable through WordPress, WooCommerce and Elementor.
Version:           1.0.0
Requires at least: 6.4
Tested up to:      6.7
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:       vyra-labs
Tags:              e-commerce, woocommerce, elementor, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, translation-ready, blog, two-columns, right-sidebar, theme-options
WC requires at least: 7.0
WC tested up to:   9.4

VYRA Labs Research is distributed under the terms of the GNU GPL v2 or later.

The presentation stylesheet lives in /assets/css/main.css (compiled, enqueued by inc/class-vyra-assets.php).
This file holds the required WordPress theme header, plus small overrides that
cannot be added to the compiled main.css (no build tooling available).
*/

/* Floating hero band — pulls the top hero of every page in from the viewport
   edges to match the homepage hero (pair with the rounded-3xl utility). */
.vyra-hero-section {
	margin-left: 16px;
	margin-right: 16px;
}
@media (min-width: 640px) {
	.vyra-hero-section {
		margin-left: 40px;
		margin-right: 40px;
	}
}
@media (min-width: 1024px) {
	.vyra-hero-section {
		margin-left: 80px !important;
		margin-right: 80px !important;
	}
}

/* My Account welcome heading — long usernames wrap instead of overflowing
   the card on small screens (utility not present in compiled main.css). */
.vyra-account-heading {
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Shrink just the account holder's name on mobile so a full name fits on one
   line, independent of the larger "WELCOME BACK," line above it. Desktop keeps
   its original size. */
@media (max-width: 639px) {
	.vyra-account-name {
		font-size: 20px !important;
		line-height: 1.15 !important;
	}
}