/*
Theme Name: Serenova Portal
Theme URI: https://serenova.example.com/
Author: Serenova Civic Administration
Author URI: https://serenova.example.com/
Description: FiveM Cyberpunk RP「Serenova」公式ポータル用カスタムテーマ。Tailwind CDN + カスタム投稿タイプ（sca_news）で構築。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: serenova
*/

/* ---------- Global cyberpunk background ---------- */
body {
    background-color: #05070f;
    background-image:
        linear-gradient(rgba(0, 240, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 240, 255, 0.02) 1px, transparent 1px);
    background-size: 20px 20px;
    background-position: center;
}

/* ---------- Scanline overlay ---------- */
.scanlines {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background:
        linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
        linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    background-size: 100% 4px, 6px 100%;
    pointer-events: none;
    z-index: 999;
    opacity: 0.4;
}

/* ---------- Glitch hover text effect ---------- */
.glitch-hover:hover {
    text-shadow:
        -2px -2px 0px #00f0ff,
        2px 2px 0px #ff0055;
    animation: glitch 0.3s infinite;
}

@keyframes 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); }
}

/* ---------- Custom scrollbar ---------- */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #05070f;
}
::-webkit-scrollbar-thumb {
    background: #1a2238;
    border-radius: 4px;
    border: 2px solid #00f0ff;
}

/* ---------- Gutenberg core block tweaks inside .serenova-content ---------- */
.serenova-content .wp-block-columns {
    gap: 2rem;
    margin-bottom: 4rem;
}
.serenova-content .wp-block-column > * {
    margin-top: 0 !important;
}

.cyber-section-card {
    background: rgba(12, 15, 29, 0.6);
    border: 1px solid #1a2238;
    border-radius: 16px;
    padding: 1.5rem 2rem;
    margin-top: 3rem;
}
@media (min-width: 768px) {
    .cyber-section-card { padding: 2.5rem; }
}

.cyber-heading {
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 1.5rem 0;
}
.cyber-subheading {
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 1.125rem;
    margin: 2rem 0 1rem 0;
    padding-top: 2rem;
    border-top: 1px solid #1a2238;
}
.cyber-section-card > p {
    color: #94a3b8;
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}