/*
Theme Name: ThinkGen V1
Theme URI: https://thinkgen.net
Author: ThinkGen
Author URI: https://thinkgen.net
Description: A premium Block Theme (FSE) featuring a high-contrast aesthetic (Black, Signature Yellow, A4K Blue), built for the A4K project.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thinkgen-v1
Tags: full-site-editing, block-theme, minimalist, custom-colors, high-contrast
*/

/* ?€?€ Global Document Background ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */
html, body {
    background-color: var(--wp--preset--color--background) !important;
}

/* ?€?€ Matrix Hero Integration ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */
.a4k-matrix-hero {
    position: relative !important;
    background-color: #000000 !important;
    min-height: 100vh;
    margin: 0 !important;
}

#a4k-matrix-hero-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
}

.a4k-matrix-overlay {
    z-index: 2;
    position: relative;
    background: radial-gradient(circle at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
}

.a4k-intel-header div,
.a4k-intel-footer div {
    text-shadow: 0 0 10px rgba(255, 242, 0, 0.4);
    animation: pulse-glow 2s infinite alternate;
}

@keyframes pulse-glow {
    from { opacity: 0.4; }
    to { opacity: 0.9; }
}

.a4k-glass-header {
    background-color: rgba(151, 158, 160, 0.7) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

/* Ensure menu items turn Steel Blue on hover */
.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--accent) !important; /* Signature Yellow hover */
    transition: color 0.2s ease;
}

/* Hide the user-requested WooCommerce Login person icon from the menu */
.wp-block-navigation-item:has(a[aria-label="Login"]),
.wp-block-navigation-item:has(a[href*="/my-account/"]),
.wc-block-customer-account__account-icon {
    display: none !important;
}

/* ?€?€ Gallery Interactions ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */

.a4k-vibe-gallery .wp-block-image img {
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	border: 2px solid transparent;
	border-radius: var(--wp--custom--border-radius--lg, 16px);
}

.a4k-vibe-gallery .wp-block-image:hover img {
	transform: translateY(-8px) scale(1.02);
	border-color: #ffff4d;
	box-shadow: 0 20px 40px rgba(255, 242, 0, 0.15);
	filter: brightness(1.1);
}

/* ?€?€ Seamless Full-Width Background Bleed ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */
/* This automatically extends the background color of constrained blocks to the edges of the browser */
.wp-block-post-content > .wp-block-group.has-background,
.wp-site-blocks > main > .wp-block-group.has-background {
	position: relative;
}

.wp-block-post-content > .wp-block-group.has-background::before,
.wp-site-blocks > main > .wp-block-group.has-background::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	z-index: -1;
	background-color: inherit;
	background-image: inherit;
	pointer-events: none;
}

/* ?€?€ Sticky Footer & Zero Gap Layout ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */
/* Removed global overflow-x: hidden; to ensure position: sticky can calculate against the viewport */

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding-top: 85px; /* Offset for the fixed absolute header */
	gap: 0 !important;
}

.wp-site-blocks > header,
.wp-site-blocks > main,
.wp-site-blocks > footer,
.wp-block-post-content {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.wp-site-blocks > main {
	width: 100%;
	flex-grow: 0;
}

.wp-site-blocks > footer {
	flex-grow: 1;
	background-color: #000000;
	display: flex;
	flex-direction: column;
}

.wp-site-blocks > footer > .wp-block-group {
	flex-grow: 1;
}

/* ?€?€ Header Logo & Menu Alignment ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */
.wp-block-navigation .wp-block-site-logo img {
	height: 1em !important;
	width: auto !important;
	vertical-align: text-bottom;
	display: inline-block;
}

/* ?€?€ Header Glassmorphism (Removed duplicate) ?€?€?€?€?€?€?€?€?€?€?€?€?€ */

/* ?€?€ Navigation Appearance ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */
.wp-block-navigation a.wp-block-navigation-item__content {
    color: var(--wp--preset--color--text) !important;
    transition: color 0.3s ease !important;
}

.wp-block-navigation a.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--accent) !important; /* Signature Yellow Hover */
}

.wp-block-navigation .wp-block-site-title a {
    text-decoration: none;
    color: var(--wp--preset--color--black) !important;
}

/* ?€?€ Global Text Hover Effects ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */
/* Applying a subtle color shift to Steel Blue on hover for a dynamic 'Vibe' feel */
h1, h2, h3, h4, h5, h6, p, li {
	transition: color 0.3s ease;
}

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, p:hover, li:hover {
	color: var(--wp--preset--color--secondary) !important;
}

/* ?€?€ Dark Mode Link Smart Hover ?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€?€ */
/* Ensure standard text links glow Volt Yellow when placed on dark backgrounds */
.has-black-background-color a:not(.wp-element-button):not(.wp-block-navigation-item__content):hover,
.has-footer-bg-background-color a:not(.wp-element-button):not(.wp-block-navigation-item__content):hover {
    color: var(--wp--preset--color--accent) !important;
}