/* Pokhari UI Global Styles */
:root {
	--pokhari-bg: #0e1a24;
	--pokhari-bg-alt: #132231;
	--pokhari-accent: #00bcd4;
	--pokhari-accent-2: #ff6f61;
	--pokhari-text: #e6f1ff;
	--pokhari-text-muted: #a9b7c6;
	--pokhari-border: rgba(255,255,255,0.12);
	--pokhari-shadow: 0 10px 30px rgba(0,0,0,0.25);
	--pokhari-radius: 12px;
	--pokhari-radius-sm: 8px;
	--pokhari-radius-lg: 18px;
}

body.pokhari-ui-enabled {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* Header / Navigation */
.site-header, header.site-header, .wp-block-template-part header, #masthead, .navbar, .site-nav, header.sticky.top-0 {
	background: linear-gradient(180deg, rgba(2,12,27,0.9), rgba(2,12,27,0.6));
	backdrop-filter: blur(6px);
	border-bottom: 1px solid var(--pokhari-border);
	box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

.site-header a, .navbar a, .site-nav a, #site-navigation a, .nav-link {
	color: var(--pokhari-text);
	text-decoration: none;
	transition: color .25s ease, transform .25s ease, background-color .25s ease;
}

.site-header a:hover, .site-nav a:hover, .navbar a:hover, #site-navigation a:hover, .nav-link:hover {
	color: var(--pokhari-accent);
	transform: translateY(-1px);
}

.menu a::after, .site-nav a::after, #site-navigation a::after, .nav-link::after {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--pokhari-accent), var(--pokhari-accent-2));
	transition: width .3s ease;
	border-radius: 2px;
}
.menu a:hover::after, .site-nav a:hover::after, #site-navigation a:hover::after, .menu a.is-active::after, .nav-link:hover::after, .nav-link.is-active::after {
	width: 100%;
}

/* Hero header animation */
.hero, .wp-block-cover.hero, .site-hero, .page-header, .hero-section {
	position: relative;
	background: radial-gradient(1200px 400px at 10% -10%, rgba(0,188,212,0.35), transparent 50%),
				radial-gradient(800px 300px at 90% -20%, rgba(255,111,97,0.25), transparent 50%),
				linear-gradient(180deg, var(--pokhari-bg-alt), transparent 60%);
	overflow: hidden;
}
.hero .hero-title, .site-hero .hero-title, .page-header .entry-title, .wp-block-cover .wp-block-cover__inner-container h1, .hero-section h1, .hero-section .heading-font {
	animation: heroFloat 8s ease-in-out infinite;
	text-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
@keyframes heroFloat {
	0%, 100% { transform: translateY(0px); }
	50% { transform: translateY(-8px); }
}

/* Buttons (scoped to theme button classes to avoid conflicts) */
.btn, .btn-primary, .btn-secondary, .btn-outline, .wp-element-button, .wp-block-button__link, input[type="submit"] {
	background: linear-gradient(135deg, var(--pokhari-accent), var(--pokhari-accent-2));
	color: #051018;
	border: none;
	border-radius: var(--pokhari-radius-sm);
	padding: 0.7em 1.1em;
	font-weight: 600;
	box-shadow: 0 6px 20px rgba(0,188,212,0.28);
	transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.btn:hover, .btn-primary:hover, .btn-secondary:hover, .btn-outline:hover, .wp-element-button:hover, .wp-block-button__link:hover, input[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0,188,212,0.35);
	filter: brightness(1.05);
}
.btn:active, .btn-primary:active, .btn-secondary:active, .btn-outline:active, .wp-element-button:active, .wp-block-button__link:active, input[type="submit"]:active {
	transform: translateY(0);
}

/* Links and text colors */
/* Keep global link and text colors from theme; do not override body palette */

/* Cards and widgets */
.card, .wp-block-group, .widget, .wp-block-post, .wp-block-query .wp-block-post-template > li {
	background: rgba(255,255,255,0.03);
	border: 1px solid var(--pokhari-border);
	border-radius: var(--pokhari-radius);
	box-shadow: var(--pokhari-shadow);
}

/* Fix common broken design spacing */
.entry-content, .wp-site-blocks, .wp-block-group, .site-content, .content-area {
	line-height: 1.7;
	word-wrap: break-word;
}
.wp-block-image img, img { border-radius: var(--pokhari-radius-sm); }

/* Navigation current item */
.current-menu-item > a, .current_page_item > a { color: var(--pokhari-accent) !important; }

/* Utility */
.hide-text { text-indent: -9999px; overflow: hidden; white-space: nowrap; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Header scrolled state */
.site-header.is-scrolled, header.site-header.is-scrolled, #masthead.is-scrolled, .navbar.is-scrolled {
	box-shadow: 0 8px 26px rgba(0,0,0,0.35);
	background: rgba(2,12,27,0.9);
}
.site-header.is-scrolled .site-branding img, header.site-header.is-scrolled .site-branding img {
	filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3));
}

/* Mobile menu open */
.menu-open {
	overflow: hidden;
}
#site-navigation.is-open, .site-nav.is-open, .navbar.is-open {
	max-height: 90vh;
	opacity: 1;
	visibility: visible;
}

/* Ripple effect */
.ripple {
	position: absolute;
	border-radius: 50%;
	transform: scale(0);
	animation: ripple 600ms linear;
	background: rgba(255,255,255,0.6);
	pointer-events: none;
}
@keyframes ripple {
	to {
		transform: scale(4);
		opacity: 0;
	}
}