/*
Theme Name: Pin Dich Reich
Theme URI: https://pindichreich.de
Author: Pablo Rojas
Author URI: https://pindichreich.de
Description: Schlankes, blockbasiertes Full-Site-Editing-Theme für die persönliche Marke „Pin Dich Reich" von Annika Rojas Gonzalez. Seitengetrieben und vollständig über den Gutenberg-Editor bearbeitbar. Ohne Page-Builder, ohne externe Frameworks. Optimiert für Pinterest-Marketing-Landingpages, Lead-Magnete und Blog.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pindichreich
Tags: blog, portfolio, full-site-editing, block-patterns, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks, block-styles
*/

/*
 * Das Design-System dieses Themes wird vollständig über theme.json gesteuert.
 * Diese Datei enthält nur ergänzende Stile, die sich in theme.json nicht
 * ausdrücken lassen (z. B. feine Interaktions-Details). Gestaltung von Farben,
 * Typografie, Abständen und Layout erfolgt in theme.json und im Block-Editor.
 */

/* Sanftere Fokus- und Hover-Zustände für Buttons und Links */
.wp-block-button__link {
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/*
 * ENTFERNT: `.entry-content img, .wp-block-post-content img { height: auto }`
 *
 * Die Regel stammt aus dem ersten Migrationsdurchlauf und hat die portierten
 * Webflow-Regeln überstimmt: `.entry-content img` (Spezifität 0,1,1) schlägt
 * `.testimonial-with-picture` (0,1,0), obwohl das Webflow-Stylesheet später
 * geladen wird. Dadurch wurden Bilder mit fester Höhe auf `auto` gesetzt –
 * auf /webinar-funnel sind die Testimonials so von 400 px auf ~100 px
 * zusammengefallen (rund 2000 px Seitenhöhe).
 *
 * Regeln in dieser Datei dürfen Webflow-Klassen nicht überstimmen. Wer hier
 * etwas ergänzt: nur `.wp-block-*`-Selektoren verwenden, die im
 * Webflow-Markup nicht vorkommen.
 */

/* Sekundärer Call-to-Action: Umriss-Button (Block-Stil „Umriss (Koralle)") */
.wp-block-button.is-style-pindichreich-outline .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--primary);
}

.wp-block-button.is-style-pindichreich-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
	.wp-block-button__link {
		transition: none;
	}

	.wp-block-button__link:hover {
		transform: none;
	}
}