/* Site-specific overrides */
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap");

/* Global font */
body,
body * {
  font-family: "JetBrains Mono", monospace !important;
}

/* Page titles (h1 inside post header) styling */
.post-header h1 {
  font-style: italic;
  color: #ff00ff; /* match dashCrystal pink */
  position: relative;
  display: inline-block;
  text-transform: lowercase;
  width: auto;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

/* Hover streak animation reused from hero-link */
.post-header h1::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -120%;
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, #00ffff 0%, #ffffff 50%, #00ffff 100%);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(0, 255, 255, 0.7);
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
}

.post-header h1:hover::after {
  animation: streak-move 0.35s linear forwards;
}

/* Match hero-link hover color change */
.post-header h1:hover {
  color: #ffffff;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.9),
    0 0 8px rgba(255, 255, 255, 0.6);
}

/* Specific sizing for the team photo image (identified via alt text) */
.post-content img[src$="team.jpg"],
.post-content img[src$="team.JPG"],
.post-content img[src$="team.jpeg"] {
  width: 50%;
  max-width: 50%;
  height: auto;
  display: block;
  margin: 2rem auto;
}

/* Ensure date sits below page title */
/* Date below title (pink) */
.post-header time {
  display: block;
  margin-top: 0.2rem;
  color: #ff00ff; /* pink */
  font-size: 1rem;
}

/* Obfuscated email hover effect */
.obf-email {
  color: #ff6acb; /* default pink */
  transition: color 0.25s ease, text-shadow 0.25s ease;
  cursor: default;
}

.obf-email:hover {
  color: #ffffff;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.9),
    0 0 8px rgba(255, 255, 255, 0.6);
}

/* Branding size */
.site-brand a {
  font-size: 2rem !important;
}

/* Main navigation bar (team | about | careers | contact) smaller */
.main-nav ul {
  margin: 0;
  padding: 0;
}

.main-nav li {
  display: inline-block;
  margin: 0 0.5rem;
}

.main-nav a {
  font-size: 0.9rem;
}

/* Enhanced click ripple visibility */
.shock {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(0, 255, 255, 0.9);
  background: transparent;
  opacity: 0.8;
  box-shadow: 0 0 6px rgba(0, 255, 255, 0.9), 0 0 14px rgba(0, 255, 255, 0.6);
}

/* ASCII hero title styling */
.ascii-title {
  font-family: "JetBrains Mono", "Roboto Mono", monospace;
  font-size: 0.55rem; /* tweak size so it fits typical viewport */
  line-height: 0.55rem;
  white-space: pre; /* ensure spacing preserved even inside pre */
  margin: 0;
  padding: 0;
  color: #ff00ff;
  text-shadow: 0 0 6px rgba(255, 146, 226, 0.6),
    0 0 18px rgba(255, 146, 226, 0.3);
}

/* Ensure hero-link forms a compact bounding box so hover effects align */
.hero-link {
  position: relative;
  display: inline-block;
}

.hero-link:hover {
  color: #ffffff;
}