/*
Theme Name: Utopia Labs
Theme URI: https://utopialabs.net
Author: Liam Ahmad
Description: A premium, fully custom WooCommerce eCommerce theme built for Utopia Labs — a research-grade peptide brand. Dark, high-tech black design with a cyan-to-blue gradient accent. Includes a full global design system, advanced single product system with custom fields and quantity discounts, fully restyled WooCommerce (shop/cart/checkout/account), age verification, and a one-click demo importer.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
Text Domain: urbanbiolab
Tags: e-commerce, woocommerce, custom-colors, custom-menu, translation-ready

Utopia Labs WordPress Theme, Copyright 2026 Taiba Creations
Utopia Labs is distributed under the terms of the GNU GPL v2 or later.
*/

/* Base resets that must live in style.css per WP convention.
   All real design-system rules live in assets/css/*.css (enqueued in inc/enqueue.php)
   so nothing is hardcoded twice and the Customizer can override variables in one place. */

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; }
ul, ol { list-style: none; margin: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; }
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	white-space: nowrap;
}

/* ============================================================
 * GLASS-EFFECT BOXES — loaded last so it wins the cascade over
 * the flat --ubl-color-bg-alt backgrounds set elsewhere. Gives
 * cards/boxes a frosted-glass look against the black theme.
 * ============================================================ */
.ubl-card,
.ubl-icon-box,
.ubl-cat-card,
.ubl-prod-card,
.ubl-testimonial-card,
.ubl-why-shipping,
.ubl-pillar,
.ubl-about-trust-item,
.ubl-qty-card,
.ubl-variation-swatch,
.ubl-coa-batch-card,
.ubl-blog-card {
	background: rgba(255,255,255,0.035) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid rgba(255,255,255,0.09) !important;
}
.ubl-prod-card:hover {
	background: rgba(255,255,255,0.06) !important;
}
.ubl-why-cta-card {
	background: var(--ubl-gradient-accent) !important;
	border: none !important;
}

/* ============================================================
 * GLOBAL IMAGE BORDER-RADIUS — content images get a soft corner
 * radius by default. Logos and round avatars keep their own
 * more-specific radius rules (class selectors win over this).
 * ============================================================ */
img:not(.ubl-logo img):not(.ubl-footer-logo) {
	border-radius: var(--ubl-radius-card);
}
.ubl-testimonial-author img { border-radius: 50% !important; }