/*
Theme Name: VR DigiBloom
Theme URI: https://vrdigibloom.online/
Author: Vishal Pal
Description: Official VR DigiBloom Website Theme.
Version: 2.0.6
*/

html {
	scroll-behavior: smooth !important;
}

html, body {
	overflow-x: hidden !important;
	position: relative !important;
}

[id] {
	scroll-margin-top: 130px !important;
}

body, .wp-site-blocks {
	background-color: #ffffff !important;
	color: #0f172a !important;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	font-display: swap;
	margin: 0;
}

body {
	padding-top: 105px !important;
}

/* =========================================================
   HARD-FIXED STICKY HEADER
   ========================================================= */

header.site-header-block,
.site-header-block {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	max-width: 100% !important;
	z-index: 999999 !important;
	background: #ffffff !important;
	border-bottom: 1px solid #e2e8f0 !important;
	margin: 0 !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

/* TOP BAR */
.header-top-bar {
	background: #0f172a !important;
	color: #94a3b8 !important;
	padding: 8px 24px !important;
	font-size: 0.85rem !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.top-bar-container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.top-contact-info {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
}

.top-contact-info a {
	color: #cbd5e1 !important;
	text-decoration: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-weight: 500 !important;
}

.top-contact-info svg {
	width: 15px !important;
	height: 15px !important;
	stroke: #ff5500 !important;
}

.top-social-links {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
}

.top-social-links a {
	color: #cbd5e1 !important;
	display: flex !important;
	align-items: center !important;
}

.top-social-links svg {
	width: 16px !important;
	height: 16px !important;
}

/* MAIN NAVBAR */
.header-main-nav {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 12px 24px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 20px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	position: relative !important;
}

/* LOGO */
.brand-logo-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	text-decoration: none !important;
}

.brand-title {
	font-size: 1.45rem !important;
	font-weight: 800 !important;
	letter-spacing: -0.5px !important;
	line-height: 1 !important;
}

.brand-title .brand-orange { color: #ff5500 !important; }
.brand-title .brand-dark { color: #0f172a !important; }

/* DESKTOP NAV LINKS */
.site-navigation-links {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.site-navigation-links a {
	color: #0f172a !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	padding: 8px 12px !important;
	border-radius: 6px !important;
}

/* CTA BUTTON */
.header-actions {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.wp-block-button__link {
	background-color: #ff5500 !important;
	color: #ffffff !important;
	border-radius: 6px !important;
	padding: 10px 18px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/* MOBILE TOGGLE BUTTON (Hidden on Desktop) */
.mobile-toggle-btn {
	display: none;
	background: transparent !important;
	border: none !important;
	color: #0f172a !important;
	cursor: pointer !important;
	padding: 6px !important;
}

.mobile-toggle-btn svg {
	width: 28px !important;
	height: 28px !important;
}

.mobile-toggle-btn .icon-close { display: none !important; }
.mobile-toggle-btn.is-active .icon-hamburger { display: none !important; }
.mobile-toggle-btn.is-active .icon-close { display: block !important; }

/* =========================================================
   MOBILE MENU DROPDOWN STYLES
   ========================================================= */

@media (max-width: 868px) {
	.header-top-bar { display: none !important; }
	body { padding-top: 65px !important; }

	.mobile-toggle-btn { display: block !important; }

	/* Convert Navigation to Dropdown Overlay */
	.site-navigation-links {
		display: none !important;
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		width: 100% !important;
		background: #ffffff !important;
		flex-direction: column !important;
		padding: 16px 24px 24px 24px !important;
		box-shadow: 0 12px 20px rgba(0,0,0,0.1) !important;
		border-bottom: 1px solid #e2e8f0 !important;
		box-sizing: border-box !important;
		gap: 4px !important;
	}

	.site-navigation-links.is-open {
		display: flex !important;
	}

	.site-navigation-links a {
		width: 100% !important;
		padding: 12px 16px !important;
		font-size: 1.05rem !important;
		border-radius: 8px !important;
		background: #f8fafc !important;
	}

	.desktop-cta { display: none !important; }
}

/* Full Width Sections & Cards */
.wp-block-group.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

.vrdb-hover-card {
	transition: transform .3s cubic-bezier(.16,.84,.44,1), box-shadow .3s, border-color .3s;
	will-change: transform;
}

.vrdb-hover-card:hover {
	transform: translateY(-4px);
	border-color: #ff5500 !important;
	box-shadow: 0 16px 32px -20px rgba(0,0,0,.1);
}