/**
 * Znak graficzny na bloku core/image (prawy dolny róg).
 */

.wp-block-image.has-berry-mark {
	position: relative;
}

.wp-block-image.has-berry-mark::after {
	content: "";
	position: absolute;
	right: clamp(15px, 2vw, 40px);
	bottom: clamp(15px, 2vw, 40px);
	width: 15vw;
	min-width: 130px;
	max-width: 205px;
	aspect-ratio: 205 / 104;
	height: auto;
	background-color: var(--wp--preset--color--greendark, #A0B718);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='104' viewBox='0 0 205 104' fill='none'%3E%3Cpath d='M172.278 79.6074C149.95 99.5442 120.355 103.743 88.8614 103.743C86.4697 73.546 96.0547 45.0648 118.383 25.1098C140.091 5.72069 166.619 -3.09752 203.918 0.973827C206.31 31.1894 194.625 59.6523 172.297 79.6074' fill='%23000'/%3E%3Cpath d='M0.130179 20.1438C20.5782 16.7662 38.2146 22.6998 52.6377 38.8939C67.0609 55.088 73.5239 78.5484 72.3737 103.597C51.3963 104.492 34.2893 101.041 19.8662 84.8471C5.44301 68.653 -1.02002 45.1926 0.130179 20.1438Z' fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='205' height='104' viewBox='0 0 205 104' fill='none'%3E%3Cpath d='M172.278 79.6074C149.95 99.5442 120.355 103.743 88.8614 103.743C86.4697 73.546 96.0547 45.0648 118.383 25.1098C140.091 5.72069 166.619 -3.09752 203.918 0.973827C206.31 31.1894 194.625 59.6523 172.297 79.6074' fill='%23000'/%3E%3Cpath d='M0.130179 20.1438C20.5782 16.7662 38.2146 22.6998 52.6377 38.8939C67.0609 55.088 73.5239 78.5484 72.3737 103.597C51.3963 104.492 34.2893 101.041 19.8662 84.8471C5.44301 68.653 -1.02002 45.1926 0.130179 20.1438Z' fill='%23000'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: right bottom;
	mask-position: right bottom;
	pointer-events: none;
	z-index: 1;
}

.wp-block-image.has-berry-mark-color-white::after {
	background-color: var(--white, var(--wp--preset--color--white, #FDFEFF));
}

.wp-block-image.has-berry-mark-color-greendark::after {
	background-color: var(--greendark, var(--wp--preset--color--greendark, #A0B718));
}

.wp-block-image.has-berry-mark-color-greenlight::after {
	background-color: var(--greenlight, var(--wp--preset--color--greenlight, #A0B71852));
}

.wp-block-image.has-berry-mark-color-bluedark::after {
	background-color: var(--bluedark, var(--wp--preset--color--bluedark, #1A2641));
}

.wp-block-image.has-berry-mark-color-bluelight::after {
	background-color: var(--bluelight, var(--wp--preset--color--bluelight, #24314F));
}

/* Przyciski kolorów w panelu bocznym edytora */
.forberries-berry-mark-colors {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.forberries-berry-mark-color-btn {
	position: relative;
	padding-left: 28px !important;
}

.forberries-berry-mark-color-btn::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 50%;
	width: 12px;
	height: 12px;
	border-radius: 2px;
	transform: translateY(-50%);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.forberries-berry-mark-color-btn.is-color-white::before {
	background-color: var(--wp--preset--color--white, #FDFEFF);
}

.forberries-berry-mark-color-btn.is-color-greendark::before {
	background-color: var(--wp--preset--color--greendark, #A0B718);
}

.forberries-berry-mark-color-btn.is-color-greenlight::before {
	background-color: var(--wp--preset--color--greenlight, #A0B71852);
}

.forberries-berry-mark-color-btn.is-color-bluedark::before {
	background-color: var(--wp--preset--color--bluedark, #1A2641);
}

.forberries-berry-mark-color-btn.is-color-bluelight::before {
	background-color: var(--wp--preset--color--bluelight, #24314F);
}