/* Shorts Carousel Block Styles */
div.shorts-carousel.wp-block-hoyre-shorts-carousel {
	position: relative;

	.shorts-carousel__title {
		margin: 0 0 2rem;
	}

	.shorts-carousel__container {
		position: relative;
		display: flex;
		align-items: center;
		grid-gap: 1rem;
		gap: 1rem;
	}

	.shorts-carousel__embeds {
		overflow: hidden;
		width: 100%;
		position: relative;
	}

	.shorts-carousel__embeds-inner {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc(33.333% - 1rem);
		grid-gap: 1.5rem;
		gap: 1.5rem;
		transition: transform 0.3s ease;
		scroll-behavior: smooth;
	}

	.shorts-carousel__embeds-inner > * {
		width: 100%;
	}

	.shorts-carousel__arrow {
		display: none;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 48px;
		height: 48px;
		border: none;
		border-radius: 0;
		background: rgba(255, 255, 255, 0.95);
		color: var(--color-blue-500);
		cursor: pointer;
		transition: all 0.2s ease;
		padding: 0;
		align-items: center;
		justify-content: center;
		z-index: 10;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	}

	.shorts-carousel__arrow:hover {
		background: var(--color-blue-500);
		color: var(--color-white);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	}

	.shorts-carousel__arrow--prev {
		left: 1rem;
	}

	.shorts-carousel__arrow--next {
		right: 1rem;
	}

	/* Desktop: Show carousel with arrows when more than 3 items */
}
@media (min-width: 768px) {
		div.shorts-carousel.wp-block-hoyre-shorts-carousel.has-many-items .shorts-carousel__arrow {
			display: flex;
		}

		div.shorts-carousel.wp-block-hoyre-shorts-carousel.has-many-items .shorts-carousel__arrow:disabled {
			display: none;
		}

		div.shorts-carousel.wp-block-hoyre-shorts-carousel.has-many-items .shorts-carousel__embeds-inner {
			grid-auto-columns: calc(28.5% - 1rem);
		}
	}
div.shorts-carousel.wp-block-hoyre-shorts-carousel {

	/* Mobile: Carousel with arrows */
}
@media (max-width: 767px) {
		div.shorts-carousel.wp-block-hoyre-shorts-carousel.has-many-items .shorts-carousel__arrow {
			display: flex;
			width: 40px;
			height: 40px;
		}

		div.shorts-carousel.wp-block-hoyre-shorts-carousel.has-many-items .shorts-carousel__arrow:disabled {
			display: none;
		}

		div.shorts-carousel.wp-block-hoyre-shorts-carousel.has-many-items .shorts-carousel__arrow--prev {
			left: 0.5rem;
		}

		div.shorts-carousel.wp-block-hoyre-shorts-carousel.has-many-items .shorts-carousel__arrow--next {
			right: 0.5rem;
		}

		div.shorts-carousel.wp-block-hoyre-shorts-carousel.has-many-items .shorts-carousel__embeds-inner {
			grid-auto-columns: calc(87% - 0.5rem);
			grid-gap: 1rem;
			gap: 1rem;
		}
	}