/*
Theme Name: Computer4You ColorMag Child
Theme URI: https://www.computer4you.de/
Description: Updatefestes Child-Theme für computer4you.de auf Basis von ColorMag Pro. Übernimmt beim ersten Aktivieren die bisherigen ColorMag-Customizer-Einstellungen und das zusätzliche CSS. Enthält die Google-Preferred-Source-CTA für Einzelartikel.
Author: Stefan Jäkel
Template: colormag-pro
Version: 1.0.3
Requires at least: 6.8
Requires PHP: 8.1
Text Domain: computer4you-colormag-child
*/

/*
 * Das eigentliche bestehende Website-CSS wird beim ersten Aktivieren aus
 * dem Parent-Theme als „Zusätzliches CSS“ in das Child-Theme übernommen.
 * Hier stehen nur child-spezifische, updatefeste Ergänzungen.
 */

.c4y-preferred-source {
	margin: 30px 0 8px;
	padding: 22px 24px;
	border: 1px solid #dbe7f7;
	border-radius: 12px;
	background: #f7faff;
	box-shadow: 0 5px 18px rgba(15, 23, 42, 0.06);
}

.c4y-preferred-source__title {
	margin: 0 0 7px;
	color: #0f172a;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
}

.c4y-preferred-source__text {
	margin: 0 0 14px;
	color: #475569;
	font-size: 1rem;
	line-height: 1.55;
}

.c4y-preferred-source .seopress-preferred-source,
.c4y-preferred-source .seopress-preferred-source a,
.c4y-preferred-source .seopress-preferred-source__link,
.c4y-preferred-source__fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 16px;
	border: 0;
	border-radius: 8px;
	background: #146ef5;
	color: #fff !important;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none !important;
	transition: background-color .18s ease, transform .18s ease;
}

.c4y-preferred-source .seopress-preferred-source:hover,
.c4y-preferred-source .seopress-preferred-source a:hover,
.c4y-preferred-source .seopress-preferred-source__link:hover,
.c4y-preferred-source__fallback:hover,
.c4y-preferred-source .seopress-preferred-source:focus-visible,
.c4y-preferred-source .seopress-preferred-source a:focus-visible,
.c4y-preferred-source .seopress-preferred-source__link:focus-visible,
.c4y-preferred-source__fallback:focus-visible {
	background: #0f5fd7;
	color: #fff !important;
	transform: translateY(-1px);
}

@media screen and (max-width: 600px) {
	.c4y-preferred-source {
		margin-top: 24px;
		padding: 18px;
	}

	.c4y-preferred-source__title {
		font-size: 1.2rem;
	}

	.c4y-preferred-source .seopress-preferred-source,
	.c4y-preferred-source .seopress-preferred-source a,
	.c4y-preferred-source .seopress-preferred-source__link,
	.c4y-preferred-source__fallback {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}