/*
Theme Name: CROCZ-WAREZ 2K
Theme URI: https://croc.pw
Author: cocodrilo
Author URI: https://croc.pw
Description: An affront to God. A late-90s/early-2000s sketchy ROM-site WordPress theme dedicated to the sacred lore of croc. His roar beckons.
Version: 3.11
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: WTFPL
License URI: http://www.wtfpl.net/
Text Domain: croczwarez
Tags: blink, marquee, geocities, custom-menu, custom-header, threaded-comments
*/

/* ========== BASE ========== */
html, body { margin: 0; padding: 0; }
body {
    background-color: #003300;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><rect width='40' height='40' fill='%23003300'/><text x='2' y='30' font-size='28' fill='%2300ff00' font-family='monospace'>🐊</text></svg>");
    background-repeat: repeat;
    color: #00ff00;
    font-family: 'Copasetic NF', 'Comic Sans MS', 'Times New Roman', serif;
    cursor: crosshair;
}
a { color: #ffff00; text-decoration: underline overline wavy #ff00ff; }
a:visited { color: #ff66ff; }
a:hover { color: #ff0000; background: #ffff00; font-weight: bold; }
hr.rainbow-rule {
    border: 0; height: 6px;
    background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}

/* ========== STRUCTURE ========== */
table { border: 4px ridge lime; background: #000; color: #0f0; }
td { border: 2px groove #0f0; padding: 6px; vertical-align: top; }
.site-wrap { width: 100%; }
.center { text-align: center; font-size: 40px; color: crimson; }

/* ========== EFFECTS ========== */
.neon { color: #0ff; text-shadow: 0 0 3px #0ff, 0 0 8px #f0f, 2px 2px 0 #000; }
.rainbow {
    background: linear-gradient(90deg, red, orange, yellow, lime, cyan, magenta, red);
    background-size: 400% 100%;
    -webkit-background-clip: text; background-clip: text;
    color: transparent;
    animation: rb 2s linear infinite;
    font-weight: bold;
}
@keyframes rb { to { background-position: 400% 0; } }
.blinkme { animation: blink 0.7s steps(2, start) infinite; }
@keyframes blink { to { visibility: hidden; } }
.spinning { display: inline-block; animation: spin 1.6s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.pixelborder { border: 2px dashed #ff00ff; padding: 6px; }
.glow { box-shadow: 0 0 12px #0f0, 0 0 24px #0f0 inset; }

/* ========== BANNERS / TICKERS ========== */
.scroll-banner { height: 50px; overflow: hidden; position: relative; background: #000; border-bottom: 2px solid #0f0; }
.scroll-banner h3 {
    font-family: 'Croc Krewe', Impact, sans-serif;
    font-size: 3em; color: #000; background: #ff0;
    position: absolute; width: 100%; height: 100%; margin: 0;
    line-height: 50px; text-align: center;
    transform: translateX(100%);
    animation: scrollx 14s linear infinite;
}
@keyframes scrollx { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
.marqueebar { background: #000; border-top: 2px solid #0f0; border-bottom: 2px solid #0f0; color: #0f0; font-family: monospace; }

/* ========== BADGES & CHROME ========== */
.badge { display: inline-block; border: 2px outset #c0c0c0; background: #808080; color: #fff; padding: 2px 6px; font: bold 10px Verdana; margin: 2px; }
.nav { background: #000080; color: #fff; border: 3px outset #c0c0c0; padding: 4px; font: bold 12px Verdana; }
.nav a { color: #0ff; }
.underconstruction { background: repeating-linear-gradient(45deg, #ff0, #ff0 10px, #000 10px, #000 20px); color: #000; font-weight: bold; text-align: center; padding: 4px; border: 3px ridge red; }
.fakewin { background: #c0c0c0; color: #000; border: 3px outset #fff; font: 11px 'MS Sans Serif', Verdana; width: 100%; max-width: 260px; }
.fakewin .tb { background: linear-gradient(90deg, #000080, #1084d0); color: #fff; font-weight: bold; padding: 2px 4px; }
.fakewin .bd { padding: 8px; }
.dlbtn { display: inline-block; background: #ff0000; color: #ffff00; font-weight: bold; border: 3px outset #fff; padding: 4px 10px; font-family: Impact, sans-serif; text-decoration: none; letter-spacing: 1px; }
.dlbtn:hover { background: #ffff00; color: #ff0000; }
.stamp { display: inline-block; border: 3px double #ff0000; color: #ff0000; padding: 4px 10px; font: bold 14px 'Courier New', monospace; transform: rotate(-6deg); background: rgba(0, 0, 0, 0.5); letter-spacing: 2px; }

/* ========== POSTS ========== */
.post { background: rgba(0,0,0,0.85); border: 4px ridge #0f0; padding: 16px; margin: 12px 0; }
.post-title a { font-family: Impact, sans-serif; font-size: 2em; }
.post-meta { font-family: 'Courier New', monospace; color: #0ff; font-size: 12px; }

/* ========== LORE PAGE ========== */
.lore-container { max-width: 920px; margin: 12px auto; padding: 16px; background: rgba(0,0,0,0.85); border: 4px ridge #00ff00; box-shadow: 0 0 12px #0f0, 0 0 24px #0f0 inset; }
blockquote.classified { border-left: 6px ridge #f0f; padding: 10px; background: #110011; color: #0ff; font-family: 'Courier New', monospace; }
pre.transcript { background: #000; color: #0f0; border: 2px dashed #0f0; padding: 10px; white-space: pre-wrap; font-family: 'Courier New', monospace; }
dl.faq dt { color: #ff0; margin-top: 10px; }
dl.faq dd { color: #0ff; margin-left: 20px; }