.wp-block-shamaa-advert-carousel {
	width: 100%;
}

.wp-block-shamaa-advert-carousel,
.wp-block-shamaa-advert-carousel * {
	box-sizing: border-box;
}

.shamaa-advert-carousel__viewport {
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
	background: #fff;
	cursor: grab;
	touch-action: pan-y;
}

.shamaa-advert-carousel__viewport.is-dragging {
	cursor: grabbing;
	user-select: none;
}

.shamaa-advert-carousel__track {
	display: flex;
	width: 100%;
	direction: ltr;
	transform: translate3d(0, 0, 0);
	transition: transform 420ms ease;
	will-change: transform;
}

.wp-block-shamaa-advert-slide {
	display: flex;
	min-width: 100%;
	flex: 0 0 100%;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.wp-block-shamaa-advert-slide > a,
.wp-block-shamaa-advert-slide > img {
	display: block;
	width: 100%;
}

.wp-block-shamaa-advert-slide > a {
	line-height: 0;
}

.wp-block-shamaa-advert-slide img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4.5 / 1;
	object-fit: contain;
	background: #fff;
	-webkit-user-drag: none;
	user-select: none;
}

/* Legacy control markup is intentionally retained in saved blocks so existing
 * Gutenberg content stays valid, but the visual navigation bar is retired. */
.shamaa-advert-carousel__controls {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.shamaa-advert-carousel__track {
		transition: none;
	}
}