/*
Theme Name: IRIS
Theme URI: 
Author: IRIS
Author URI: 
Description: A minimalist, high-performance skincare theme.
Requires at least: 6.3
Tested up to: 6.3
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iris
Tags: full-site-editing, block-theme, skincare
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Custom Component Styling */
.hero-product-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.feature-card {
    transition: transform 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.02);
}

.feature-card:hover {
    transform: translateY(-5px);
}

.newsletter-box {
    background: #FFD27D;
    color: #1a1a1a;
}


/* Utility classes not covered by blocks */
.object-cover {
    object-fit: cover;
}

/* Layout Alignment */
.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.alignwide {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--style--global--wide-size, 1400px);
}