/*
Theme Name: RNDSMPL_ASCII
Theme URI: https://www.randomsample.ca
Author: You
Description: Minimal ASCII / early web demo scene style WordPress theme
Version: 1.0
*/

/* =========================================================
   GLOBAL VARIABLES
========================================================= */

:root {
  --bg: #000000;
  --fg: #00ff66;
  --dim: #00aa44;

  --ansi-green: #00ff66;
  --ansi-cyan: #00ffff;
  --ansi-gray: #999;
}

/* =========================================================
   BASE RESET
========================================================= */

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: "IBM_VGA", "Courier New", Courier, monospace;
  font-size: 16px;
  line-height: 1.2;
}

body {
  overflow-x: hidden;
}

a {
  color: var(--fg);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* =========================================================
   ASCII SPLASH
========================================================= */

.ascii-splash {
  font-family: "IBM_VGA", monospace;
  font-size: 14px;
  line-height: 1.05;

  white-space: pre;
  overflow-x: auto;
  overflow-y: hidden;

  width: max-content;
  min-width: 120ch;

  margin: 0 auto;
  padding: 2ch;

  background: #000;
  color: var(--ansi-gray);

  text-shadow: 0 0 2px rgba(0,255,100,0.3);

  box-sizing: content-box;
}

/* Kill WordPress / block editor interference */
pre,
.ascii-splash {
  max-width: none !important;
}

/* Prevent Gutenberg children from breaking layout */
.ascii-splash * {
  all: unset;
}

/* ANSI emphasis */
.ascii-splash strong {
  color: var(--ansi-green);
}

.ascii-splash {
  display: block;
  margin: 0;
}



/* =========================================================
   CURSOR EFFECT
========================================================= */

.cursor::after {
  content: "_";
  animation: blink 1.2s steps(1) infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}

/* =========================================================
   MOBILE SCALING (Option B)
========================================================= */

@media (max-width: 768px) {
  .ascii-splash {
    transform: scale(0.75);
    transform-origin: top center;
    margin-left: -10%;
  }
}

@media (max-width: 480px) {
  .ascii-splash {
    transform: scale(0.6);
    margin-left: -20%;
  }
}

/* =========================================================
   PRINT-SAFE ASCII
========================================================= */

@media print {
  body {
    background: #fff;
    color: #000;
  }

  .ascii-splash {
    font-size: 10pt;
    white-space: pre;
    overflow: visible;
    transform: none;
    color: #000;
    text-shadow: none;
  }
}

/* =========================================================
   FONTS
========================================================= */

@font-face {
  font-family: "IBM_VGA";
  src: url("/wp/wp-content/themes/RNDSMPL_ASCII/fonts/ibm-vga.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}