/**
 * Copyright New - Aste
 *
 * NOTICE OF LICENSE
 *
 * This file is not open source! Each license that you purchased is only available for 1 website only.
 * If you want to use this file on more websites (or projects), you need to purchase additional licenses.
 * You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future.
 *
 * @author New - Aste
 * @copyright  New - Aste
 * @license    Valid for 1 website (or project) for each purchase of license
 */

.climagelabel-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
	height: 100%;
}

.climagelabel-wrap > img {
	max-width: 100%;
}

/* Etykieta wstawiona bezposrednio w istniejacy element (np. kotwice MagicZoomPlus)
   zamiast we wlasny <span class="climagelabel-wrap"> - patrz ensureWrapper() w
   climagelabel-front.js. Celowo tylko position:relative, bez display/font-size/
   line-height z .climagelabel-wrap, zeby nie kolidowac ze stylami wlasciciela elementu. */
.climagelabel-anchor-inplace {
	position: relative;
}

/* MagicZoomPlus podmienia zdjecie wewnatrz swojej kotwicy przy kliknieciu w miniature
   (patrz watchMagicZoomActivePhoto() w climagelabel-front.js) - etykieta ma byc widoczna
   tylko wtedy, gdy aktualnie pokazywane zdjecie to wciaz to oznaczone w panelu admina. */
.climagelabel-badge-hidden {
	display: none !important;
}

.climagelabel-badge {
	position: absolute;
	z-index: 5;
	box-sizing: border-box;
	font-family: inherit;
	font-size: var(--climagelabel-font-size, 12px);
	font-weight: var(--climagelabel-font-weight, 400);
	line-height: var(--climagelabel-line-height, 14px);
	color: var(--climagelabel-text-color, #ffffff);
	background-color: var(--climagelabel-bg-rgba, rgba(0, 0, 0, 0.7));
	padding: var(--climagelabel-padding, 6px);
	border-radius: var(--climagelabel-radius, 4px);
	max-width: var(--climagelabel-max-width, 90%);
	pointer-events: none;
	white-space: normal;
	word-break: break-word;
}

.climagelabel-pos-top_left {
	top: var(--climagelabel-margin, 8px);
	left: var(--climagelabel-margin, 8px);
}

.climagelabel-pos-top_right {
	top: var(--climagelabel-margin, 8px);
	right: var(--climagelabel-margin, 8px);
}

.climagelabel-pos-bottom_left {
	bottom: var(--climagelabel-margin, 8px);
	left: var(--climagelabel-margin, 8px);
}

.climagelabel-pos-bottom_right {
	bottom: var(--climagelabel-margin, 8px);
	right: var(--climagelabel-margin, 8px);
}

.climagelabel-pos-above,
.climagelabel-pos-below {
	position: static;
	display: block;
	max-width: 100%;
	margin: var(--climagelabel-margin, 8px) 0;
}

.mainCarousel .carouselItem  .climagelabel-badge-icon {
	width: 1.6rem !important;
	height: 1.6rem !important;
}

.climagelabel-badge-icon {
	display: inline-block;
	width: 1.6rem !important;
	height: 1.6rem !important;
	vertical-align: middle;
	object-fit: contain;
	/* Sama etykieta ma pointer-events:none, zeby nie blokowac klikniecia w zdjecie
	   ani galerii - wlaczamy je z powrotem tylko na malej ikonce, zeby dzialal
	   natywny tooltip (title) i najechanie myszka bylo w ogole wykrywane. */
	pointer-events: auto;
	cursor: help;
}

.climagelabel-badge-text {
	display: inline-block;
	vertical-align: middle;
}

.climagelabel-badge-icon + .climagelabel-badge-text {
	margin-left: 0.4em;
}

html.climagelabel-hide-mobile .climagelabel-badge {
	display: none;
}

html.climagelabel-hide-desktop .climagelabel-badge {
	display: none;
}

@media (min-width: 768px) {
	html.climagelabel-hide-mobile .climagelabel-badge {
		display: inline-block;
	}
	.climagelabel-pos-above,
	.climagelabel-pos-below {
		display: block;
	}
}

@media (max-width: 767px) {
	html.climagelabel-hide-desktop .climagelabel-badge {
		display: inline-block;
	}
	.climagelabel-badge {
		font-size: calc(var(--climagelabel-font-size, 12px) * 0.9);
	}
}