.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.12.1
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.9
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */
/*
 Theme Name:   Springfield InfiNet Cyberpunk
 Theme URI:    https://springfieldinfinet.net
 Description:  Cyberpunk Neon child theme for Springfield InfiNet. Dark black base with neon accents inspired by cyberpunk.net aesthetics.
 Author:       Springfield InfiNet
 Author URI:   https://springfieldinfinet.net
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  springfield-infinet-cyberpunk
*/
/* ============================================================
   SPRINGFIELD INFINET — CYBERPUNK NEON THEME
   Inspired by cyberpunk.net | Neon + Black aesthetic
   ============================================================ */

/* --- Google Fonts --- */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap");

/* ============================================================
   CSS VARIABLES
   ============================================================ */
:root {
    /* Core Neon Palette */
    --cp-black: #000000;
    --cp-dark: #0a0a0a;
    --cp-darker: #050505;
    --cp-surface: #111111;
    --cp-surface-alt: #1a1a1a;
    --cp-border: #222222;
    --cp-border-glow: #333333;

    /* Neon Accents */
    --cp-neon-yellow: #fcee09;
    --cp-neon-cyan: #00fff0;
    --cp-neon-magenta: #ff2a6d;
    --cp-neon-red: #ff003c;
    --cp-neon-blue: #05d9e8;
    --cp-neon-purple: #d300c5;

    /* Text */
    --cp-text-primary: #e0e0e0;
    --cp-text-secondary: #888888;
    --cp-text-muted: #555555;

    /* Glow */
    --cp-glow-yellow: 0 0 10px rgba(252, 238, 9, 0.5), 0 0 20px rgba(252, 238, 9, 0.3), 0 0 40px rgba(252, 238, 9, 0.1);
    --cp-glow-cyan: 0 0 10px rgba(0, 255, 240, 0.5), 0 0 20px rgba(0, 255, 240, 0.3), 0 0 40px rgba(0, 255, 240, 0.1);

    /* Fonts */
    --cp-font-display: 'Orbitron', sans-serif;
    --cp-font-body: 'Rajdhani', sans-serif;
    --cp-font-mono: 'JetBrains Mono', monospace;

    /* Override Astra globals */
    --ast-global-color-0: var(--cp-neon-yellow);
    --ast-global-color-1: var(--cp-neon-cyan);
    --ast-global-color-2: #ffffff;
    --ast-global-color-3: var(--cp-text-primary);
    --ast-global-color-4: var(--cp-black);
    --ast-global-color-5: var(--cp-dark);
    --ast-global-color-6: var(--cp-surface);
    --ast-global-color-7: var(--cp-border);
    --ast-global-color-8: var(--cp-surface-alt);
}

/* ============================================================
   GLOBAL RESET & BASE
   ============================================================ */
html {
    background-color: var(--cp-black) !important;
}

body {
    background-color: var(--cp-black) !important;
    color: var(--cp-text-primary) !important;
    font-family: var(--cp-font-body) !important;
    font-weight: 400;
    letter-spacing: 0.02em;
    overflow-x: hidden;
}

/* Scanline overlay */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0, 0, 0, 0.03) 2px,
        rgba(0, 0, 0, 0.03) 4px
    );
}

/* ============================================================
   SELECTION
   ============================================================ */
::selection {
    background-color: var(--cp-neon-yellow) !important;
    color: var(--cp-black) !important;
}

/* ============================================================
   LINKS
   ============================================================ */
a {
    color: var(--cp-neon-cyan) !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

a:hover,
a:focus {
    color: var(--cp-neon-yellow) !important;
    text-shadow: var(--cp-glow-yellow);
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.entry-content :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--cp-font-display) !important;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.entry-title a {
    color: #ffffff !important;
}

.entry-title a:hover {
    color: var(--cp-neon-yellow) !important;
    text-shadow: var(--cp-glow-yellow);
}

p {
    font-family: var(--cp-font-body) !important;
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--cp-text-primary);
}

/* ============================================================
   HEADER — CYBERPUNK STYLE
   ============================================================ */
.cp-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--cp-black);
    border-bottom: 2px solid var(--cp-neon-yellow);
    box-shadow: 0 2px 30px rgba(252, 238, 9, 0.15);
}

/* Admin bar offset */
.admin-bar .cp-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .cp-header {
        top: 46px;
    }
}

.cp-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
}

/* Logo */
.cp-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}

.cp-logo-icon {
    width: 40px;
    height: 40px;
}

.cp-logo-text {
    font-family: var(--cp-font-display) !important;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    line-height: 1.2;
}

