/*
Theme Name: Jetson Child
Template: generatepress
Version: 1.2
Description: Child theme for jetson-tutorials.de (Atlas) — dark 3D
*/

/* --- Dark 3D theme --- */
:root {
  --jd-bg-1: #0b1220;
  --jd-bg-2: #0e1729;
  --jd-card: #121c30;
  --jd-card-2: #16223a;
  --jd-text: #dbe4f3;
  --jd-text-dim: #8fa1bd;
  --jd-accent: #5ec8ff;
  --jd-border: rgba(120,160,220,.14);
  --jd-shadow-1: 0 1px 3px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.25);
  --jd-shadow-2: 0 6px 16px rgba(0,0,0,.45), 0 12px 32px rgba(0,0,0,.35);
}

body {
  background: linear-gradient(180deg, var(--jd-bg-1) 0%, var(--jd-bg-2) 100%);
  color: var(--jd-text);
}

/* Cards: elevated dark panels with rim light */
.inside-article,
.sidebar .widget, .widget-area .widget,
.wp-block-group.has-background {
  background: linear-gradient(180deg, var(--jd-card-2), var(--jd-card));
  color: var(--jd-text);
  border: 1px solid var(--jd-border);
  border-radius: 14px;
  box-shadow: var(--jd-shadow-1), inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.inside-article:hover {
  transform: translateY(-4px) scale(1.005);
  box-shadow: var(--jd-shadow-2);
  border-color: rgba(94,200,255,.35);
}

/* Typography */
body, p, li, td { color: var(--jd-text); }
h1, h2, h3, h4, h5, h6, .entry-title, .entry-title a { color: #fff; }
.entry-meta, .site-info, .wp-block-latest-posts__post-date { color: var(--jd-text-dim); }
a { color: var(--jd-accent); }
a:hover { color: #8ad9ff; }

/* Header: dark glass */
.site-header, .main-navigation, .mobile-menu-control-wrapper {
  background: rgba(11,18,32,.82);
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 16px rgba(0,0,0,.4);
  border-bottom: 1px solid var(--jd-border);
}
.main-navigation ul li a, .menu-toggle, .mobile-menu { color: var(--jd-text) !important; }
.site-title a, .site-description { color: #fff !important; }

/* Buttons: neon rim + 3D press */
.wp-block-button__link, button, .button, input[type="submit"] {
  background: linear-gradient(180deg, #2a9fe0, #1d7ec4) !important;
  color: #fff !important;
  border-radius: 10px;
  box-shadow: 0 2px 0 rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.18);
  transition: transform .15s ease, box-shadow .15s ease;
  border: none;
}
.wp-block-button__link:hover, button:hover, .button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 0 rgba(0,0,0,.35), 0 6px 14px rgba(94,200,255,.25);
}
.wp-block-button__link:active, button:active {
  transform: translateY(1px);
  box-shadow: 0 1px 0 rgba(0,0,0,.4);
}

/* Inputs: dark fields */
input[type="text"], input[type="search"], input[type="email"], textarea {
  background: var(--jd-card);
  color: var(--jd-text);
  border: 1px solid var(--jd-border);
  border-radius: 8px;
}
input::placeholder, textarea::placeholder { color: var(--jd-text-dim); }

/* Code blocks: terminal feel */
pre, code {
  background: #0a0f1a !important;
  color: #9fe3b0 !important;
  border: 1px solid var(--jd-border);
  border-radius: 8px;
}

/* Footer: deep panel with rim */
.footer-widgets, .site-info, .jetson-legal {
  background: linear-gradient(180deg, #0d1526, #0a101d);
  border-top: 1px solid var(--jd-border);
  box-shadow: 0 -2px 20px rgba(0,0,0,.35);
}

/* Separator hairlines */
.separate-containers .site-content, hr, .widget-title {
  border-color: var(--jd-border);
}