/* KaleshMeter.com - Official Stylesheet for Hostinger Deployment */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@500;700;800&display=swap');

:root {
  --bg-main: #FFFDF7;
  --bg-card: #FFFFFF;
  --accent-primary: #FFDE00;
  --accent-secondary: #FF3366;
  --accent-tertiary: #00F5D4;
  --accent-purple: #8B5CF6;
  --ink: #111111;
}

[data-theme="cyber"] {
  --bg-main: #F0FFF4;
  --bg-card: #FFFFFF;
  --accent-primary: #CCFF00;
  --accent-secondary: #7B2CBF;
  --accent-tertiary: #00BBF9;
  --accent-purple: #FF007F;
}

[data-theme="mango"] {
  --bg-main: #FFF8F0;
  --bg-card: #FFFFFF;
  --accent-primary: #FF9F1C;
  --accent-secondary: #E71D36;
  --accent-tertiary: #2EC4B6;
  --accent-purple: #7209B7;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--bg-main);
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow-x: hidden;
  transition: background-color 0.25s ease;
}

h1, h2, h3, h4, .font-display {
  font-family: 'Space Grotesk', sans-serif;
}

.font-mono-code {
  font-family: 'JetBrains Mono', monospace;
}

/* Neo-Brutalist Borders & Hard Shadows */
.neo-border {
  border: 3px solid #111111;
}

.neo-border-sm {
  border: 2px solid #111111;
}

.neo-shadow {
  box-shadow: 6px 6px 0px #111111;
}

.neo-shadow-sm {
  box-shadow: 4px 4px 0px #111111;
}

.neo-shadow-lg {
  box-shadow: 10px 10px 0px #111111;
}

.neo-btn {
  border: 3px solid #111111;
  box-shadow: 4px 4px 0px #111111;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
  cursor: pointer;
}

.neo-btn:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0px #111111;
}

.neo-btn:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0px #111111;
}

/* Dot Grid Background */
.bg-dots {
  background-image: radial-gradient(#111111 1.25px, transparent 1.25px);
  background-size: 22px 22px;
}

/* Marquee Animations */
@keyframes marquee-left {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

@keyframes marquee-right {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0%); }
}

.animate-marquee-left {
  display: flex;
  width: max-content;
  animation: marquee-left 36s linear infinite;
}

.animate-marquee-right {
  display: flex;
  width: max-content;
  animation: marquee-right 38s linear infinite;
}

.animate-marquee-left:hover,
.animate-marquee-right:hover {
  animation-play-state: paused;
}

/* Receipt Jagged Edge */
.receipt-jagged-top {
  background: linear-gradient(-45deg, #ffffff 10px, transparent 0), linear-gradient(45deg, #ffffff 10px, transparent 0);
  background-position: left-bottom;
  background-repeat: repeat-x;
  background-size: 20px 20px;
}

/* Blurred VIP Paywall Content */
.vip-blur {
  filter: blur(7px);
  user-select: none;
  pointer-events: none;
}

/* Print Formatting for Kalesh Receipts */
@media print {
  .no-print {
    display: none !important;
  }
  body {
    background: #FFFFFF !important;
  }
  .neo-shadow, .neo-shadow-lg, .neo-shadow-sm {
    box-shadow: none !important;
  }
}