/*
 * Homepage hero promo and mobile carousel component styles.
 */

@layer camap-components {
	.home #main > .content-area {
		padding-top: 14px;
	}

	.camap-home-mobile-carousel {
		display: block;
		overflow: hidden;
		margin-top: 8px;
		padding: 2px 0 10px;
		cursor: grab;
		touch-action: pan-x;
		border-radius: 14px;
	}

	.camap-home-mobile-carousel.swiper {
		overflow: hidden;
	}

	.camap-home-mobile-carousel.swiper .swiper-wrapper {
		align-items: stretch;
	}

	.camap-home-mobile-carousel__item {
		flex: 0 0 22%;
		width: 22%;
		border-radius: 14px;
		overflow: hidden;
		background: transparent;
		box-shadow: none;
		user-select: none;
		display: flex;
		align-items: center;
		justify-content: center;
		aspect-ratio: 16 / 9;
		transition: transform 0.2s ease;
	}

	.camap-home-mobile-carousel__item:hover {
		transform: translateY(-2px);
	}

	.camap-home-mobile-carousel__item img {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 14px;
		object-fit: contain;
		pointer-events: none;
	}

	.camap-home-hero-promo .wbcslider_tgdd,
	.camap-home-hero-promo .ux-image,
	.camap-home-hero-promo .ux-image .img,
	.camap-home-hero-promo .ux-image .img-inner,
	.camap-home-hero-promo .ux-image .image-cover,
	.camap-home-hero-promo .ux-image img,
	.camap-home-hero-promo .image-cover,
	.camap-home-hero-promo .img,
	.camap-home-hero-promo .img-inner,
	.camap-home-hero-promo .wbcslider_tgdd .flickity-viewport,
	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-item img {
		border-radius: 14px !important;
	}

	.camap-home-hero-promo .wbcslider_tgdd .flickity-viewport,
	.camap-home-hero-promo .img,
	.camap-home-hero-promo .img-inner,
	.camap-home-hero-promo .image-cover {
		overflow: hidden !important;
	}

	.camap-home-hero-promo img,
	.camap-home-mobile-carousel__item img {
		border-radius: 14px !important;
	}

	.camap-home-hero-promo .wbcslider_tgdd img,
	.camap-home-hero-promo .ux-image img {
		display: block;
		width: 100%;
	}

	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-viewport {
		height: auto !important;
		aspect-ratio: 2 / 1;
		background: transparent;
	}

	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-slider,
	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .wbcslider-item,
	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .wbcslider-item > a {
		height: 100%;
	}

	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .wbcslider-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button {
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		min-height: 38px !important;
		max-width: 38px !important;
		max-height: 38px !important;
		padding: 0 !important;
		color: var(--sicomp-text-inverse);
		background: var(--mainColor);
		border: 0;
		outline: 0 !important;
		border-radius: 999px;
		box-shadow: none !important;
		opacity: 0.95;
		line-height: 1 !important;
		overflow: hidden;
		transition: background-color 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
	}

	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button:hover {
		color: var(--sicomp-text-inverse);
		background: var(--sicomp-primary-hover, var(--mainColor));
		opacity: 1;
		transform: translateY(-50%) scale(1.06);
	}

	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button svg,
	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button .arrow {
		fill: currentColor;
	}

	.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button svg {
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
	}

	.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .flickity-prev-next-button {
		display: none !important;
	}

	.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .item::after,
	.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .item.is-nav-selected::after {
		display: none !important;
	}

	.home .flickity-prev-next-button {
		opacity: 0 !important;
		visibility: hidden;
		pointer-events: none;
	}

	.home .slider:hover .flickity-prev-next-button,
	.home .slider:focus-within .flickity-prev-next-button,
	.home .slider-wrapper:hover .flickity-prev-next-button,
	.home .slider-wrapper:focus-within .flickity-prev-next-button,
	.home .row-slider:hover .flickity-prev-next-button,
	.home .row-slider:focus-within .flickity-prev-next-button,
	.home .product-gallery-slider:hover .flickity-prev-next-button,
	.home .product-gallery-slider:focus-within .flickity-prev-next-button,
	.home .woocommerce-product-gallery:hover .flickity-prev-next-button,
	.home .woocommerce-product-gallery:focus-within .flickity-prev-next-button,
	.home .camap-home-hero-promo .wbcslider_tgdd .wbcslider-main:hover .flickity-prev-next-button,
	.home .camap-home-hero-promo .wbcslider_tgdd .wbcslider-main:focus-within .flickity-prev-next-button {
		opacity: 0.95 !important;
		visibility: visible;
		pointer-events: auto;
	}

	.camap-home-hero-promo > .col {
		padding-bottom: 8px !important;
	}

	.camap-home-hero-promo > .col > .col-inner {
		margin-bottom: 0 !important;
	}

	.camap-home-hero-promo > .col:nth-child(n+3) {
		margin-top: 4px;
	}

	.camap-home-hero-promo .wbcslider_tgdd {
		margin-bottom: 0;
		overflow: hidden;
		background: var(--sicomp-card);
		border-radius: 14px;
	}

	.camap-home-hero-promo .wbcslider_tgdd .TextCaptions {
		position: relative !important;
		inset: auto !important;
		display: flex;
		flex-wrap: nowrap;
		margin-top: 0;
		overflow: hidden;
		background: var(--sicomp-card);
		box-shadow: none !important;
		border-radius: 0 0 14px 14px;
		height: auto !important;
		transform: none !important;
	}

	.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .flickity-viewport {
		min-height: 48px;
		border-radius: 0 0 14px 14px !important;
		overflow: hidden !important;
	}

	.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .flickity-slider {
		align-items: stretch;
	}

	.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .item {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 33.3333% !important;
		max-width: 33.3333% !important;
		min-height: 48px;
		padding: 8px 10px !important;
		color: var(--sicomp-text-soft);
		font-size: 12px;
		font-weight: 700;
		line-height: 1.25;
		white-space: normal;
		text-align: center;
		background: transparent;
		border-radius: 0 !important;
		box-shadow: none;
		transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
	}

	.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .item.is-nav-selected {
		color: var(--mainColor);
		background: rgba(var(--sicomp-secondary-rgb), 0.07);
		transform: translateY(-1px);
	}

	@media (max-width: 849px) {
		.camap-home-mobile-carousel__item {
			flex: 0 0 34%;
			width: 34%;
		}
	}

	@media (max-width: 767px) {
		.home #main > .content-area {
			padding-top: 10px;
		}

		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button {
			display: flex !important;
			align-items: center;
			justify-content: center;
			width: 34px !important;
			height: 34px !important;
			min-width: 34px !important;
			min-height: 34px !important;
			max-width: 34px !important;
			max-height: 34px !important;
			border-radius: 999px;
			opacity: 0.96;
		}

		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button.previous {
			left: 8px;
		}

		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button.next {
			right: 8px;
		}

		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main,
		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-viewport,
		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-slider,
		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .wbcslider-item,
		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .wbcslider-item > a {
			border-radius: 14px !important;
		}

		.camap-home-hero-promo > .col:nth-child(n+3) {
			margin-top: 0;
		}

		.camap-home-hero-promo .wbcslider_tgdd .TextCaptions {
			margin-top: 0;
			padding: 0;
			overflow-x: hidden;
		}

		.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .flickity-viewport {
			min-height: 52px;
		}

		.camap-home-hero-promo .wbcslider_tgdd .TextCaptions .item {
			width: 100% !important;
			max-width: 100% !important;
			min-height: 52px;
			padding: 9px 12px !important;
			font-size: 12px;
			line-height: 1.3;
			border-radius: 0 0 14px 14px !important;
			box-shadow: none;
		}
	}

	@media (max-width: 549px) {
		.camap-home-mobile-carousel__item {
			flex: 0 0 42%;
			width: 42%;
		}
	}

	@media (min-width: 768px) {
		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main .flickity-prev-next-button {
			display: flex !important;
			align-items: center;
			justify-content: center;
			opacity: 0.95;
			pointer-events: auto;
			transition: opacity 0.18s ease, background-color 0.18s ease;
		}

		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main:hover .flickity-prev-next-button,
		.camap-home-hero-promo .wbcslider_tgdd .wbcslider-main:focus-within .flickity-prev-next-button {
			opacity: 0.95;
			pointer-events: auto;
		}
	}
}