/**
 * Ikona pomieszczenia — tło/obramowanie, padding, kolor ikony (normal/hover).
 * Hover tła: na samym bloku ORAZ przy hoverze wiersza listy / mapy.
 */

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--surface {
	border: 1px solid var(--dom-pdd-ikona-pom-border, transparent);
	background-color: var(--dom-pdd-ikona-pom-bg, transparent);
	transition: background-color 0.15s ease, border-color 0.15s ease, padding 0.15s ease;
	box-sizing: border-box;
	padding: var(--dom-pdd-ikona-pom-pad, 0.5rem);
}

/* Tło/obramowanie (hover): poza listą — :hover na bloku; w liście — cały wiersz lub mapa. */
.dom-pdd-pom-list-item:hover .wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--surface,
.dom-pdd-pom-list-item.dom-pdd-pom-list-item--map-hover .wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--surface,
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--surface:hover,
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--surface:focus-within {
	background-color: var(--dom-pdd-ikona-pom-bg-hover, var(--dom-pdd-ikona-pom-bg, transparent));
	border-color: var(--dom-pdd-ikona-pom-border-hover, var(--dom-pdd-ikona-pom-border, transparent));
	padding: var(--dom-pdd-ikona-pom-pad-hover, var(--dom-pdd-ikona-pom-pad, 0.5rem));
}

/* Padding tylko wokół ikony (bez tła/obramowania) — zmienne z panelu */
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--icon-pad:not(.dom-pdd-ikona-pomieszczenia--surface) {
	box-sizing: border-box;
	padding: var(--dom-pdd-ikona-pom-pad, 0);
	transition: padding 0.15s ease;
}

.dom-pdd-pom-list-item:hover .wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--icon-pad:not(.dom-pdd-ikona-pomieszczenia--surface),
.dom-pdd-pom-list-item.dom-pdd-pom-list-item--map-hover .wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--icon-pad:not(.dom-pdd-ikona-pomieszczenia--surface),
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--icon-pad:not(.dom-pdd-ikona-pomieszczenia--surface):hover,
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--icon-pad:not(.dom-pdd-ikona-pomieszczenia--surface):focus-within {
	padding: var(--dom-pdd-ikona-pom-pad-hover, var(--dom-pdd-ikona-pom-pad, 0));
}

/* Dwie wersje koloru ikony — stos */
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__stack {
	position: relative;
	display: inline-block;
	line-height: 0;
	vertical-align: middle;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__img--normal {
	transition: opacity 0.15s ease;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__img--hover {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: opacity 0.15s ease;
}

/* Przełączenie grafiki: wiersz listy / mapa */
.dom-pdd-pom-list-item:hover .dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__img--normal,
.dom-pdd-pom-list-item:focus-within .dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__img--normal,
.dom-pdd-pom-list-item.dom-pdd-pom-list-item--map-hover .dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__img--normal {
	opacity: 0;
}

.dom-pdd-pom-list-item:hover .dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__img--hover,
.dom-pdd-pom-list-item:focus-within .dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__img--hover,
.dom-pdd-pom-list-item.dom-pdd-pom-list-item--map-hover .dom-pdd-ikona-pomieszczenia--dual-color .dom-pdd-ikona-pomieszczenia__img--hover {
	opacity: 1;
}

/* Ta sama logika poza listą — hover na opakowaniu bloku ikony */
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--dual-color:hover .dom-pdd-ikona-pomieszczenia__img--normal,
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--dual-color:focus-within .dom-pdd-ikona-pomieszczenia__img--normal {
	opacity: 0;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia--dual-color:hover .dom-pdd-ikona-pomieszczenia__img--hover,
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-center {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}

/* Fallback: pojedyncza grafika / stack — marginesy jak w edytorze */
.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-center .dom-pdd-ikona-pomieszczenia__img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-center .dom-pdd-ikona-pomieszczenia__stack {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-right .dom-pdd-ikona-pomieszczenia__img {
	display: block;
	margin-left: auto;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-right .dom-pdd-ikona-pomieszczenia__stack {
	display: block;
	margin-left: auto;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-left .dom-pdd-ikona-pomieszczenia__img {
	display: block;
	margin-right: auto;
}

.wp-block-dom-pdd-ikona-pomieszczenia.dom-pdd-ikona-pomieszczenia.has-text-align-left .dom-pdd-ikona-pomieszczenia__stack {
	display: block;
	margin-right: auto;
}