/*
Theme Name: BAR RADAR
Theme URI: https://barradar.tv
Author: Kevin Davidson
Description: Dark gunmetal block theme with neon radar-green glow — matches the BAR RADAR contact form.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
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: bar-radar
*/

/* ---- Radar atmosphere -------------------------------------- */

body {
  background-image:
    radial-gradient(ellipse at 50% -10%, rgba(157, 255, 47, 0.07), transparent 55%),
    repeating-linear-gradient(0deg, transparent 0 39px, rgba(157, 255, 47, 0.04) 39px 40px),
    repeating-linear-gradient(90deg, transparent 0 39px, rgba(157, 255, 47, 0.04) 39px 40px);
}

/* Headings get the glow */
h1, h2, .wp-block-site-title a {
  text-shadow: 0 0 18px rgba(157, 255, 47, 0.35);
}

/* Links */
a {
  transition: color 0.15s, text-shadow 0.15s;
}
.wp-block-post-content a:hover,
.wp-block-site-title a:hover,
footer a:hover {
  text-shadow: 0 0 14px rgba(157, 255, 47, 0.35);
}

/* ---- Panels / cards ----------------------------------------- */

.radar-card {
  background: linear-gradient(180deg, #1a1e24, #14171c);
  border: 1px solid #2a2f37;
  border-radius: 18px;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.5),
    0 24px 60px rgba(0, 0, 0, 0.55),
    0 0 80px -30px rgba(157, 255, 47, 0.35);
  position: relative;
  overflow: hidden;
}

/* Scanline shimmer — add class "radar-scan" to any group */
.radar-scan::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(157, 255, 47, 0.05) 50%, transparent);
  background-size: 100% 240px;
  animation: radar-scanline 6s linear infinite;
}
@keyframes radar-scanline {
  to { background-position: 0 240px; }
}

/* ---- Buttons ------------------------------------------------- */

.wp-block-button__link,
button,
input[type="submit"] {
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #08110a !important;
  background: linear-gradient(180deg, #b8ff54, #7ede1f) !important;
  border: none;
  border-radius: 10px !important;
  box-shadow:
    0 0 24px -4px rgba(157, 255, 47, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: transform 0.12s, box-shadow 0.12s, filter 0.12s;
}
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  filter: brightness(1.06);
  box-shadow: 0 0 34px -2px rgba(157, 255, 47, 0.35);
}
.wp-block-button__link:active { transform: translateY(1px); }

/* Outline-style buttons stay ghosted green */
.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: #9dff2f !important;
  border: 1px solid #3fae4f;
  box-shadow: none;
}

/* ---- Forms (contact form plugins, search, comments) ---------- */

input[type="text"], input[type="email"], input[type="url"], input[type="tel"],
input[type="number"], input[type="search"], input[type="password"], textarea, select {
  background: #0e1114;
  color: #e6efe8;
  border: 1px solid #2a2f37;
  border-radius: 10px;
  padding: 12px 14px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #3fae4f;
  box-shadow: 0 0 0 3px rgba(157, 255, 47, 0.12), 0 0 20px -6px rgba(157, 255, 47, 0.35);
}
::placeholder { color: #4d564f; }

/* ---- Misc ----------------------------------------------------- */

.wp-block-separator {
  border-color: #2a2f37;
  opacity: 1;
}
.wp-block-quote {
  border-left: 3px solid #9dff2f;
  box-shadow: -12px 0 30px -18px rgba(157, 255, 47, 0.35);
}
.wp-block-code, pre {
  background: #0e1114 !important;
  border: 1px solid #2a2f37;
  border-radius: 10px;
  color: #9dff2f;
}

/* Radar sweep animation for the inline logo */
.radar-logo .sweepArm {
  transform-origin: 100px 100px;
  animation: radar-rot 4s linear infinite;
}
@keyframes radar-rot {
  to { transform: rotate(360deg); }
}
