/*
Theme Name: Cyber50 Defense
Theme URI: https://cyber50.ae
Author: Cyber50 Defense
Author URI: https://cyber50.ae
Description: Production-ready dark AI/cybersecurity theme for Cyber50 Defense, styled with Tailwind CSS (precompiled — no build step needed on the server) and Font Awesome icons (bundled locally), with zero inline styles. Every section is editable through custom fields (Advanced Custom Fields — free version supported) and custom post types for Products, Services, Team and Awards. Chart/dashboard areas render product images uploaded from WordPress. Built-in lead capture (database + email + CSV export) with optional Contact Form 7 integration.
Version: 2.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cyber50
Tags: dark, one-column, custom-logo, custom-menu, featured-images, translation-ready, block-styles
*/
/* The compiled theme styles are enqueued from assets/css/theme.css */

/* ---------------- Sovereign section (homepage skyline) ---------------- */
.c50-sovereign__shade {
    position: absolute;
    inset: 0px;
    background: rgba(234, 235, 230, 0.15) !important;
}
.c50-sovereign__bg {
    height: 100% !important;
    bottom: 0px !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    -webkit-filter: none !important;
}

/* ---------------- Site-wide font ---------------- */
body,
h1, h2, h3, h4, h5, h6,
button,
input,
textarea,
.c50-nav__link,
.c50-header__cta,
.c50-header__sitename {
    font-family: 'Space Grotesk', sans-serif !important;
}

/* ---------------- About page — Dark tech hero override ---------------- */
.c50-page-hero--tech {
    background: #050b18 !important;
}
.c50-page-hero--tech .c50-page-hero__bg {
    opacity: 0.55 !important;
    filter: none !important;
}
.c50-page-hero__shade--tech {
    background: linear-gradient(90deg, rgba(5,11,24,0.92) 0%, rgba(5,11,24,0.55) 55%, rgba(5,11,24,0.25) 100%) !important;
}
.c50-page-hero--tech .c50-kicker,
.c50-page-hero--tech .c50-h1,
.c50-page-hero--tech .c50-page-hero__text {
    color: #ffffff !important;
}
.c50-page-hero--tech .c50-kicker {
    color: #4f8cff !important;
}
.c50-page-hero__glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 75% 30%, rgba(60,130,255,0.35) 0%, transparent 45%),
        radial-gradient(circle at 85% 70%, rgba(0,180,255,0.25) 0%, transparent 50%);
    background-size: 150% 150%;
    animation: c50GlowPulse 6s ease-in-out infinite;
    mix-blend-mode: screen;
}
@keyframes c50GlowPulse {
    0%   { background-position: 0% 0%; opacity: 0.7; }
    50%  { background-position: 100% 50%; opacity: 1; }
    100% { background-position: 0% 0%; opacity: 0.7; }
}
/* ---------------- Hero network graphic (replaces orb divs) ---------------- */
.c50-hero__graphic {
    position: absolute !important;
    top: -5% !important;
    right: -8% !important;
    width: 55% !important;
    max-width: 780px !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.c50-hero__graphic img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    filter: invert(1) brightness(1.8) !important;
    opacity: 0.35 !important;
}

.stage {
      position: absolute;
	top: 0px;
	right: 0px;
      width: 100%;
      height: 100%;
	
      background: #2d4ee0;
      isolation: isolate;
    }
    canvas {
      display: block;
      width: 100%;
      height: 100%;
      cursor: grab;
      touch-action: none;
    }
canvas:active { cursor: grabbing; }
    .hint {
      position: absolute;
      left: 50%;
      bottom: 22px;
      transform: translateX(-50%);
      padding: 8px 12px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 999px;
      color: rgba(255,255,255,.72);
      background: rgba(16,26,82,.16);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      font-size: 12px;
      letter-spacing: .02em;
      pointer-events: none;
      transition: opacity .4s ease;
      white-space: nowrap;
    }
    @media (max-width: 560px) {
      .hint { font-size: 11px; bottom: 16px; }
    }
.globe-cover {
    position: absolute;
    height: 70vh;
    width: 70vw;
    transform: scale(1.5) translateX(20%);
    left: 37%;
    top: 30%;
    overflow: hidden;
}
.home-banner{
	display: flex;
	align-items: center;
}
.banner-text-section{
	position: absolute;
	z-index: 9;
}
.c50-header__logo{
	display: none;
}