/* Neo Kyoto Void – theme.css */

/* ---- Material Symbols ---- */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  line-height: 1;
}

/* ---- Grid Background Overlay ---- */
.grid-overlay {
  background-image:
    linear-gradient(#484849 1px, transparent 1px),
    linear-gradient(90deg, #484849 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.05;
}

/* ---- Glassmorphism Panel ---- */
.glass-panel {
  backdrop-filter: blur(20px);
  background: rgba(26, 25, 27, 0.6);
}

.glass-card {
  background: rgba(26, 25, 27, 0.6);
  backdrop-filter: blur(20px);
}

/* ---- Kanji Watermark ---- */
.kanji-watermark {
  font-family: serif;
  writing-mode: vertical-rl;
  pointer-events: none;
  user-select: none;
}

/* ---- Scrollbar ---- */
.no-scrollbar::-webkit-scrollbar { display: none; }

.custom-scrollbar::-webkit-scrollbar       { width: 2px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #484849; }

/* ---- Scanner Line ---- */
.scan-line {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #6ad6ff, transparent);
  opacity: 0.1;
}

/* ---- CLI Cursor ---- */
.cmd-cursor::after {
  content: '_';
  animation: blink 1s step-end infinite;
}
@keyframes blink {
  from, to { opacity: 1; }
  50%       { opacity: 0; }
}

/* ---- Ticker Scroll ---- */
@keyframes ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.ticker-animate {
  animation: ticker-scroll 20s linear infinite;
}

/* ---- Body defaults ---- */
body {
  background-color: #0e0e0f;
  color: #ffffff;
}

/* ---- WP Image alignment ---- */
.wp-block-image img,
.entry-content img {
  max-width: 100%;
  height: auto;
}

/* ---- WP Pagination ---- */
.nkv-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #adaaab;
  background: #1a191b;
  margin: 0 2px;
  transition: all 0.2s;
}
.nkv-pagination .page-numbers.current,
.nkv-pagination .page-numbers:hover {
  color: #4a5e00;
  background: #cafd00;
}

/* ---- WP Search form ---- */
.search-form input[type="search"] {
  background: #201f21;
  border: none;
  border-bottom: 2px solid #484849;
  color: #ffffff;
  padding: 0.75rem 1rem;
  width: 100%;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.75rem;
  outline: none;
}
.search-form input[type="search"]:focus {
  border-bottom-color: #6ad6ff;
}
.search-form button {
  background: #cafd00;
  color: #4a5e00;
  padding: 0.75rem 1.5rem;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.7rem;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}