/*
Theme Name: StreamTeam Galaxy
Theme URI: https://dc.papawaschbaer.de
Author: PapaWaschbaer
Author URI: https://dc.papawaschbaer.de
Description: Ein lernfreundliches, anpassbares Theme im Stil des StreamTeam Galaxy Logos. Enthält ausführlich markierte Codeabschnitte.
Version: 1.0.0
Text Domain: streamteam-galaxy
*/

/* === [Global Styles] – Basisvariablen & Resets (Bestimmen Grundfarben/Schriften) === */
:root{
  --stg-bg:#0b1220;
  --stg-surface:#0f1b2f;
  --stg-text:#e8f0ff;
  --stg-accent:#6bd2ff;
  --stg-font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji",sans-serif;

  /* Box/Container */
  --stg-radius:16px;
  --stg-shadow:0 10px 25px rgba(0,0,0,.35);
  --stg-padding:1.25rem;
}

/* === [Reset] – Entfernt Browser-Defaults für konsistente Basis === */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--stg-bg);color:var(--stg-text);font-family:var(--stg-font);line-height:1.6}

/* === [Links] – Standard-Linkdarstellung & Fokus === */
a{color:var(--stg-accent);text-decoration:none}
a:focus,a:hover{text-decoration:underline}

/* === [Layout] – Breite, Grid und Ränder der Seite === */
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header,.site-footer{background:var(--stg-surface)}
.site-header{box-shadow:var(--stg-shadow)}
.branding{display:flex;align-items:center;gap:1rem;padding:1rem 0}
.branding img{height:72px;width:auto}
.branding .site-title{font-size:2rem;margin:0}
.branding .site-tagline{opacity:.85;margin:0}

/* === [Hero] – Oberer Bannerbereich mit Logo/Slogan/Begrüßung === */
.hero{
  position:relative;
  background: radial-gradient(1200px 60px at 15% 0%,#0d1a2e 0%, #0b1220 70%);
  padding:15px 0 20px;
  color:var(--stg-text);
}
.hero .hero-inner{
  display:grid;gap:1rem;grid-template-columns:120px 1fr;align-items:center;
}
.hero .hero-logo{border-radius:var(--stg-radius);overflow:hidden}
.hero .hero-copy h1{font-size:2.2rem;margin:.25rem 0}
.hero .hero-copy p{margin:.25rem 0}

/* === [Cards] – Optik der Inhaltsboxen (Posts/Seiten) === */
.card{
  background:var(--stg-surface);
  padding:var(--stg-padding);
  border-radius:var(--stg-radius);
  box-shadow:var(--stg-shadow);
  margin:1rem 0;
}
.card h2{margin-top:0}

/* === [Meta] – Beitragsmetadaten (Datum, Kategorien) === */
.post-meta{font-size:.9rem;opacity:.85}

/* === [Header Menu] – Hauptnavigation === */
.main-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.main-nav a{display:block;padding:.5rem .75rem;border-radius:10px}
.main-nav a:hover{background:rgba(255,255,255,.06)}

/* === [Footer] – Footer-Layout & Untermenü === */
.site-footer{margin-top:3rem;padding:2rem 0}
.site-footer .footer-top{display:flex;gap:1rem;justify-content:space-between;align-items:center}
.site-footer small{opacity:.8}
.footer-legal{background:#0a0f1b;border-top:1px solid rgba(255,255,255,.08);padding:.75rem 0;margin-top:1rem}
.footer-legal ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}

/* === [Forms] – Kommentar- & Suchformular Optik === */
input,textarea,select{
  background:#0a1426;border:1px solid rgba(255,255,255,.15);
  color:var(--stg-text);border-radius:10px;padding:.6rem .8rem;
}
button,.button,input[type=submit]{
  background:var(--stg-accent);border:0;color:#00213a;
  padding:.6rem 1rem;border-radius:12px;cursor:pointer;font-weight:600
}
button:hover,.button:hover,input[type=submit]:hover{filter:brightness(1.05)}

/* === [WordPress Core Helpers] – Standardklassen (Galerie, Alignment) === */
.alignwide{max-width:1200px}
.alignfull{max-width:none}
.wp-block-image img{height:auto}