/*
Theme Name: CYVAREL Luxury Lighting
Theme URI: https://cyvarel.com/
Author: CYVAREL
Author URI: https://cyvarel.com/
Description: A premium WooCommerce child theme for CYVAREL decorative lighting, featuring original stained-glass-inspired imagery, high-end editorial layouts and a bilingual English/Chinese storefront experience.
Requires at least: 6.9
Tested up to: 7.0
Requires PHP: 5.7
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: fashion-nook
Text Domain: cyvarel-luxury-lighting
Tags: one-column, two-columns, three-columns, grid-layout, custom-colors, custom-menu, custom-logo, editor-style, featured-images, block-patterns, translation-ready, wide-blocks, e-commerce, full-site-editing
*/

body {
    -webkit-font-smoothing: antialiased;
}

/*
 * Link styles
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .2em;
}

/*
 * WooCommerce Product Titles
 */
.wc-block-product h2,
.wc-block-product h3 {
    font-family: var(--wp--preset--font-family--jost);
    font-size: var(--wp--preset--font-size--x-small) !important;
    font-weight: 400 !important;
}

/*
 * Button hover styles
 */
.wp-block-button__link:hover { 
	background-color: var(--wp--preset--color--theme-5); 
	color: var(--wp--preset--color--theme-1);
}

:root :where(.wp-element-button, .wp-block-button__link):hover {
	color: var(--wp--preset--color--theme-1);
}

/*
 * CYVAREL luxury lighting storefront
 */
:root {
	--cyvarel-ink: #090909;
	--cyvarel-ivory: #f7f5f0;
	--cyvarel-emerald: #102c2a;
	--cyvarel-gold: #ae8d56;
}

body {
	background: var(--cyvarel-ivory);
	color: var(--cyvarel-ink);
}

.cyvarel-announcement {
	background: var(--cyvarel-ink);
	color: #f7f5f0;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.cyvarel-announcement a,
.cyvarel-header a {
	color: inherit;
	text-decoration: none;
}

.cyvarel-header {
	background: rgba(9, 9, 9, .96);
	border-bottom: 1px solid rgba(247, 245, 240, .18);
	color: #f7f5f0;
}

.cyvarel-header .wp-block-site-title {
	margin: 0;
	line-height: 1;
}

.cyvarel-wordmark .wp-block-site-title a {
	background: url('assets/images/cyvarel/logo.svg') center / contain no-repeat;
	display: block;
	filter: invert(1);
	height: 38px;
	min-width: 190px;
	color: transparent;
	font-size: 0;
}

.cyvarel-header .wp-block-navigation {
	font-size: 11px;
	letter-spacing: .15em;
}

.cyvarel-header .wp-block-navigation a:hover,
.cyvarel-language a:hover {
	color: var(--cyvarel-gold);
}

.cyvarel-manual-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	margin-top: 18px;
	font-family: var(--wp--preset--font-family--jost);
	font-size: 11px;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.cyvarel-manual-nav a,
.cyvarel-header-action a {
	color: inherit;
	text-decoration: none;
}

.cyvarel-manual-nav a:hover,
.cyvarel-header-action a:hover,
.cyvarel-language .is-active {
	color: var(--cyvarel-gold);
}

.cyvarel-header-action {
	font-size: 11px;
	letter-spacing: .14em;
	text-align: right;
	text-transform: uppercase;
}

.cyvarel-language {
	font-size: 11px;
	letter-spacing: .12em;
	white-space: nowrap;
}

.cyvarel-hero .wp-block-cover__background,
.cyvarel-category-card .wp-block-cover__background {
	background: linear-gradient(0deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.08) 64%, rgba(0,0,0,.1) 100%) !important;
	opacity: 1 !important;
}

.cyvarel-hero .wp-block-cover__inner-container,
.cyvarel-category-card .wp-block-cover__inner-container {
	width: 100%;
}

.cyvarel-eyebrow {
	font-size: 11px;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.cyvarel-hero .wp-block-heading {
	font-size: clamp(2.6rem, 5vw, 5.5rem);
	line-height: .96;
	letter-spacing: -.02em;
}

.cyvarel-hero .wp-block-button__link,
.cyvarel-category-card .wp-block-button__link,
.cyvarel-dark-section .wp-block-button__link {
	border-radius: 0;
	border-color: #f7f5f0;
	font-size: 11px;
	letter-spacing: .16em;
	padding: .85rem 1.45rem;
	text-transform: uppercase;
}

.cyvarel-category-card .wp-block-cover {
	min-height: 530px;
}

.cyvarel-category-card .wp-block-heading {
	font-size: clamp(2rem, 3vw, 3.25rem);
}

.cyvarel-section-title {
	font-size: clamp(2.4rem, 4.5vw, 4.75rem) !important;
	line-height: 1 !important;
}

.cyvarel-product-section .wc-block-product h2,
.cyvarel-product-section .wc-block-product h3 {
	font-size: 14px !important;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.cyvarel-product-section .wc-block-product .wc-block-components-product-price {
	font-size: 13px;
}

.cyvarel-product-placeholder {
	align-items: center;
	background: #e8e2d8;
	display: flex;
	justify-content: center;
	min-height: 260px;
	padding: 32px;
	text-align: center;
}

.cyvarel-product-placeholder p {
	font-family: var(--wp--preset--font-family--instrument-serif);
	font-size: clamp(2rem, 4vw, 3.5rem);
	margin: 0;
}

.cyvarel-dark-section {
	background: var(--cyvarel-emerald);
	color: var(--cyvarel-ivory);
}

.cyvarel-dark-section .wp-block-heading {
	color: var(--cyvarel-ivory);
}

.cyvarel-footer {
	background: var(--cyvarel-ink);
	border: 0 !important;
	color: #d6d0c4;
}

.cyvarel-footer .wp-block-site-title a {
	color: #f7f5f0;
	font-size: 21px;
	letter-spacing: .16em;
}

@media (max-width: 781px) {
	.cyvarel-header .wp-block-columns,
	.cyvarel-header .wp-block-column {
		gap: 10px;
	}

	.cyvarel-wordmark .wp-block-site-title a {
		height: 28px;
		min-width: 130px;
	}

	.cyvarel-header .wp-block-navigation {
		font-size: 10px;
	}

	.cyvarel-manual-nav {
		flex-wrap: wrap;
		gap: 12px 18px;
		margin-top: 14px;
	}

	.cyvarel-category-card .wp-block-cover {
		min-height: 420px;
	}
}