.cp-logo-text .cp-yellow {
    color: var(--cp-neon-yellow) !important;
    text-shadow: var(--cp-glow-yellow);
}

.cp-logo-text .cp-white {
    color: #ffffff !important;
    display: block;
    font-size: 0.7em;
    font-weight: 400;
    letter-spacing: 0.3em;
    opacity: 0.6;
}

/* Navigation */
.cp-nav {
    display: flex;
    align-items: center;
    gap: 0;
}

.cp-nav a {
    display: block;
    padding: 0 18px;
    height: 70px;
    line-height: 70px;
    font-family: var(--cp-font-mono) !important;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--cp-text-secondary) !important;
    position: relative;
    transition: all 0.3s ease;
}

.cp-nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: var(--cp-neon-cyan);
    box-shadow: var(--cp-glow-cyan);
    transition: width 0.3s ease;
}

.cp-nav a:hover,
.cp-nav a.current {
    color: var(--cp-neon-yellow) !important;
    text-shadow: none;
}

.cp-nav a:hover::after,
.cp-nav a.current::after {
    width: 100%;
}

/* Dropdown */
.cp-nav-item {
    position: relative;
}

.cp-nav-item .cp-dropdown {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    min-width: 280px;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border);
    border-top: 2px solid var(--cp-neon-cyan);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
    z-index: 100;
}

.cp-nav-item:hover .cp-dropdown {
    display: block;
}

.cp-dropdown a {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid var(--cp-border);
    font-size: 0.72rem !important;
}

.cp-dropdown a:hover {
    background: var(--cp-surface-alt);
    color: var(--cp-neon-cyan) !important;
}

.cp-dropdown a::after {
    display: none;
}

/* Mobile Toggle */
.cp-mobile-toggle {
    display: none;
    background: none;
    border: 1px solid var(--cp-neon-yellow);
    color: var(--cp-neon-yellow);
    padding: 8px 12px;
    font-family: var(--cp-font-mono);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cp-mobile-toggle:hover {
    background: var(--cp-neon-yellow);
    color: var(--cp-black);
}

.cp-mobile-nav {
    display: none;
    background: var(--cp-surface);
    border-bottom: 2px solid var(--cp-neon-cyan);
    padding: 20px;
}

.cp-mobile-nav.active {
    display: block;
}

.cp-mobile-nav a {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid var(--cp-border);
    font-family: var(--cp-font-mono) !important;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--cp-text-secondary) !important;
}

.cp-mobile-nav a:hover {
    color: var(--cp-neon-yellow) !important;
    padding-left: 10px;
}

.cp-mobile-nav .cp-sub {
    padding-left: 20px;
}

.cp-mobile-nav .cp-sub a {
    font-size: 0.72rem;
    color: var(--cp-text-muted) !important;
}

@media (max-width: 921px) {
    .cp-nav {
        display: none;
    }
    .cp-mobile-toggle {
        display: block;
    }
}

/* ============================================================
   HIDE DEFAULT ASTRA HEADER & FOOTER (CSS fallback)
   ============================================================ */
#masthead,
.ast-primary-header-bar,
.ast-mobile-header-wrap,
#ast-desktop-header,
#ast-mobile-header,
#colophon,
.site-footer,
.site-below-footer-wrap,
header.site-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   FIX: HIDE FRONT PAGE ENTRY TITLE + REMOVE ALL TOP WHITESPACE
   ============================================================ */
.home .entry-header,
.home header.entry-header,
.page-id-2 .entry-header {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.home .hentry,
.home article.ast-article-single,
.home .ast-article-single,
.page-id-2 .hentry,
.page-id-2 article.ast-article-single {
    padding: 0 !important;
    margin: 0 !important;
}

.home #primary,
.home #content,
.home .site-content,
.home .ast-container,
.page-id-2 #primary,
.page-id-2 #content,
.page-id-2 .site-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home .entry-content,
.page-id-2 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home .entry-content > p:first-child,
.home .entry-content > p:first-of-type,
.page-id-2 .entry-content > p:first-child {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.home .entry-content > .iss-wrapper {
    margin-top: 0 !important;
}

/* ============================================================
   FIX: HIDE EMPTY SIDEBAR WIDGETS
   ============================================================ */
#secondary .widget:empty,
#secondary .widget_block:has(ul:empty),
#secondary .widget_block:has(li:empty:only-child) {
    display: none !important;
}

/* ============================================================
   MAIN CONTENT AREA
   ============================================================ */
#page {
    background: var(--cp-black) !important;
}

.ast-separate-container {
    background-color: var(--cp-black) !important;
}

