/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1777534872
Updated: 2026-04-30 07:41:12

*/

:root {
	--text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
	--text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
	--text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	--text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
	--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
	--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
	--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);
	--space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
	--radius-sm: 0.375rem; --radius-md: 0.75rem; --radius-lg: 1.25rem; --radius-xl: 1.75rem; --radius-full: 9999px;
	--color-bg: #090511;
	--color-surface: #12091f;
	--color-surface-2: #1a0f2d;
	--color-surface-offset: #21143a;
	--color-border: rgba(163, 126, 255, 0.18);
	--color-divider: rgba(255,255,255,0.08);
	--color-text: #f5f1ff;
	--color-text-muted: #b9afd5;
	--color-text-faint: #7f759a;
	--color-primary: #8a5cff;
	--color-primary-hover: #9e76ff;
	--color-secondary: #2ee6c5;
	--color-accent: #ff4d8d;
	--shadow-lg: 0 24px 80px rgba(0,0,0,.45);
	--content-wide: 1200px;
	--font-display: 'Orbitron', sans-serif;
	--font-body: 'Inter', sans-serif;
	--color-border: rgba(163, 126, 255, 0.18);
}

html{
	scroll-behavior: smooth
}
    
body{
	min-height: 100vh;
	font-family: var(--font-body);
	font-size: var(--text-base);
	line-height: 1.6;
	background:
      radial-gradient(circle at top left, rgba(138,92,255,.22), transparent 30%),
      radial-gradient(circle at 85% 10%, rgba(46,230,197,.12), transparent 25%),
      linear-gradient(180deg, #0a0614 0%, #090511 100%);
    color: var(--color-text)
}

.header {
	backdrop-filter: blur(18px);
}

a {
	text-decoration: none;
	color: inherit
}

.woocommerce-error {
	background: linear-gradient(135deg, rgba(138, 92, 255, 0.12) 0%, rgba(52, 224, 193, 0.08) 100%);
    color: var(--text-muted);
    border-radius: 25px;
	backdrop-filter: blur(18px);
}

.woocommerce-info, .woocommerce-message {
	background: linear-gradient(135deg, rgba(138, 92, 255, 0.12) 0%, rgba(52, 224, 193, 0.08) 100%);
    color: var(--text-muted);
    border-radius: 9999px;
    border-color: var(--color-primary);
	backdrop-filter: blur(18px);
}

.woocommerce-info:before,
.woocommerce-message:before {
	color: var(--color-secondary)
}
.tnp-submit {
	width: 100% !important;
	font-size: 1rem !important;
}
.woocommerce a.button, .tnp-submit {
	font-weight: 700;
    padding-block-start: 0.9rem !important;
    padding-block-end: 0.9rem !important;
    padding-inline-start: 1.2rem !important;
    padding-inline-end: 1.2rem !important;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    transition: all 200ms;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	color: #f5f1ff !important;
    border-width: 0px;
    background-image: linear-gradient(135deg, #8a5cff 0%, #6f46df 100%) !important;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto auto;
    background-position: 0% 0%;
    box-shadow: 0px 12px 30px 0px rgba(138, 92, 255, .28);
}
.woocommerce a.button:hover,
.tnp-submit:hover {
	background-image: linear-gradient(135deg, #6f46df 0%, #8a5cff 100%) !important;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto auto;
    background-position: 0% 0%;
    box-shadow: 0px 0px 50px 20px rgba(138, 92, 255, .28);
	color: #f5f1ff
}

.woocommerce-order {
	color: #ffffff
}

.woocommerce-notices-wrapper {
	position: fixed;
    top: 150px;
    right: 30px;
    z-index: 1;
}
.woocommerce-notices-wrapper .woocommerce-message {
	    background-color: #1e1f3f;
}

.woocommerce-variation-price * {
	color: var(--color-secondary);
}
.woocommerce-variation-price * {
	margin-bottom: 20px;
}
	
.woocommerce span.onsale {
	font-size: 14px;
    color: var(--color-secondary);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding-block-start: 0.45rem !important;
    padding-block-end: 0.45rem !important;
    padding-inline-start: 0.8rem !important;
    padding-inline-end: 0.8rem !important;
    background-color: rgba(46, 230, 197, 0.25);
    display: inline-flex;
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    border-color: rgba(46, 230, 197, 0.2);
    border-style: solid;
    gap: 0.6rem;
    line-height: 1;
    min-width: auto;
    min-height: auto;
    font-weight: 500;
    top: 20px;
    left: 20px;
}

.tnp-field-email input {
	font-family: var(--text-font) !important;
    font-size: 14px !important;
    color: var(--text-muted) !important;
    padding-block-start: 1.5rem !important;
    padding-block-end: 1.5rem !important;
    padding-inline-start: 1rem !important;
    padding-inline-end: 1rem !important;
    border-radius: 9999px;
    background-color: rgba(9, 5, 17, 0.55) !important;
	border: 1px solid var(--color-border) !important;
    padding: .5rem 1rem;
    transition: all .3s;
	height: 36px;
}

.elementor-menu-cart__footer-buttons {
	flex-direction: column;
    display: flex !important;
}

.blockOverlay {
	background-color: rgba(0,0,0,0.7) !important
}


.cky-consent-bar {
	background-color: #090511BF !important;
	backdrop-filter: blur(18px);
}
.cky-btn-accept {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important
}
.cky-btn-reject,
.cky-btn-preferences {
	background-color: transparent !important
}
.cky-btn-reject,
.cky-btn-preferences,
.cky-btn-customize {
	color: var(--color-primary) !important;
	border-color: var(--color-primary) !important
}

@media screen and (max-width: 564px) {
	.woocommerce-info, .woocommerce-message {
		display: flex;
		flex-direction: column;
		gap: 20px;
		text-align: center;
		border-radius: 20px
	}
}