/*
Theme Name: Onyxbloom Liquors & Wine
Theme URI: https://onyx-bloom.com
Author: Onyxbloom
Author URI: https://onyx-bloom.com
Description: An elegant Art Deco inspired block theme for Onyxbloom Liquors & Wine. Features a sophisticated dark color palette with gold accents, decorative patterns, and premium typography.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onyx-bloom
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, block-styles, wide-blocks, dark, portfolio, entertainment
*/

/* Art Deco Pattern Background */
.art-deco-pattern {
	background-image:
		repeating-linear-gradient(
			45deg,
			transparent,
			transparent 40px,
			rgba(212, 175, 55, 0.03) 40px,
			rgba(212, 175, 55, 0.03) 41px
		),
		repeating-linear-gradient(
			-45deg,
			transparent,
			transparent 40px,
			rgba(212, 175, 55, 0.03) 40px,
			rgba(212, 175, 55, 0.03) 41px
		);
}

/* Sunburst Effect */
.sunburst {
	background: radial-gradient(
		ellipse at 50% 0%,
		rgba(212, 175, 55, 0.15) 0%,
		rgba(212, 175, 55, 0.08) 30%,
		transparent 60%
	);
}

/* Gold Glow Effects */
.gold-glow {
	box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.gold-glow-intense {
	box-shadow: 0 0 25px rgba(212, 175, 55, 0.4);
}

/* Stepped Corner Decorations */
.stepped-corners {
	position: relative;
}

.stepped-corners::before,
.stepped-corners::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(212, 175, 55, 0.3);
	transition: all 0.5s ease-out;
}

.stepped-corners::before {
	top: 8px;
	right: 8px;
	border-bottom: none;
	border-left: none;
}

.stepped-corners::after {
	bottom: 8px;
	left: 8px;
	border-top: none;
	border-right: none;
}

.stepped-corners:hover::before,
.stepped-corners:hover::after {
	border-color: rgba(212, 175, 55, 1);
	width: 28px;
	height: 28px;
}

/* Rotated Diamond Container */
.diamond-container {
	transform: rotate(45deg);
	display: flex;
	align-items: center;
	justify-content: center;
}

.diamond-content {
	transform: rotate(-45deg);
}

/* Double Frame */
.double-frame {
	border: 1px solid rgba(212, 175, 55, 0.5);
	padding: 6px;
}

.double-frame-inner {
	border: 3px solid #0A0A0A;
}

/* Section Divider */
.section-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 1rem;
}

.section-divider::before,
.section-divider::after {
	content: '';
	width: 60px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.5), transparent);
}

/* Vertical Divider */
.vertical-divider {
	position: absolute;
	width: 1px;
	height: 100%;
	background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.2), transparent);
}

/* Text Gradient */
.text-gold-gradient {
	background: linear-gradient(135deg, #F2E8C4 0%, #D4AF37 50%, #B8962E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* Animation Keyframes */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Animation Classes */
.animate-fade-in-up {
	animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-fade-in {
	animation: fadeIn 0.8s ease-out forwards;
}

/* Animation Delays */
.animation-delay-100 { animation-delay: 0.1s; }
.animation-delay-200 { animation-delay: 0.2s; }
.animation-delay-300 { animation-delay: 0.3s; }
.animation-delay-400 { animation-delay: 0.4s; }
.animation-delay-500 { animation-delay: 0.5s; }
.animation-delay-600 { animation-delay: 0.6s; }