/*******************************************************************************
********************************************************************************
PAGE: FEATURED
********************************************************************************
*******************************************************************************/
.cerade__page__izdvojeno
{

}

/*******************************************************************************
FEATURED PRODUCT
*******************************************************************************/
/* Add a border radius to featured product */
.cerade__page__izdvojeno .featured__hero__card__image
{
	border-radius: 10px 10px 0px 0px;
}

/* Add a shape that covers image on featured product */
.cerade__page__izdvojeno .featured__hero__card__image:before
{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	background: url('https://cerade.hr/wp-content/themes/cerade/assets/public/graphics/shapes/featured-hero-image-cutout-bottom.svg');
	background-repeat: no-repeat;
	background-position: bottom;
}

@media screen and (min-width: 1024px)
{
	/* Change border radius sizes on featured product */
	.cerade__page__izdvojeno .featured__hero__card__image
	{
		border-radius: 0px 10px 10px 0px;
	}

	/* Change the shape that covers image on featured product */
	.cerade__page__izdvojeno .featured__hero__card__image:before
	{
		top: 0px;
		left: 0px;
		background: url('https://cerade.hr/wp-content/themes/cerade/assets/public/graphics/shapes/featured-hero-image-cutout-left.svg');
		background-repeat: no-repeat;
	}
}

/*******************************************************************************
FEATURED CATEGORIES
*******************************************************************************/
/* Make cards pop-out on hower and change color of text */
.cerade__page__izdvojeno .featured__categories .featured__categories__card
{
	box-shadow: var(--cerade-shadow-light) !important;
	transition-duration: 0.2s !important;
}
/* Make cards pop-out on hower and change color of text */
.cerade__page__izdvojeno .featured__categories .featured__categories__card:hover
{
	box-shadow: var(--cerade-shadow-darker) !important;
	transition-duration: 0.2s !important;
}
.cerade__page__izdvojeno .featured__categories .featured__categories__card:hover h2,
.cerade__page__izdvojeno .featured__categories .featured__categories__card:hover span
{
	color: var(--cerade-color-orange-light) !important;
	transition-duration: 0.2s;
}

/*******************************************************************************
FEATURD PRODUCTS
*******************************************************************************/
/* Make category name bolder */
.cerade__page__izdvojeno .featured__products .featured__products__category__title a
{
	font-weight: 600 !important;
}

/* Make linked heading have the same font-weight as regular heading */
.cerade__page__izdvojeno .featured__products .featured__products__category__name span a
{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700 !important;
}

/* Remove box shadow when loop item is a part of homepage */
/* .cerade__page__izdvojeno .loop__product__global
{
	box-shadow: none !important;
} */

/*******************************************************************************
FEATURED PRODUCTS: Carousel
*******************************************************************************/
@media screen and (max-width: 1024px)
{
	/* Hide arrows on mobile */
	.cerade__page__izdvojeno .featured__products__loop .elementor-swiper-button-prev,
	.cerade__page__izdvojeno .featured__products__loop .elementor-swiper-button-next
	{
		display: none !important;
	}
}

@media screen and (min-width: 1025px)
{
	/* Hide dots on desktop */
	.cerade__page__izdvojeno .featured__products__loop .swiper-pagination
	{
		display: none !important;
	}
	/* Remove whitepsave after carousel and before dots on desktop */
	.cerade__page__izdvojeno .featured__products__loop .elementor-loop-container
	{
		padding-bottom: 0px !important;
	}
}

/* Make arrows icons behave normally */
.cerade__page__izdvojeno .featured__products__loop .elementor-swiper-button-prev svg,
.cerade__page__izdvojeno .featured__products__loop .elementor-swiper-button-next svg
{
	fill: none !important;
}