/**
 * TIK ONLINE – Custom Theme Styles
 * Ergänzende Styles die nicht über theme.json abbildbar sind
 */

/* ─── Logo Animation (TIK Pulsing Dot) ─── */
.wp-block-site-title a {
	text-decoration: none !important;
	color: inherit !important;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 900;
	letter-spacing: -0.04em;
}

/* ─── Navigation Hover ─── */
.wp-block-navigation a:hover {
	color: var(--wp--preset--color--primary) !important;
	transition: color 0.2s ease;
}

.wp-block-navigation a {
	transition: color 0.2s ease;
}

/* ─── Image Hover Zoom ─── */
.wp-block-post-featured-image {
	overflow: hidden;
	border-radius: 2px;
}

.wp-block-post-featured-image img {
	transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	will-change: transform;
}

.wp-block-post-featured-image:hover img {
	transform: scale(1.05);
}

/* Block Style: Hover Zoom */
.is-style-tikonline-hover-zoom {
	overflow: hidden;
}

.is-style-tikonline-hover-zoom img {
	transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	will-change: transform;
}

.is-style-tikonline-hover-zoom:hover img {
	transform: scale(1.05);
}

/* ─── Kategorie-Label Style ─── */
.is-style-tikonline-category-label {
	font-size: 10px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3em !important;
	color: var(--wp--preset--color--primary) !important;
}

/* ─── Card Hover-Lift ─── */
.is-style-tikonline-card-hover {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.is-style-tikonline-card-hover:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* ─── TIK Red Line Separator ─── */
.is-style-tikonline-red-line {
	border-color: var(--wp--preset--color--primary) !important;
	border-width: 3px !important;
}

/* ─── Post Title Links ─── */
.wp-block-post-title a {
	text-decoration: none;
	color: inherit;
	transition: color 0.2s ease;
}

.wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

/* ─── Category Term Links ─── */
.wp-block-post-terms a {
	text-decoration: none;
	color: var(--wp--preset--color--primary);
	transition: opacity 0.2s ease;
}

.wp-block-post-terms a:hover {
	opacity: 0.7;
}

/* ─── Footer Links ─── */
footer a {
	text-decoration: none;
	color: inherit;
	transition: color 0.2s ease;
}

footer a:hover {
	color: var(--wp--preset--color--primary);
}

/* ─── Blockquote / Pullquote ─── */
.wp-block-quote {
	border-left: 4px solid var(--wp--preset--color--primary);
	padding-left: var(--wp--preset--spacing--50);
	margin: var(--wp--preset--spacing--60) 0;
	font-style: italic;
}

.wp-block-pullquote {
	border-top: 4px solid var(--wp--preset--color--primary);
	border-bottom: 4px solid var(--wp--preset--color--primary);
	padding: var(--wp--preset--spacing--60) 0;
	text-align: center;
}

.wp-block-pullquote blockquote p {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.5rem, 3vw, 2.5rem);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

/* ─── Social Links Überschreib ─── */
.wp-block-social-links.is-style-logos-only .wp-social-link {
	transition: opacity 0.2s ease;
}

.wp-block-social-links.is-style-logos-only .wp-social-link:hover {
	opacity: 0.6;
}

/* ─── Query Pagination ─── */
.wp-block-query-pagination a {
	text-decoration: none;
	color: var(--wp--preset--color--dark);
	transition: color 0.2s ease;
}

.wp-block-query-pagination a:hover {
	color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination .current {
	color: var(--wp--preset--color--primary);
	font-weight: 900;
}

/* ─── Anzeige-Slot Styling ─── */
.tikonline-ad-slot {
	text-align: center;
	padding: var(--wp--preset--spacing--50) 0;
}

/* ─── Smooth Scroll ─── */
html {
	scroll-behavior: smooth;
}

/* ─── Selection Color ─── */
::selection {
	background-color: var(--wp--preset--color--primary);
	color: #fff;
}

/* ─── Responsive Adjustments ─── */
@media (max-width: 781px) {
	.wp-block-columns {
		gap: var(--wp--preset--spacing--40) !important;
	}

	.wp-block-post-template.is-layout-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (min-width: 782px) and (max-width: 1024px) {
	.wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}



figure.wp-caption{
width: 100% !important;}