/**
 * Shortcode-tyylit
 * 
 * @package Meriturva
 * @author DigiSilta Oy
 */

/* Shortcode wrapper */
.meriturva-shortcode {
	margin: 2rem 0;
}

/* Featured trainings */
.meriturva-featured-trainings {
	display: grid;
	gap: 2rem;
}

.meriturva-featured-trainings.columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.meriturva-featured-trainings.columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.meriturva-featured-trainings.columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 768px) {
	.meriturva-featured-trainings.columns-2,
	.meriturva-featured-trainings.columns-3,
	.meriturva-featured-trainings.columns-4 {
		grid-template-columns: 1fr;
	}
}

/* Contact info */
.meriturva-contact-info {
	margin: 1rem 0;
}

.meriturva-contact-info__label {
	font-weight: 600;
	margin-right: 0.5rem;
}

.meriturva-contact-info__value {
	display: inline;
}

/* Category Hero shortcode */
.meriturva-category-hero {
	position: relative;
	height: 50vh;
	min-height: 320px;
	background-image: var(--meriturva-category-hero-bg);
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}

.meriturva-category-hero__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);
}

.meriturva-category-hero__inner {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	align-items: flex-end;
	padding: 2.5rem 3rem;
}

.meriturva-category-hero__title {
	margin: 0;
	color: var(--e-global-color-secondary);
	font-family: 'Barlow', sans-serif;
	font-size: 3rem;
	font-weight: 600;
	text-transform: uppercase;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: 0;
	word-spacing: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}

/* Kun category hero on käytössä kategorian arkistossa, piilota oletus Archive Title */
body.tax-meriturva_koulutuskategoria .elementor-widget-theme-archive-title {
	display: none !important;
}

@media (max-width: 1024px) {
	.meriturva-category-hero__title {
		font-size: 2.5rem;
	}
}

@media (max-width: 767px) {
	.meriturva-category-hero {
		min-height: 240px;
	}

	.meriturva-category-hero__inner {
		padding: 0;
	}

	.meriturva-category-hero__title {
		font-size: 2rem;
	}
}