.ast-separate-container .ast-article-single:not(.ast-related-post),
.ast-separate-container .ast-article-inner,
.ast-separate-container .error-404,
.ast-separate-container .no-results,
.ast-separate-container .ast-archive-description,
.ast-separate-container .comments-area,
.ast-box-layout.ast-plain-container .site-content,
.ast-padded-layout.ast-plain-container .site-content,
.ast-plain-container,
.ast-page-builder-template {
    background-color: var(--cp-black) !important;
}

.ast-separate-container.ast-two-container #secondary .widget {
    background-color: var(--cp-surface) !important;
}

/* Content borders */
.ast-right-sidebar #primary {
    border-right-color: var(--cp-border) !important;
}

.ast-left-sidebar #primary {
    border-left-color: var(--cp-border) !important;
}

/* ============================================================
   SIDEBAR — CYBERPUNK HUD TERMINAL
   ============================================================ */
#secondary {
    color: var(--cp-text-secondary);
    position: relative;
}

/* ── Corner Frame ── */
#secondary::before,
#secondary::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: var(--cp-neon-cyan);
    border-style: solid;
    pointer-events: none;
    z-index: 2;
}

#secondary::before {
    top: 0;
    left: 0;
    border-width: 2px 0 0 2px;
}

#secondary::after {
    bottom: 0;
    right: 0;
    border-width: 0 2px 2px 0;
}

/* ── WIDGET: HUD Panel ── */
#secondary .widget {
    background: var(--cp-surface) !important;
    border: 1px solid var(--cp-border) !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

/* Scanline across widget */
#secondary .widget::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 3px,
        rgba(0, 255, 240, 0.015) 3px,
        rgba(0, 255, 240, 0.015) 6px
    );
}

/* Top neon bar + animated sweep */
#secondary .widget::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--cp-neon-cyan) 15%,
        var(--cp-neon-yellow) 50%,
        var(--cp-neon-magenta) 85%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: cp-bar-sweep 4s linear infinite;
    z-index: 3;
}

@keyframes cp-bar-sweep {
    0%   { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

/* ── Widget Title: Terminal Header ── */
#secondary .widget-title,
#secondary .wp-block-heading {
    font-family: var(--cp-font-mono) !important;
    color: var(--cp-black) !important;
    background: var(--cp-neon-cyan);
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 10px 20px !important;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
}

#secondary .widget-title::before,
#secondary .wp-block-heading::before {
    content: '>';
    font-family: var(--cp-font-mono);
    font-weight: 700;
    animation: cp-cursor-blink 1s step-end infinite;
}

@keyframes cp-cursor-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Widget title — data readout dots */
#secondary .widget-title::after,
#secondary .wp-block-heading::after {
    content: '';
    flex: 1;
    height: 1px;
    background: repeating-linear-gradient(
        90deg,
        var(--cp-black) 0px,
        var(--cp-black) 2px,
        transparent 2px,
        transparent 6px
    );
    margin-left: 8px;
}

/* ── Widget Content Area ── */
#secondary .widget > ul,
#secondary .widget > div,
#secondary .widget > p,
#secondary .wp-block-latest-posts {
    padding: 20px !important;
    position: relative;
    z-index: 2;
}

/* ── Links: Data Entries ── */
#secondary a {
    color: var(--cp-text-secondary) !important;
    font-family: var(--cp-font-mono) !important;
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    display: inline-block;
    transition: all 0.25s ease;
    position: relative;
}

#secondary a::before {
    content: '//';
    color: var(--cp-border-glow);
    margin-right: 6px;
    font-size: 0.8em;
    transition: color 0.25s ease;
}

#secondary a:hover {
    color: var(--cp-neon-yellow) !important;
    text-shadow: 0 0 8px rgba(252, 238, 9, 0.4);
    transform: translateX(6px);
}

#secondary a:hover::before {
    color: var(--cp-neon-yellow);
}

/* ── List Items: Data Rows ── */
#secondary li {
    border-bottom: 1px solid rgba(34, 34, 34, 0.8) !important;
    padding: 10px 0 !important;
    margin-bottom: 0 !important;
    position: relative;
    transition: background 0.25s ease;
}

#secondary li:last-child {
    border-bottom: none !important;
}

#secondary li:hover {
    background: rgba(0, 255, 240, 0.03);
}

/* Left neon marker on hover */
#secondary li::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: var(--cp-neon-yellow);
    box-shadow: 0 0 8px rgba(252, 238, 9, 0.5);
    transition: height 0.25s ease;
}

#secondary li:hover::before {
    height: 60%;
}

/* ── Latest Posts Widget Enhancement ── */
#secondary .wp-block-latest-posts__list {
    padding: 15px 20px !important;
}

