/*
Theme Name: PMR Distribution
Theme URI: https://protection-music-records.de/
Author: Protection Music Records
Description: Ein modernes, responsives Starter-Theme für Protection Music Records Distribution. Enthält öffentliche Seiten und gestaltete Portal-Vorlagen; Release-Verarbeitung benötigt später eine separate Portal-/Distributionsintegration.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: pmr-distribution
*/
:root {
  --pmr-bg: #0b0d12;
  --pmr-panel: #121620;
  --pmr-panel-2: #171d29;
  --pmr-text: #f4f6fb;
  --pmr-muted: #aab3c4;
  --pmr-line: rgba(255,255,255,.12);
  --pmr-accent: #1598f7;
  --pmr-accent-dark: #061a2c;
  --pmr-radius: 18px;
  --pmr-width: 1160px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; background: var(--pmr-bg); color: var(--pmr-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px; line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--pmr-accent); }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
.wrap { width: min(calc(100% - 40px), var(--pmr-width)); margin-inline: auto; }
.site-header { border-bottom: 1px solid var(--pmr-line); background: rgba(11,13,18,.92); }
.header-inner { min-height: 78px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.03em; }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#ffffff; background:var(--pmr-accent); font-size:14px; font-weight:950; }
.brand small { display:block; color:var(--pmr-muted); font-size:10px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; }
.nav-menu { display:flex; gap:24px; align-items:center; list-style:none; padding:0; margin:0; }
.nav-menu a { font-size:14px; color:#d4d9e4; }
.nav-menu a:hover { color:var(--pmr-accent); }
.menu-toggle { display:none; background:transparent; border:1px solid var(--pmr-line); color:var(--pmr-text); border-radius:10px; padding:8px 12px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:999px; padding:12px 19px; font-weight:800; font-size:14px; transition:transform .15s ease, background .15s ease; cursor:pointer; }
.btn:hover { transform:translateY(-1px); }
.btn-primary { background:var(--pmr-accent); color:#ffffff; }
.btn-primary:hover { background:#d6ff86; color:#ffffff; }
.btn-secondary { border-color:var(--pmr-line); background:rgba(255,255,255,.03); color:var(--pmr-text); }
.hero { padding:88px 0 70px; overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:54px; align-items:center; }
.eyebrow { display:inline-flex; gap:9px; align-items:center; color:var(--pmr-accent); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.15em; }
.eyebrow:before { content:""; width:22px; height:2px; background:var(--pmr-accent); }
h1,h2,h3 { line-height:1.1; letter-spacing:-.045em; margin:0 0 18px; }
h1 { font-size:clamp(42px,6.3vw,76px); max-width:760px; }
h2 { font-size:clamp(30px,4vw,46px); }
h3 { font-size:21px; letter-spacing:-.025em; }
.hero p, .lead { color:var(--pmr-muted); font-size:18px; max-width:630px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.hero-note { margin-top:22px; color:#7f899b; font-size:12px; }
.hero-art { min-height:400px; border:1px solid var(--pmr-line); border-radius:28px; padding:24px; position:relative; overflow:hidden; background:radial-gradient(circle at 80% 10%, rgba(197,243,107,.18), transparent 32%), linear-gradient(145deg,#171d28,#0f1219 65%); }
.art-top { display:flex; justify-content:space-between; color:var(--pmr-muted); text-transform:uppercase; font-size:10px; letter-spacing:.15em; }
.art-disc { width:min(74%,300px); aspect-ratio:1; border-radius:50%; margin:32px auto 20px; background:repeating-radial-gradient(circle at center,#171a20 0 3px,#262b33 4px 5px,#12151b 6px 10px); box-shadow:0 25px 65px rgba(0,0,0,.5); display:grid; place-items:center; }
.art-disc:after { content:"PMR"; display:grid; place-items:center; width:31%; aspect-ratio:1; border-radius:50%; background:var(--pmr-accent); color:#ffffff; font-size:22px; font-weight:950; }
.art-bottom { display:flex; justify-content:space-between; align-items:end; gap:12px; }
.art-bottom strong { font-size:20px; }
.art-bottom span { color:var(--pmr-muted); font-size:12px; }
.section { padding:74px 0; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:30px; }
.section-head p { color:var(--pmr-muted); max-width:460px; margin:0; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.card { background:var(--pmr-panel); border:1px solid var(--pmr-line); border-radius:var(--pmr-radius); padding:26px; }
.card-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; color:var(--pmr-accent); background:rgba(197,243,107,.1); margin-bottom:24px; font-size:21px; }
.card p { color:var(--pmr-muted); margin-bottom:0; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; counter-reset:steps; }
.step { counter-increment:steps; padding:24px; border-top:1px solid var(--pmr-line); }
.step:before { content:"0" counter(steps); color:var(--pmr-accent); font-size:13px; font-weight:900; display:block; margin-bottom:22px; }
.cta { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:38px; background:var(--pmr-accent); color:#ffffff; border-radius:24px; }
.cta h2 { max-width:650px; margin-bottom:0; }
.cta .btn { background:#10140a; color:#fff; }
.site-footer { margin-top:60px; border-top:1px solid var(--pmr-line); padding:28px 0; color:var(--pmr-muted); font-size:13px; }
.footer-inner { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.footer-links { display:flex; gap:18px; flex-wrap:wrap; }
.page-content { padding:64px 0 80px; min-height:50vh; }
.page-card { background:var(--pmr-panel); border:1px solid var(--pmr-line); border-radius:var(--pmr-radius); padding:clamp(22px,5vw,44px); }
.page-card h1 { font-size:clamp(34px,5vw,56px); }
.page-card p, .page-card li { color:#c5ccda; }
.portal-shell { display:grid; grid-template-columns:240px 1fr; gap:20px; }
.portal-sidebar, .portal-main-card { background:var(--pmr-panel); border:1px solid var(--pmr-line); border-radius:var(--pmr-radius); padding:22px; }
.portal-sidebar a { display:block; padding:10px 12px; color:var(--pmr-muted); border-radius:10px; margin-top:4px; }
.portal-sidebar a:hover, .portal-sidebar a.active { background:var(--pmr-panel-2); color:var(--pmr-accent); }
.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0; }
.stat { border:1px solid var(--pmr-line); border-radius:14px; padding:18px; background:rgba(255,255,255,.02); }
.stat strong { display:block; font-size:28px; }
.stat span { color:var(--pmr-muted); font-size:12px; }
.status { display:inline-block; padding:5px 10px; border-radius:999px; font-size:12px; background:rgba(197,243,107,.12); color:var(--pmr-accent); }
.notice { border:1px solid rgba(197,243,107,.3); background:rgba(197,243,107,.06); border-radius:12px; padding:14px 16px; color:#dce8c8; font-size:13px; }
form.pmr-form { display:grid; gap:18px; }
.pmr-form label { display:grid; gap:7px; font-size:13px; font-weight:700; }
.pmr-form input, .pmr-form select, .pmr-form textarea { width:100%; border:1px solid var(--pmr-line); border-radius:10px; background:#0d1016; color:var(--pmr-text); padding:12px 13px; }
.pmr-form input[type="file"] { padding:10px; }
.pmr-form .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pmr-form small { color:var(--pmr-muted); font-weight:400; }
.pmr-table { width:100%; border-collapse:collapse; font-size:14px; }
.pmr-table th,.pmr-table td { padding:13px 10px; text-align:left; border-bottom:1px solid var(--pmr-line); }
.pmr-table th { color:var(--pmr-muted); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.notice-warning { background:rgba(255,190,70,.08); border-color:rgba(255,190,70,.28); }
.alignwide { max-width:var(--pmr-width); margin-left:auto; margin-right:auto; }
.wp-block-button__link { background:var(--pmr-accent); color:#ffffff; border-radius:999px; font-weight:800; }
@media (max-width: 820px) {
  .hero { padding-top:56px; }
  .hero-grid { grid-template-columns:1fr; gap:34px; }
  .hero-art { min-height:330px; }
  .cards,.steps { grid-template-columns:1fr; }
  .section-head { display:block; }
  .section-head p { margin-top:14px; }
  .cta { display:block; padding:28px; }
  .cta .btn { margin-top:22px; }
  .portal-shell { grid-template-columns:1fr; }
  .stat-grid { grid-template-columns:1fr 1fr; }
  .nav-menu { display:none; position:absolute; top:78px; left:0; right:0; padding:18px 22px; background:#0b0d12; border-bottom:1px solid var(--pmr-line); flex-direction:column; align-items:flex-start; z-index:10; }
  .nav-menu.is-open { display:flex; }
  .menu-toggle { display:block; }
}
@media (max-width: 520px) {
  .wrap { width:min(calc(100% - 28px),var(--pmr-width)); }
  .pmr-form .form-grid { grid-template-columns:1fr; }
  .stat-grid { grid-template-columns:1fr; }
  .footer-inner { align-items:flex-start; flex-direction:column; }
  .hero-actions .btn { width:100%; }
}

/* PMR brand logo */
.brand-logo { display:block; width:54px; height:54px; object-fit:contain; }
.brand-mark { background:transparent; color:#fff; border:1px solid var(--pmr-accent); }
.cta { background:linear-gradient(120deg,#087bd4,#1598f7); color:#fff; }
.cta .btn { background:#06111c; color:#fff; }