/*
Theme Name: Musicpunch Editorial Evolution
Theme URI: https://musicpunch.de/
Description: Behutsames Design-Upgrade für Cream Magazine 2.0.6. Bewahrt Navigation, Widgets, Layouts und Theme-Einstellungen.
Author: Musicpunch
Version: 1.2.0
Template: cream-magazine
Text Domain: musicpunch-editorial
Requires PHP: 7.4
*/
:root {--mp-red:#ef2833;--mp-dark:#111318;--mp-gold:#f3a12e;--mp-blue:#1eaff4}
body {color:#20232a}
a {transition:color .2s ease}
a:hover {color:var(--mp-red)}
h1,h2,h3,h4 {letter-spacing:-.025em}
.site-header,header {--mp-accent:var(--mp-red)}
.site-title a:hover,.entry-title a:hover {color:var(--mp-red)}
button,input[type=submit],.read-more a {border-radius:3px}
.mp-category-art {position:relative;overflow:hidden;border-radius:8px;margin:0 0 26px;background:#101014}
.mp-category-art img {display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
.mp-category-art:after {content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,rgba(0,0,0,.3));pointer-events:none}
.mp-category-art + .archive-description {margin-top:12px}
.entry-content {line-height:1.8}
.entry-content p {margin-bottom:1.25em}
.entry-content iframe {max-width:100%}
.wp-block-embed__wrapper {max-width:100%}
@media(max-width:767px){.mp-category-art {margin-bottom:18px}.mp-category-art img{max-height:none}}

/* Authentic uploaded logo replaces the parent site's identity. */
.mp-official-logo {max-width:420px}
.mp-official-logo a {display:inline-block;max-width:100%}
.mp-official-logo img {display:block;width:min(100%,360px);height:auto;object-fit:contain}
.mp-official-logo .site-description {margin:0 0 0 3px;font-size:12px;letter-spacing:.12em;font-weight:800}
.mp-art-brand {position:absolute;top:0;left:0;z-index:2;background:#08080a;padding:8px 14px 10px;width:48%;max-width:420px;box-shadow:8px 5px 16px rgba(0,0,0,.45)}
.mp-art-brand img {width:100%;height:auto;max-height:70px;object-fit:contain;object-position:left}
.mp-art-brand span {display:block;color:white;font-size:clamp(8px,1.4vw,13px);font-weight:900;letter-spacing:.08em}
@media(max-width:600px){.mp-art-brand{padding:5px 8px;width:52%}.mp-art-brand img{max-height:36px}}