#secondary .wp-block-latest-posts__list li {
    padding: 12px 0 !important;
}

#secondary .wp-block-latest-posts__post-title {
    font-family: var(--cp-font-mono) !important;
    font-size: 0.78rem !important;
    color: var(--cp-text-secondary) !important;
    line-height: 1.5 !important;
    display: inline-block;
    transition: all 0.25s ease;
}

#secondary .wp-block-latest-posts__post-title::before {
    content: '[>] ';
    color: var(--cp-neon-cyan);
    font-size: 0.75em;
}

#secondary .wp-block-latest-posts__post-title:hover {
    color: var(--cp-neon-yellow) !important;
    text-shadow: 0 0 8px rgba(252, 238, 9, 0.4);
    transform: translateX(6px);
}

/* ── Nth-child Color Variation ── */
#secondary .widget:nth-child(odd)::after {
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--cp-neon-yellow) 15%,
        var(--cp-neon-cyan) 50%,
        var(--cp-neon-yellow) 85%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: cp-bar-sweep 3s linear infinite;
}

#secondary .widget:nth-child(even) .widget-title,
#secondary .widget:nth-child(even) .wp-block-heading {
    background: var(--cp-neon-yellow);
    color: var(--cp-black) !important;
}

/* ── STATUS READOUT at bottom of sidebar ── */
#secondary .sidebar-main::after {
    content: '[ SYS ] ALL NODES SYNCED // UPTIME 99.97%';
    display: block;
    font-family: var(--cp-font-mono);
    font-size: 0.6rem;
    color: var(--cp-text-muted);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 10px;
    margin-top: 10px;
    border: 1px dashed var(--cp-border);
    position: relative;
}

#secondary .sidebar-main::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cp-neon-cyan);
    box-shadow: 0 0 6px var(--cp-neon-cyan), 0 0 12px var(--cp-neon-cyan);
    position: absolute;
    bottom: 23px;
    left: 50%;
    transform: translateX(-40px);
    animation: cp-pulse 2s ease-in-out infinite;
    z-index: 5;
}

/* ── SIDEBAR BORDER (replaces Astra default) ── */
@media (min-width: 922px) {
    .ast-right-sidebar #secondary {
        border-left: 1px solid var(--cp-border) !important;
        margin-left: -1px;
        padding-left: 30px !important;
        position: relative;
    }

    /* Vertical neon accent line */
    .ast-right-sidebar #secondary .sidebar-main {
        position: relative;
    }

    .ast-right-sidebar #secondary .sidebar-main::before {
        content: '';
        position: absolute;
        top: 0;
        left: -31px;
        width: 1px;
        height: 100%;
        background: linear-gradient(
            180deg,
            var(--cp-neon-cyan) 0%,
            transparent 30%,
            transparent 70%,
            var(--cp-neon-yellow) 100%
        );
        pointer-events: none;
    }
}

/* Hide sidebar on mobile */
@media (max-width: 921px) {
    #secondary {
        display: none !important;
    }
}

/* ============================================================
   ENTRY META
   ============================================================ */
.entry-meta,
.entry-meta * {
    color: var(--cp-neon-cyan) !important;
    font-family: var(--cp-font-mono) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.menu-toggle,
button,
.ast-button,
.ast-custom-button,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button .wp-block-button__link {
    background-color: transparent !important;
    border: 1px solid var(--cp-neon-yellow) !important;
    color: var(--cp-neon-yellow) !important;
    font-family: var(--cp-font-mono) !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    transition: all 0.3s ease;
    box-shadow: none !important;
}

.menu-toggle:hover,
button:hover,
.ast-button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button .wp-block-button__link:hover {
    background-color: var(--cp-neon-yellow) !important;
    color: var(--cp-black) !important;
    border-color: var(--cp-neon-yellow) !important;
    box-shadow: var(--cp-glow-yellow) !important;
}

/* ============================================================
   FORMS
   ============================================================ */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
select,
textarea {
    background: var(--cp-surface) !important;
    border: 1px solid var(--cp-border) !important;
    color: var(--cp-text-primary) !important;
    font-family: var(--cp-font-mono) !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--cp-neon-cyan) !important;
    box-shadow: 0 0 10px rgba(0, 255, 240, 0.2) !important;
}

/* ============================================================
   SCROLL TO TOP
   ============================================================ */
#ast-scroll-top {
    background-color: var(--cp-neon-yellow) !important;
    color: var(--cp-black) !important;
    border: none;
    box-shadow: var(--cp-glow-yellow);
}

/* ============================================================
   FOOTER — CYBERPUNK STYLE
   ============================================================ */
