/*------------------------
   ICONS
------------------------*/
/* Generellt */
.ikoner>div p, .iconbadge p {
	margin: 0;
} 
.iconbadge, .Kampanj_Beskr {
	margin: 0 0 3px 0;
    padding: 3px 9px 0px;
    display: table;
    width: fit-content;
    height: fit-content;
    font-size: 12px;
}
.iconbadge:empty, .iconbadge[data-prcnt="0"] {
	display: none; 
}
.iconbadge.IkonKampanjArtgruppFaltSV {
	color: var(--base-color7);
	background: var(--base-background4);
}
.iconbadge>div {
	display: inline;
}
.Kampanj_Beskr {
	color: var(--base-color7);
	background: var(--base-background5);
}
.PT_Outlet.iconbadge {
	/*background: var(--base-background4);*/ 
	font-size: 10px;
	line-height: 20px;
	display: none;
}
.PT_Outlet.iconbadge[data-varde="Rabattkod"]{
	/*background: #6e0707;*/
}
.PT_Outlet.iconbadge img {
	position: unset;
	margin: -6px -8px -8px -8px;
	width: calc(100% + 16px);
	max-width: unset;
}
#Bildkolumn>.PT_Outlet.iconbadge {
	padding: 5px 10px;
	font-size: 16px;
	position: absolute;
	top: 1px;
	left: 19px;
	z-index: 1;
}
/* CAMPAIGN / NEWS */

/*.procent2:not(:empty)+.PT_UtskriftIkonKampanj_TagX {
	top: 40px;
}
.ikoner>div.IkonKampanjArtgruppFalt,
.ikoner .procent2,
.ikoner .PT_UtskriftIkonKampanj_TagX {
	background: var(--sale-bagde-background1);
	color: var(--sale-bagde-color1);
	left: 0px;
}
.ikoner>div.IkonNyhetArtgruppFalt {
	background: var(--news-bagde-background1);
	color: var(--news-bagde-color1);
	right: 0px;
}*/
/* .PT_Procent::after {
	content: "%";
} */
/* Mobile only */
@media screen and (max-width: 768px) {
	.iconbadge {
		font-size: 10px;
		padding: 3px 8px 1px;
	}
	.PT_Outlet.iconbadge {
		font-size: 8px;
		line-height: 17px;
	}
}

/* Wishlist */
.wishlist-button {
    --size-wish-btn: 2.1rem;
    min-width: var(--size-wish-btn);
    min-height: var(--size-wish-btn);
	max-width: var(--size-wish-btn);
    max-height: var(--size-wish-btn);
    padding: 0;
    display: grid;
    place-content: center;
    background: transparent;
	transform: scale(0.9);
	transition: transform .3s;
	border-radius: 50%;
	z-index: 1;
	position: relative;
    top: -0.5rem;
    right: 0.2rem!important;
}
.wishlist-button:hover {
	filter: none;
}
.svg-heart {
    width: 74%;
    height: auto;
    margin: 0 auto;
}
.svg-heart path{
	fill:#ffffff;
	stroke:#202020;
	stroke-miterlimit:10;
	stroke-width:4px;
	-webkit-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out; 
}
.wishlist-button:hover .svg-heart path,
.wishlist-button.remove .svg-heart path{
	fill:#C55357;
	stroke:#C55357;
}
.wishlist-button .svg-icon.hjarta::before{
	transition: all .3s;
}
.wishlist-button.remove .svg-icon.hjarta::before {
	background-image: url(/themes/develop_a11y/design/css/icons/hjarta-red.svg);
}

/* Tablet and up */
@media screen and (min-width: 769px) {
	.wishlist-button {
		--size-wish-btn: 2.4rem;
	}
	.wishlist-button:hover {
		transform: scale(1.1);
	}
	.wishlist-button.add:hover .svg-icon.hjarta::before {
		/*background-image: url(/themes/develop_a11y/design/css/icons/hjarta-red.svg);*/
	}
	.wishlist-button.remove:hover .svg-icon.hjarta::before {
		/*background-image: url(/themes/develop_a11y/design/css/icons/original_svgs/hjarta.svg);*/
	}
}
/* Desktop and up */
@media screen and (min-width: 1025px) {
	.wishlist-button {
		--size-wish-btn: 2.6rem;
	}
}
/* Ultrawide and up */
@media screen and (min-width: 1921px) {
	.wishlist-button {
		--size-wish-btn: 2.8rem;
	}
}