/*
Theme Name:   gsyncd — Tech Daemon
Theme URI:    https://gsyncd.com
Description:  Child theme of Hello Elementor. Implements the gsyncd "Tech Daemon"
              front-end design: split navigation header, animated hero section,
              and a minimal branded footer. All public-facing styles live in
              gsyncd-theme.css (enqueued via functions.php) to keep this file
              clean for future WordPress theme check compliance.
Author:       gsyncd Agency
Author URI:   https://gsyncd.com
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  gsyncd
Tags:         dark, monospace, tech, agency, child-theme
*/


/* ============================================================
   Fluent Form Terminal & Styling Overrides
   ============================================================ */

/* Cyber grid background container */
.contact-body-container {
    background-color: #0d0d0d !important;
    background-image:
        linear-gradient(rgba(179, 255, 0, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(179, 255, 0, 0.015) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    padding: 80px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Centered Max-Width Wrapper */
.contact-form-wrapper {
    width: 100% !important;
    max-width: 800px !important;
    box-sizing: border-box !important;
}

/* Terminal Body containing the form */
.contact-terminal-body {
    padding: 40px 30px !important;
    box-sizing: border-box !important;
}

/* Aggressive Fluent Form Overrides */
.contact-terminal-body,
.contact-terminal-body * {
    font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
}

/* Inputs & Textareas Reset */
.contact-terminal-body .fluentform input[type="text"],
.contact-terminal-body .fluentform input[type="email"],
.contact-terminal-body .fluentform input[type="number"],
.contact-terminal-body .fluentform input[type="tel"],
.contact-terminal-body .fluentform input[type="url"],
.contact-terminal-body .fluentform select,
.contact-terminal-body .fluentform textarea,
.contact-terminal-body .fluentform .ff-el-form-control {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #333333 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
    font-size: 14px !important;
    padding: 10px 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-bottom-color 0.22s ease, box-shadow 0.22s ease !important;
    box-sizing: border-box !important;
}

/* Focus States (Neon Lime Green Glow) */
.contact-terminal-body .fluentform input[type="text"]:focus,
.contact-terminal-body .fluentform input[type="email"]:focus,
.contact-terminal-body .fluentform input[type="number"]:focus,
.contact-terminal-body .fluentform input[type="tel"]:focus,
.contact-terminal-body .fluentform input[type="url"]:focus,
.contact-terminal-body .fluentform select:focus,
.contact-terminal-body .fluentform textarea:focus,
.contact-terminal-body .fluentform .ff-el-form-control:focus {
    border-bottom-color: #b3ff00 !important;
    box-shadow: 0 4px 12px rgba(179, 255, 0, 0.08) !important;
    outline: none !important;
}

/* Textarea custom adjustments */
.contact-terminal-body .fluentform textarea {
    min-height: 100px !important;
    resize: vertical !important;
}

/* Labels styling */
.contact-terminal-body .fluentform label,
.contact-terminal-body .fluentform .ff-el-form-label,
.contact-terminal-body .fluentform .ff-el-form-label span {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 4px !important;
    display: block !important;
}

/* Placeholders styling */
.contact-terminal-body .fluentform input::placeholder,
.contact-terminal-body .fluentform textarea::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
    opacity: 1 !important;
}

/* Select option dropdown color fix */
.contact-terminal-body .fluentform select option {
    background-color: #141414 !important;
    color: #ffffff !important;
}

/* Error validation styles */
.contact-terminal-body .fluentform .error,
.contact-terminal-body .fluentform .ff-el-is-error,
.contact-terminal-body .fluentform .text-danger {
    color: #ff4d4d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Submit Button custom style */
.contact-terminal-body .fluentform .ff-btn-submit {
    background: transparent !important;
    border: 1px solid #b3ff00 !important;
    color: #b3ff00 !important;
    font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 12px 28px !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    box-shadow: 0 0 8px rgba(179, 255, 0, 0.1) !important;
    transition: all 0.22s ease !important;
}

.contact-terminal-body .fluentform .ff-btn-submit:hover {
    background: #b3ff00 !important;
    color: #000000 !important;
    box-shadow: 0 0 18px rgba(179, 255, 0, 0.4) !important;
}

/* Blinking cursor effect on button hover */
.contact-terminal-body .fluentform .ff-btn-submit::after {
    content: ' _';
    opacity: 0;
    display: inline-block;
    transition: opacity 0.1s ease;
    animation: terminal-btn-blink 0.8s step-end infinite;
}

.contact-terminal-body .fluentform .ff-btn-submit:hover::after {
    opacity: 1;
}

@keyframes terminal-btn-blink {
    0%, 100% { color: inherit; }
    50% { color: transparent; }
}

/* General form container layout tweaks */
.contact-terminal-body .fluentform .ff-el-group {
    margin-bottom: 24px !important;
}

/* Fluent Form success message styling */
.contact-terminal-body .fluentform .ff-message-success {
    background: #1a1a1a !important;
    border-left: 4px solid #b3ff00 !important;
    color: #ffffff !important;
    font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
    padding: 16px !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
}

/* Mobile responsiveness overrides */
@media screen and (max-width: 600px) {
    .contact-body-container {
        padding: 40px 12px !important;
    }
    .contact-terminal-body {
        padding: 24px 16px !important;
    }
}

/* Explicit font-family protection for Admin Bar Dashicons on the front end */
#wpadminbar,
#wpadminbar * {
    --wp-admin--admin-bar--font-family: dashicons, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
#wpadminbar .ab-icon,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before,
#wpadminbar .ab-item::after,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before {
    font-family: dashicons !important;
}