/*
Theme Name: Tulip3
Template: blocksy
*/

@import url("../blocksy/style.css");

/* Custom CSS */

@font-face{
	font-family: 'Rajdhani';
	src: url('/wp-content/uploads/fonts/Rajdhani-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face{
	font-family: 'Rajdhani';
	src: url('/wp-content/uploads/fonts/Rajdhani-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face{
	font-family: 'Rajdhani';
	src: url('/wp-content/uploads/fonts/Rajdhani-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face{
	font-family: 'Rajdhani';
	src: url('/wp-content/uploads/fonts/Rajdhani-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face{
	font-family: 'Rajdhani';
	src: url('/wp-content/uploads/fonts/Rajdhani-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

/* ===== GENERAL ===== */
:root{
	--theme-font-family: 'Rajdhani', sans-serif !important;
}

strong{
	color: #c77dff;
}

a{
	color: #c9a44c !important;
	text-decoration: none !important;
}
a:hover{
	text-decoration: underline !important;
}

body {
	background-image: url('/wp-content/uploads/2026/03/crystal_shards_2.jpg') !important;
	background-size: cover;              /* fills screen, keeps proportions */
	background-repeat: no-repeat;        /* no tiling */
	background-position: center center;  /* always centered */
	background-attachment: fixed;        /* stays in place */
}

/* ===== HEADER ===== */

#header [data-row]{
	background-color: rgba(44, 33, 114, 0.7) !important;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

#header .header-logo-text{
	color: #ffffff !important;
	text-decoration: none;
}

#header .header-logo-text:hover{
	color: #c77dff !important;
	text-decoration: none !important;
}

/* ===== MENU DESKTOP ===== */
[data-header*="type-1"] .ct-header [data-id="menu"] ul li a {
	color: #f0f0f0 !important;
	font-weight: 400 !important;
	transition: color 0.3s ease;
	--theme-link-hover-color: #ffffff !important;
}

[data-header*="type-1"] .ct-header [data-id="menu"] ul li.current-menu-item a,
[data-header*="type-1"] .ct-header [data-id="menu"] ul li.current_page_item a,
[data-header*="type-1"] .ct-header [data-id="menu"] ul li.current-menu-ancestor a {
	color: #ffffff !important;
	font-weight: 700 !important;
}

[data-header*="type-1"] .ct-header [data-id="menu"] ul li:hover a {
	color: #c77dff !important;
}

[data-header*="type-1"] .ct-header [data-id="menu"] ul li a:hover{ 
	text-decoration: none !important;
}

/* ===== MENU MOBILE ===== */
[data-id="mobile-menu"] ul li a {
	color: #f0f0f0 !important;
	font-weight: 400 !important;
}

[data-id="mobile-menu"] ul li.current-menu-item a,
[data-id="mobile-menu"] ul li.current_page_item a,
[data-id="mobile-menu"] ul li.current-menu-ancestor a {
	color: #ffffff !important;
	font-weight: 700 !important;
}

[data-id="mobile-menu"] ul li a:hover,
[data-id="mobile-menu"] ul li a:active {
	color: #c77dff !important;
}


/* ===== FOOTER ===== */
.ct-footer{
	background-color: transparent !important;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.ct-footer [data-row]{
	background-color: rgba(44, 33, 114, 0.7) !important;
}

@media (min-width: 1025px) {
	.ct-footer [data-row]{
		height: 70px;
		max-height: 70px;
	}
}

.ct-footer [data-row] a{
	color: #ffffff !important;
	text-decoration: none !important;
	transition: color 0.3s ease;
}

.ct-footer [data-row] a:hover{
	color: #c77dff !important;
	/*text-decoration: underline !important;*/
}

.ct-footer .separator{
	color: #a0a0a0 !important;
}

.ct-footer .wp-block-image img {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
	transition: filter 0.3s ease;
}

.ct-footer .wp-block-image a:hover img {
	filter: invert(59%) sepia(35%) saturate(746%) hue-rotate(227deg) brightness(95%) contrast(94%);
}


/* ===== CONTACT FORM ===== */
.fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-input--label label{
	font-size: 20px !important;
}

.fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-input--content input{
	color: #ffffff !important;
	font-size: 20px !important;
}

.fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-input--content textarea{
	color: #ffffff !important;
	font-size: 20px !important;
}

.fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-group button{
	background-color: #9511e2;
	font-size: 20px;
	font-weight: bold;
}
.fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-group button:hover{
	background-color: #c77dff;
}

.fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-message-success{
	color: #ffffff;
	font-size: 20px;
}


/* ===== GAMES ===== */