/*
Theme Name: Herrlich Unperfekt
Theme URI: https://example.com/
Author: Patrick Rathjen
Author URI: https://example.com/
Description: Ein warmes, ehrliches Block-Theme (Full Site Editing) für den Elternratgeber "Der herrlich unperfekte Familienalltag mit Kind". Alle Inhalte – Texte, Bilder, Links – sind bequem im Block-Editor bearbeitbar. Farben, Schriften und Abstände liegen in theme.json.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: herrlich-unperfekt
Tags: full-site-editing, block-patterns, one-column, custom-colors, editor-style, block-styles
*/

/*
  Dieses Stylesheet ergänzt nur, was theme.json nicht abdeckt:
  die "Signatur"-Effekte (Cover-Kippung, Sternenhimmel, sanfte Einblendungen).
  Farben, Schriftgrößen und Abstände werden über theme.json und den
  Block-Editor gesteuert – dort kannst du alles anpassen.
*/

/* ---- Cover-Bild leicht gekippt mit Tiefenschatten ---- */
.hu-cover img{
  border-radius:8px;
  box-shadow:-22px 30px 60px -20px rgba(0,0,0,.55);
  transform:rotateY(-11deg) rotateX(3deg);
  transition:transform .5s ease;
}
.hu-cover:hover img{ transform:rotateY(-5deg) rotateX(1deg); }
@media(max-width:781px){
  .hu-cover img{ transform:none; box-shadow:-10px 18px 40px -18px rgba(0,0,0,.5); }
}

/* ---- Nächtlicher Sternenhimmel im Hero ---- */
.hu-hero{ position:relative; overflow:hidden; }
.hu-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background:
    radial-gradient(1.4px 1.4px at 18% 28%, #E8D9C4 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 72% 18%, #E8D9C4 50%, transparent 51%),
    radial-gradient(1.6px 1.6px at 42% 12%, #fff 50%, transparent 51%),
    radial-gradient(1.1px 1.1px at 88% 40%, #E8D9C4 50%, transparent 51%),
    radial-gradient(1.3px 1.3px at 30% 62%, #E8D9C4 50%, transparent 51%),
    radial-gradient(1px 1px at 60% 52%, #fff 50%, transparent 51%);
}
.hu-hero > *{ position:relative; z-index:1; }

/* ---- Runde Autoren-Bilder ohne Rahmen ---- */
.hu-round img{ border-radius:50%; }

/* ---- Inhalts-Kacheln: dezenter Hover ---- */
.hu-tile{ transition:transform .25s ease, box-shadow .25s ease; }
.hu-tile:hover{ transform:translateY(-4px); box-shadow:0 18px 40px -22px rgba(46,42,38,.3); }

/* ---- Sanfte Einblendung beim Scrollen ---- */
.hu-reveal{ opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease; }
.hu-reveal.is-visible{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){
  .hu-reveal{ opacity:1; transform:none; transition:none; }
  .hu-cover img{ transition:none; }
}

/* ---- Buttons: Pillenform (ergänzt Editor-Einstellungen) ---- */
.wp-block-button__link{ font-weight:600; }