/**
 * Event Category Archive Page Styles
 *
 * Page-specific styles for event category pages (taxonomy-event_category.php)
 */

/* ==========================================================================
   Hero Section (Title + Parent Category)
   ========================================================================== */

.event-header {
	background: var(--color-sand-50);
}

/* ==========================================================================
   Hero Image Section with Gradient Background
   ========================================================================== */

.event-hero-image-section {
	background: linear-gradient(
		to bottom,
		var(--color-sand-50) 0%,
		var(--color-sand-50) 50%,
		var(--color-white) 50%,
		var(--color-white) 100%
	);
}

/* Mobile: Full width, no padding */
@media (max-width: 767px) {
	.event-hero-image-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Speech bubble: Full width, no border-radius, border only top/bottom */
	.event-hero-image-section .kuladu-speech-bubble {
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
}

/* Tablet/Desktop: Normal layout with padding */
@media (min-width: 768px) and (max-width: 1023px) {
	.event-hero-image-wrapper {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 var(--space-6);
	}
}

/* Desktop: Normal layout */
@media (min-width: 1024px) {
	.event-hero-image-wrapper {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0;
	}
}

/* ==========================================================================
   Header Image Heights - IMMER begrenzte Höhe (wie Toggle OFF)
   ========================================================================== */

/* Mobile: Natürliche Höhe */
@media (max-width: 767px) {
	.tax-event_category .event-hero-image-section .kuladu-speech-bubble {
		height: auto !important;
	}

	.tax-event_category .event-hero-image-section .kuladu-speech-bubble img {
		width: 100% !important;
		height: auto !important;
		object-fit: contain !important;
	}
}

/* Tablet: Begrenzte Höhe 360px */
@media (min-width: 768px) {
	.tax-event_category .event-hero-image-section .kuladu-speech-bubble {
		height: 360px !important;
	}

	.tax-event_category .event-hero-image-section .kuladu-speech-bubble img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
}

/* Desktop: Begrenzte Höhe 560px */
@media (min-width: 1024px) {
	.tax-event_category .event-hero-image-section .kuladu-speech-bubble {
		height: 560px !important;
	}
}

/* Large Desktop: Begrenzte Höhe 640px */
@media (min-width: 1440px) {
	.tax-event_category .event-hero-image-section .kuladu-speech-bubble {
		height: 640px !important;
	}
}

/* ==========================================================================
   Event List Items - Moved to Shared Component
   ========================================================================== */

/*
 * Event card styles moved to /assets/css/components/event-card.css
 * This shared component is used by both:
 * - taxonomy-event_category.php (category archives)
 * - archive-events.php (events archive)
 */