/*
Theme Name: VisionGaia Royal
Theme URI: https://visiongaia.tech
Author: VisionMasterMind V1
Author URI: https://deutschlandsvision.de
Description: Ein High-Performance Theme basierend auf dem APEX Protocol. Dark Mode, Gold Gradients, Tailwind Integration.
Version: 1.1.0 (Elementor Ready)
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vision-gaia
Tags: dark-mode, custom-colors, full-width-template, tailwind
*/

/* --- CORE VARIABLES --- */
:root {
    --primary-glow: rgba(212, 175, 55, 0.8);  /* Gold */
    --secondary-glow: rgba(253, 208, 23, 0.8); /* Light Gold */
    --security-green: #00ff9d;
    --bg-deep: #02040a;
}

/* --- ROYAL GOLD ANIMATION (Global Definition) --- */
.royal-gold-animated {
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    background-size: 200% auto;
    animation: shine 5s linear infinite;
    font-weight: 800;
    letter-spacing: 0.05em;
    display: inline-block;
    text-shadow: none !important;
}

.royal-gold-static {
    background: linear-gradient(to right, #BF953F, #FCF6BA, #AA771C);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 800;
    letter-spacing: 0.05em;
    display: inline-block;
}

@keyframes shine {
    to { background-position: 200% center; }
}

/* --- HOLOGRAPHIC GLASS CARDS (Royal Edition) --- */
.holo-card {
    background: rgba(10, 8, 0, 0.6); 
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-top: 1px solid rgba(212, 175, 55, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

/* Corner accents via Pseudo-Elements */
.holo-card::before, .holo-card::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    pointer-events: none;
}
.holo-card::before {
    top: -1px; left: -1px;
    border-top-color: var(--primary-glow);
    border-left-color: var(--primary-glow);
}
.holo-card::after {
    bottom: -1px; right: -1px;
    border-bottom-color: var(--primary-glow);
    border-right-color: var(--primary-glow);
}

.holo-card:hover {
    background: rgba(20, 18, 5, 0.8);
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.15);
    border-color: rgba(212, 175, 55, 0.8);
}

/* --- CYBER BUTTONS --- */
.cyber-btn {
    background: rgba(212, 175, 55, 0.05);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D4AF37;
    color: #D4AF37;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 12px 30px;
    text-decoration: none;
}
.cyber-btn:hover {
    text-shadow: 0 0 8px rgba(255,255,255,0.8);
    letter-spacing: 0.15em;
    border-color: #FDD017;
    color: white;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
    background: rgba(212, 175, 55, 0.1);
}

/* --- ELEMENTOR SPECIFIC FIXES --- */
/* Ensure Elementor doesn't override our gradients */
.elementor-widget-heading .elementor-heading-title.royal-gold-animated {
    color: transparent !important;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}