/* Console cosmic styles – from public_html/css/style.css */
/* Šriftai: Inter tekstui, Orbitron antraštėms; skaitomumas pirmenybė */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@600;700&display=swap');

:root {
  --cosmic-primary: #6a11cb;
  --cosmic-secondary: #2575fc;
  --cosmic-accent: #00ffc8;
  --cosmic-bg-dark: #0a0f1c;
  --cosmic-bg-darker: #020610;
  --cosmic-glow: rgba(106, 17, 203, 0.5);
  --console-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --console-font-heading: 'Orbitron', 'Inter', sans-serif;
}

.cosmic-bg {
  background: radial-gradient(circle at 30% 20%, var(--cosmic-bg-dark), var(--cosmic-bg-darker) 80%);
  font-family: var(--console-font);
  font-size: 15px;
  line-height: 1.45;
  color: #e6edf3;
  overflow-x: hidden;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Astro Console wrap – perrašome Tailwind font-sans ir cosmic-bg */
.astro-console-wrap {
  font-family: var(--console-font) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.astro-console-wrap .section-title,
.astro-console-wrap .data-section .section-title,
.astro-console-wrap h2 {
  font-family: var(--console-font-heading) !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.02em;
}

/* Skaitomesni laukai – minimalus dydis ir aiškūs reikšmių šriftai */
.astro-console-wrap .data-section [id^="lead_"] {
  font-family: var(--console-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.astro-console-wrap .data-section span[style*="font-size: 10px"],
.astro-console-wrap .data-section span[style*="font-size: 11px"] {
  font-size: 12px !important;
  opacity: 0.9;
}

.astro-console-wrap .data-section pre {
  font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.astro-console-wrap .cosmic-card,
.astro-console-wrap .glass-effect {
  font-family: var(--console-font) !important;
}

.astro-console-wrap .container {
  font-family: var(--console-font) !important;
  position: relative;
  z-index: 1;
}

.glass { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(0, 255, 200, 0.08); border-radius: 18px; backdrop-filter: blur(20px); }
.glass-effect {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.cosmic-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  transition: all 0.3s ease;
  overflow: visible !important;
  pointer-events: auto !important;
}
.cosmic-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px var(--cosmic-glow);
}

.cosmic-header {
  background: linear-gradient(135deg, rgba(30, 27, 75, 0.95) 0%, rgba(55, 48, 163, 0.6) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cosmic-glow { box-shadow: 0 0 25px var(--cosmic-glow); }

.cosmic-pulse { animation: cosmic-pulse 3s infinite; }
@keyframes cosmic-pulse {
  0%, 100% { box-shadow: 0 0 10px rgba(106, 17, 203, 0.6); transform: scale(1); }
  50% { box-shadow: 0 0 25px rgba(106, 17, 203, 0.9); transform: scale(1.05); }
}

.gradient-text {
  background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.planet-row { transition: all 0.3s ease; cursor: pointer; }
.planet-row:hover { transform: translateX(5px); background: rgba(255, 255, 255, 0.02); }
.planet-details { animation: slideDown 0.3s ease-out; }
@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes orbit {
  from { transform: rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg); }
  to { transform: rotate(360deg) translateX(var(--orbit-radius)) rotate(-360deg); }
}
.animate-orbit { animation: orbit var(--orbit-speed, 10s) linear infinite; }
.planet-dot {
  position: absolute;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: currentColor;
  z-index: 5;
}
.planet-dot.mercury { color: #6b7280; --orbit-speed: 8s; }
.planet-dot.venus { color: #e5e7eb; --orbit-speed: 12s; }
.planet-dot.earth { color: #3b82f6; --orbit-speed: 16s; }