/*

Core Global Styles & Typography
*/
body {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Material Design Icon alignments */
.material-symbols-outlined {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
}

/*

Translucent Glassmorphism Panels
*/
.glass-panel {
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
transition: background-color 0.3s ease, border-color 0.3s ease;
}

.dark .glass-panel {
background: rgba(40, 48, 68, 0.75);
}

/*

Dynamic WP Admin Bar spacing offset on fixed position headers
*/
header {
top: var(--wp-admin--admin-bar--height, 0px) !important;
}

/*

Map-Mesh Background System
*/
.pastel-mesh-hero {
background-image:
radial-gradient(circle at 10% 20%, rgba(200, 243, 220, 0.82) 0%, rgba(200, 243, 220, 0.2) 60%),
radial-gradient(circle at 90% 15%, rgba(254, 240, 138, 0.75) 0%, rgba(254, 240, 138, 0.1) 50%),
radial-gradient(circle at 50% 80%, rgba(255, 220, 200, 0.85) 0%, rgba(255, 220, 200, 0.1) 60%),
radial-gradient(circle at 80% 85%, rgba(220, 228, 253, 0.95) 0%, rgba(220, 228, 253, 0.2) 60%),
url('https://lh3.googleusercontent.com/aida-public/AB6AXuCvCMlgRl7OBUu1ju2AtvkdjxpK6K6yvsRGFDLDX8_nY5reeYuYqo4ER8hjDD05LlwFa2WhDrgbg-uLREDyXH5_OzpwxbeGwlbmQFRfajzetImmnO3NuGjLDaoLjOHraCrYyLFiM9ph47jPj7enRrdZVHvizIG_ZaCLTo8RdOplE_pG6ijuIbtqKAnppGAKzML7zTcFaKBDPOqgoRFvhClPcEz7teEI7nJjbgAaw-eIPAKETfXpqtxskgtERpryX_5sIYLS7iHreZB5');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: normal;
will-change: background-image;
}

.dark .pastel-mesh-hero {
background-image:
radial-gradient(circle at 10% 20%, rgba(20, 83, 45, 0.5) 0%, transparent 60%),
radial-gradient(circle at 90% 15%, rgba(133, 116, 12, 0.4) 0%, transparent 50%),
radial-gradient(circle at 50% 80%, rgba(120, 50, 5, 0.5) 0%, transparent 60%),
radial-gradient(circle at 80% 85%, rgba(30, 41, 59, 0.95) 0%, transparent 65%),
url('https://lh3.googleusercontent.com/aida-public/AB6AXuCvCMlgRl7OBUu1ju2AtvkdjxpK6K6yvsRGFDLDX8_nY5reeYuYqo4ER8hjDD05LlwFa2WhDrgbg-uLREDyXH5_OzpwxbeGwlbmQFRfajzetImmnO3NuGjLDaoLjOHraCrYyLFiM9ph47jPj7enRrdZVHvizIG_ZaCLTo8RdOplE_pG6ijuIbtqKAnppGAKzML7zTcFaKBDPOqgoRFvhClPcEz7teEI7nJjbgAaw-eIPAKETfXpqtxskgtERpryX_5sIYLS7iHreZB5');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: overlay;
}

/*

Hardware Accelerated Scan Glow Animation
*/
@keyframes scan-glow {
0% {
transform: scale(0.95);
opacity: 0.5;
}
50% {
transform: scale(1.08);
opacity: 0.85;
}
100% {
transform: scale(0.95);
opacity: 0.5;
}
}

.scanner-active {
animation: scan-glow 2s infinite ease-in-out;
backface-visibility: hidden;
transform-style: preserve-3d;
}