.cp-footer {
    background: var(--cp-darker);
    border-top: 2px solid var(--cp-neon-yellow);
    box-shadow: 0 -2px 30px rgba(252, 238, 9, 0.1);
    margin-top: 80px;
}

.cp-footer-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px 40px;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
}

@media (max-width: 768px) {
    .cp-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 40px 20px 30px;
    }
}

.cp-footer-brand .cp-footer-logo {
    font-family: var(--cp-font-display);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: var(--cp-neon-yellow);
    text-shadow: var(--cp-glow-yellow);
    margin-bottom: 15px;
}

.cp-footer-brand p {
    font-size: 0.85rem !important;
    color: var(--cp-text-muted) !important;
    line-height: 1.7;
}

.cp-footer h4 {
    font-family: var(--cp-font-mono) !important;
    font-size: 0.7rem !important;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--cp-neon-cyan) !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--cp-border);
    position: relative;
}

.cp-footer h4::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 30px;
    height: 1px;
    background: var(--cp-neon-cyan);
    box-shadow: var(--cp-glow-cyan);
}

.cp-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cp-footer-links li {
    margin-bottom: 10px;
}

.cp-footer-links a {
    font-family: var(--cp-font-mono) !important;
    font-size: 0.78rem;
    color: var(--cp-text-muted) !important;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
    display: inline-block;
}

.cp-footer-links a::before {
    content: '//';
    color: var(--cp-border-glow);
    margin-right: 6px;
    font-size: 0.7em;
}

.cp-footer-links a:hover {
    color: var(--cp-neon-yellow) !important;
    transform: translateX(5px);
}

/* Footer status bar */
.cp-footer-status {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--cp-border);
    font-family: var(--cp-font-mono);
    font-size: 0.65rem;
    color: var(--cp-text-muted);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.cp-footer-status .cp-status-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cp-neon-cyan);
    box-shadow: var(--cp-glow-cyan);
    margin-right: 6px;
    animation: cp-pulse 2s ease-in-out infinite;
}

@media (max-width: 768px) {
    .cp-footer-status {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes cp-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

@keyframes cp-glitch {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(-2px, -2px); }
    60% { transform: translate(2px, 2px); }
    80% { transform: translate(2px, -2px); }
    100% { transform: translate(0); }
}

@keyframes cp-flicker {
    0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
        opacity: 1;
    }
    20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
        opacity: 0.4;
    }
}

@keyframes cp-slide-in {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Glitch hover for logo */
.cp-logo:hover .cp-logo-text .cp-yellow {
    animation: cp-glitch 0.3s ease-in-out;
}

/* Header slide-in */
.cp-header {
    animation: cp-slide-in 0.5s ease-out;
}

/* ============================================================
   PAGE-SPECIFIC: HOME PAGE CONTENT OVERRIDE
   ============================================================ */
.iss-wrapper {
    border: 1px solid var(--cp-border) !important;
    margin: 20px 0 !important;
}

/* ============================================================
   BLOG POST LIST
   ============================================================ */
.ast-article-post {
    border: 1px solid var(--cp-border) !important;
    background: var(--cp-surface) !important;
    transition: border-color 0.3s ease;
}

.ast-article-post:hover {
    border-color: var(--cp-neon-cyan) !important;
}

.ast-article-inner {
    background: var(--cp-surface) !important;
}

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.ast-breadcrumbs,
.ast-breadcrumbs * {
    font-family: var(--cp-font-mono) !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* ============================================================
   COMMENTS
   ============================================================ */
.comments-area {
    background: var(--cp-surface) !important;
    border: 1px solid var(--cp-border);
}

.comment-respond {
    background: var(--cp-surface) !important;
}

/* ============================================================
   WP ADMIN BAR (logged-in fix)
   ============================================================ */
#wpadminbar {
    z-index: 10000 !important;
}

/* ============================================================
   ARCHIVE / CATEGORY PAGES
   ============================================================ */
.ast-archive-description {
    background: var(--cp-surface) !important;
    border: 1px solid var(--cp-border);
}

.ast-archive-description .ast-archive-title {
    font-family: var(--cp-font-display) !important;
    color: var(--cp-neon-yellow) !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.ast-pagination .page-numbers {
    background: var(--cp-surface) !important;
    border: 1px solid var(--cp-border) !important;
    color: var(--cp-text-secondary) !important;
    font-family: var(--cp-font-mono) !important;
}

.ast-pagination .page-numbers.current,
.ast-pagination .page-numbers:hover {
    background: var(--cp-neon-yellow) !important;
    border-color: var(--cp-neon-yellow) !important;
    color: var(--cp-black) !important;
}