/**
 * at-amber Theme - Effects & Animations
 *
 * Enhancement layer: Hover effects, transitions, animations
 * Version: 1.2
 * Date: 2025-12-11
 * Changelog:
 * - v1.2: Added .lights-off state for Estate Console lamp control
 * - v1.1: Added room lamp ambiance effect
 */

/* ===== SIGNATURE CARD HOVER EFFECT ===== */
.card:hover {
	transform: translateY(-4px) rotate(0.5deg);
	border-color: var(--accent);
	box-shadow: 0 10px 25px -5px var(--accent-glow);
}

/* Apply signature hover to stat-tiles, mini-chart-cards, date-filter-form, amplet-cards, search-hero, and research-cards */
.stat-tile:hover,
.mini-chart-card:hover,
.date-filter-form:hover,
.amplet-card:hover,
.search-hero:hover,
.research-card:hover {
	transform: translateY(-4px) rotate(0.5deg) !important;
	border-color: var(--accent) !important;
	box-shadow: 0 10px 25px -5px var(--accent-glow) !important;
}

/* Exclude hover effect from chart-card and table-card */
.chart-card:hover,
.table-card:hover {
	transform: none;
	border-color: var(--border);
	box-shadow: none;
}

/* ===== LINK HOVER EFFECTS ===== */
.link-list a {
	transition: all 0.2s ease;
}

.link-list a:hover {
	background: var(--bg-primary);
	color: var(--accent);
	transform: translateX(4px);
}

.back-link {
	transition: all 0.2s ease;
}

.back-link:hover {
	transform: translateX(-4px);
}

/* ===== NAV LINK EFFECTS ===== */
.nav-links a {
	transition: all 0.2s ease;
}

.nav-links a:hover {
	color: var(--accent);
}

/* ===== FOOTER LINK EFFECTS ===== */
.footer-section a {
	transition: all 0.2s ease;
}

.footer-section a:hover {
	color: var(--accent);
}

.social-links a {
	transition: all 0.2s ease;
}

.social-links a:hover {
	background: var(--accent);
	color: var(--bg-primary);
	border-color: var(--accent);
	transform: translateY(-2px);
}

/* ===== SEARCH BAR EFFECTS ===== */
.search-bar {
	transition: all 0.2s ease;
}

.search-bar:focus {
	outline: none;
	border-color: var(--accent);
	box-shadow: 0 0 0 2px var(--accent-glow);
}

/* ===== BANNER EFFECTS ===== */
.featured-banner {
	transition: all 0.3s ease;
}

.featured-banner:hover {
	border-color: var(--accent);
	box-shadow: 0 5px 20px -5px var(--accent-glow);
}

/* ===== IMAGE EFFECTS ===== */
.julia-image {
	transition: all 0.3s ease;
}

.julia-image:hover {
	filter: sepia(1) saturate(2.0) hue-rotate(-10deg) brightness(0.95) contrast(1.15);
	transform: scale(1.02);
}

/* ===== CARD FLIP EFFECTS ===== */
.card-front,
.card-back {
	transition: opacity 0.3s ease;
}

.card {
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ===== PULSE GLOW ANIMATION ===== */
/* Used for current streak indicators on rebase page */
@keyframes pulse-glow {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.7;
	}
}

/* ===== BORDER GLOW ANIMATION ===== */
/* Used for current streak border in hero-content cards */
@keyframes border-glow {
	0%, 100% {
		border-left-color: var(--accent);
	}
	50% {
		border-left-color: rgba(212, 165, 116, 0.5);
	}
}

/* ===== ROOM LAMP AMBIANCE (DESKTOP ONLY) ===== */
/* Hanging lamp in top-right corner - creates unique room atmosphere per dashboard */
.room-lamp {
	position: fixed;
	top: 60px; /* Below topbar */
	right: 20px;
	z-index: 100;
	pointer-events: none; /* Don't interfere with clicks */
	max-width: 150px;
	height: auto;
	opacity: 0.9;
	animation: lampGlow 3s ease-in-out infinite;
	filter: drop-shadow(0 0 20px rgba(212, 165, 116, 0.3));
}

@keyframes lampGlow {
	0%, 100% {
		opacity: 0.85;
		filter: drop-shadow(0 0 20px rgba(212, 165, 116, 0.3));
	}
	50% {
		opacity: 1;
		filter: drop-shadow(0 0 30px rgba(212, 165, 116, 0.5));
	}
}

/* Room lamp OFF state (controlled by Estate Console) */
.room-lamp.lights-off {
	filter: grayscale(100%);
	opacity: 0.1;
	animation: none; /* Disable lampGlow animation */
}

/* Hide on tablets and mobile (desktop-only feature) */
@media (max-width: 1024px) {
	.room-lamp {
		display: none;
	}
}