/*
Theme Name: chroma3D
Theme URI: https://example.com/chroma3d
Author: chroma3D
Author URI: https://example.com
Description: A dark-themed 3D printing service website theme with fuchsia accents and glass morphism effects. Fully editable with the WordPress Site Editor.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chroma3d
Tags: full-site-editing, block-patterns, dark, custom-colors, custom-menu, featured-images, one-column, wide-blocks
*/

/* ==========================================================================
   Custom CSS beyond theme.json
   Only styles that cannot be expressed via theme.json settings/styles.
   ========================================================================== */

/* --- Header sticky wrapper --- */
.c3d-header {
	position: sticky;
	top: 0;
	z-index: 50;
	padding: 1rem;
}

/* --- Glass navbar --- */
.c3d-glass-nav {
	background-color: rgba(0, 0, 0, 0.4) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
		0 4px 6px -4px rgba(0, 0, 0, 0.1);
	max-width: 64rem;
	margin: 0 auto;
}

/* --- Logo icon hover rotation --- */
.c3d-logo-icon {
	transition: transform 0.2s ease;
}

.c3d-glass-nav:hover .c3d-logo-icon {
	transform: rotate(0deg);
}

a:hover .c3d-logo-icon,
.c3d-logo-icon:hover {
	transform: rotate(12deg);
}

/* --- Glass card hover effect --- */
.c3d-glass-card {
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.c3d-glass-card:hover {
	border-color: rgba(217, 70, 239, 0.3) !important;
	background-color: rgba(255, 255, 255, 0.07) !important;
}

/* --- Icon box scale on card hover --- */
.c3d-icon-box {
	transition: transform 0.2s ease;
}

.c3d-glass-card:hover .c3d-icon-box {
	transform: scale(1.1);
}

/* --- CTA glow effect --- */
.c3d-cta-glow {
	position: relative;
}

.c3d-cta-glow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20rem;
	height: 20rem;
	background-color: #d946ef;
	opacity: 0.1;
	filter: blur(100px);
	border-radius: 9999px;
	pointer-events: none;
	z-index: 0;
}

/* --- Pulsing dot animation --- */
.c3d-pulse-dot {
	position: relative;
	width: 0.5rem;
	height: 0.5rem;
	flex-shrink: 0;
}

.c3d-pulse-dot::before,
.c3d-pulse-dot::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 9999px;
	background-color: #d946ef;
}

.c3d-pulse-dot::before {
	animation: c3d-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
	opacity: 0.75;
}

@keyframes c3d-ping {
	75%, 100% {
		transform: scale(2);
		opacity: 0;
	}
}

/* --- Block style: Glass Card for core/group --- */
.wp-block-group.is-style-glass-card {
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 1.5rem;
	padding: 2rem;
	transition: border-color 0.2s ease;
}

.wp-block-group.is-style-glass-card:hover {
	border-color: rgba(217, 70, 239, 0.3);
}

/* --- Block style: Pill for post terms --- */
.wp-block-post-terms.is-style-pill a {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 600;
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 9999px;
	transition: background-color 0.15s ease;
}

.wp-block-post-terms.is-style-pill a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

/* --- Text selection --- */
::selection {
	background-color: #d946ef;
	color: #ffffff;
}

/* --- Smooth scroll --- */
html {
	scroll-behavior: smooth;
}

/* --- Navigation mobile menu --- */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: #0f172a !important;
}

.wp-block-navigation__responsive-container-open {
	color: #ffffff;
}

.wp-block-navigation__responsive-container-close {
	color: #ffffff;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item a {
	color: #ffffff;
}

/* --- Navigation submenu dropdown dark --- */
.wp-block-navigation__submenu-container {
	background-color: #1e293b !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0.75rem !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item a {
	color: rgba(255, 255, 255, 0.7) !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
	color: #ffffff !important;
}

/* --- Fix mobile menu height --- */
.wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
}

/* Fix pulsante chiusura menu mobile */
.wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 20px;
    right: 60px;
    z-index: 10000 !important;
}

/* --- Button hover transitions --- */
.wp-block-button__link {
	transition: background-color 0.15s ease, transform 0.15s ease, color 0.15s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-1px);
}

/* --- Cover block overlay fix for dark theme --- */
.wp-block-cover .wp-block-cover__background {
	background-color: #000000;
}