/* Frontend layout (wrapper class added by PHP render_block) */
.wp-block-button.has-wx-svg-icon .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

/* Editor preview layout (class added to link via JS injection) */
.wp-block-button__link.has-wx-svg-icon {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

/* Icon box */
.wx-button-icon.wx-svg-icon,
.wx-icon-picker .wx-svg-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	flex: 0 0 auto;

	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}

/* Position safety net */
.wp-block-button.icon-left .wp-block-button__link .wx-button-icon,
.wp-block-button__link.icon-left .wx-button-icon {
	order: -1;
}

/* ---------- Sidebar icon grid ---------- */
.wx-icon-picker{
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 12px;
}

.wx-icon-picker__item{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;
	padding: 0;

	border: 1px solid #dcdcde;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
}

.wx-icon-picker__item:hover{
	border-color: #8c8f94;
}

.wx-icon-picker__item.is-selected{
	border-color: #3858e9;
	box-shadow: 0 0 0 1px #3858e9;
}

.wx-icon-picker__icon{
	width: 18px;
	height: 18px;
}

.wx-icon-picker__icon--none{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: none;
	color: #8c8f94;
	font-size: 16px;
	line-height: 1;
}

/* Tooltip */
.wx-icon-picker__item[data-tooltip]::after{
	content: attr(data-tooltip);
	position: absolute;
	left: 50%;
	top: calc(100% + 8px);
	transform: translateX(-50%);
	white-space: nowrap;

	background: #1e1e1e;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding: 6px 8px;
	border-radius: 4px;

	opacity: 0;
	pointer-events: none;
	transition: opacity 120ms ease;
	z-index: 9999;
}

.wx-icon-picker__item[data-tooltip]::before{
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% + 2px);
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-bottom-color: #1e1e1e;

	opacity: 0;
	pointer-events: none;
	transition: opacity 120ms ease;
	z-index: 9999;
}

.wx-icon-picker__item:hover::after,
.wx-icon-picker__item:hover::before{
	opacity: 1;
}


/* ---------- SVG masks ---------- */

.wx-svg-icon--arrow-left {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%23152644' d='M.21 5.46 5.46.21a.774.774 0 0 1 1.063 0 .774.774 0 0 1 0 1.063l-3.968 3.97h12.687a.76.76 0 0 1 .75.75.76.76 0 0 1-.75.75H2.555l3.968 3.968a.774.774 0 0 1 0 1.062.774.774 0 0 1-1.062 0L.21 6.523a.774.774 0 0 1 0-1.062'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%23152644' d='M.21 5.46 5.46.21a.774.774 0 0 1 1.063 0 .774.774 0 0 1 0 1.063l-3.968 3.97h12.687a.76.76 0 0 1 .75.75.76.76 0 0 1-.75.75H2.555l3.968 3.968a.774.774 0 0 1 0 1.062.774.774 0 0 1-1.062 0L.21 6.523a.774.774 0 0 1 0-1.062'/%3E%3C/svg%3E");
}
.wx-svg-icon--arrow-right {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%23152644' d='m15.781 6.523-5.25 5.25c-.281.282-.75.282-1.062 0a.774.774 0 0 1 0-1.062l3.969-3.969H.75a.76.76 0 0 1-.75-.75.76.76 0 0 1 .75-.75h12.688l-3.97-3.969a.774.774 0 0 1 0-1.062.774.774 0 0 1 1.063 0l5.25 5.25a.774.774 0 0 1 0 1.062'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%23152644' d='m15.781 6.523-5.25 5.25c-.281.282-.75.282-1.062 0a.774.774 0 0 1 0-1.062l3.969-3.969H.75a.76.76 0 0 1-.75-.75.76.76 0 0 1 .75-.75h12.688l-3.97-3.969a.774.774 0 0 1 0-1.062.774.774 0 0 1 1.063 0l5.25 5.25a.774.774 0 0 1 0 1.062'/%3E%3C/svg%3E");
}
.wx-svg-icon--calendar {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none' viewBox='0 0 14 15'%3E%3Cpath fill='%23152644' d='M3.75 0a.76.76 0 0 1 .75.75V2h5V.75a.76.76 0 0 1 .75-.75.76.76 0 0 1 .75.75V2h1c1.094 0 2 .906 2 2v9c0 1.094-.906 2-2 2H2c-1.094 0-2-.906-2-2V4c0-1.094.906-2 2-2h1V.75A.76.76 0 0 1 3.75 0M12 13.5c.281 0 .5-.219.5-.5v-2H9.75v2.5zm.5-4V7H9.75v2.5zm-4.25 0V7h-2.5v2.5zm-4 0V7H1.5v2.5zM1.5 11v2c0 .281.219.5.5.5h2.25V11zm4.25 0v2.5h2.5V11zm-2-7.5H2c-.281 0-.5.219-.5.5v1.5h11V4c0-.281-.219-.5-.5-.5z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none' viewBox='0 0 14 15'%3E%3Cpath fill='%23152644' d='M3.75 0a.76.76 0 0 1 .75.75V2h5V.75a.76.76 0 0 1 .75-.75.76.76 0 0 1 .75.75V2h1c1.094 0 2 .906 2 2v9c0 1.094-.906 2-2 2H2c-1.094 0-2-.906-2-2V4c0-1.094.906-2 2-2h1V.75A.76.76 0 0 1 3.75 0M12 13.5c.281 0 .5-.219.5-.5v-2H9.75v2.5zm.5-4V7H9.75v2.5zm-4.25 0V7h-2.5v2.5zm-4 0V7H1.5v2.5zM1.5 11v2c0 .281.219.5.5.5h2.25V11zm4.25 0v2.5h2.5V11zm-2-7.5H2c-.281 0-.5.219-.5.5v1.5h11V4c0-.281-.219-.5-.5-.5z'/%3E%3C/svg%3E");
}
.wx-svg-icon--location {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='17' fill='none' viewBox='0 0 12 17'%3E%3Cpath fill='%23152644' d='M1.5 5.906c0 1.407.75 3.157 1.844 4.907.875 1.406 1.906 2.656 2.656 3.5.75-.844 1.781-2.094 2.656-3.5 1.094-1.75 1.844-3.5 1.844-4.907C10.5 3.5 8.5 1.5 6 1.5s-4.5 2-4.5 4.406M6 0c3.313 0 6 2.625 6 5.906 0 3.719-3.75 8.188-5.312 9.875a.93.93 0 0 1-1.375 0C3.75 14.094 0 9.625 0 5.906 0 2.625 2.688 0 6 0M5 6c0 .563.438 1 1 1s1-.437 1-1-.437-1-1-1-1 .438-1 1m3.5 0c0 1.375-1.125 2.5-2.5 2.5A2.507 2.507 0 0 1 3.5 6c0-1.375 1.125-2.5 2.5-2.5S8.5 4.625 8.5 6'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='17' fill='none' viewBox='0 0 12 17'%3E%3Cpath fill='%23152644' d='M1.5 5.906c0 1.407.75 3.157 1.844 4.907.875 1.406 1.906 2.656 2.656 3.5.75-.844 1.781-2.094 2.656-3.5 1.094-1.75 1.844-3.5 1.844-4.907C10.5 3.5 8.5 1.5 6 1.5s-4.5 2-4.5 4.406M6 0c3.313 0 6 2.625 6 5.906 0 3.719-3.75 8.188-5.312 9.875a.93.93 0 0 1-1.375 0C3.75 14.094 0 9.625 0 5.906 0 2.625 2.688 0 6 0M5 6c0 .563.438 1 1 1s1-.437 1-1-.437-1-1-1-1 .438-1 1m3.5 0c0 1.375-1.125 2.5-2.5 2.5A2.507 2.507 0 0 1 3.5 6c0-1.375 1.125-2.5 2.5-2.5S8.5 4.625 8.5 6'/%3E%3C/svg%3E");
}
.wx-svg-icon--email {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%23152644' d='M1.906 0h12.188C15.156 0 16 .875 16 1.906V10c0 1.094-.906 2-2 2H2c-1.094 0-2-.906-2-2V1.906C0 .875.875 0 1.906 0M14.5 4 9.656 7.688a2.72 2.72 0 0 1-3.312 0L1.5 4v6c0 .281.219.5.5.5h12c.281 0 .5-.219.5-.5zm-13-2.094c0 .157.063.282.156.344L7.25 6.5a1.32 1.32 0 0 0 1.5 0l5.594-4.25c.094-.062.156-.187.156-.344a.414.414 0 0 0-.406-.406H1.906a.414.414 0 0 0-.406.406'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none' viewBox='0 0 16 12'%3E%3Cpath fill='%23152644' d='M1.906 0h12.188C15.156 0 16 .875 16 1.906V10c0 1.094-.906 2-2 2H2c-1.094 0-2-.906-2-2V1.906C0 .875.875 0 1.906 0M14.5 4 9.656 7.688a2.72 2.72 0 0 1-3.312 0L1.5 4v6c0 .281.219.5.5.5h12c.281 0 .5-.219.5-.5zm-13-2.094c0 .157.063.282.156.344L7.25 6.5a1.32 1.32 0 0 0 1.5 0l5.594-4.25c.094-.062.156-.187.156-.344a.414.414 0 0 0-.406-.406H1.906a.414.414 0 0 0-.406.406'/%3E%3C/svg%3E");
}
.wx-svg-icon--faq {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23152644' d='M14.5 8c0-3.594-2.906-6.5-6.5-6.5A6.495 6.495 0 0 0 1.5 8c0 3.594 2.906 6.5 6.5 6.5s6.5-2.906 6.5-6.5M0 8c0-4.406 3.594-8 8-8s8 3.594 8 8-3.594 8-8 8-8-3.594-8-8m8-2.5c-.562 0-1 .438-1 1a.76.76 0 0 1-.75.75.76.76 0 0 1-.75-.75C5.5 5.125 6.625 4 8 4s2.5 1.125 2.5 2.5c0 1.469-1.125 2.094-1.75 2.344v.094a.74.74 0 0 1-.75.75.74.74 0 0 1-.75-.75v-.25c0-.626.469-1.094.938-1.25a1.25 1.25 0 0 0 .562-.313C8.906 7 9 6.813 9 6.5c0-.562-.437-1-1-1m-1 6c0-.562.438-1 1-1s1 .438 1 1-.437 1-1 1-1-.437-1-1'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23152644' d='M14.5 8c0-3.594-2.906-6.5-6.5-6.5A6.495 6.495 0 0 0 1.5 8c0 3.594 2.906 6.5 6.5 6.5s6.5-2.906 6.5-6.5M0 8c0-4.406 3.594-8 8-8s8 3.594 8 8-3.594 8-8 8-8-3.594-8-8m8-2.5c-.562 0-1 .438-1 1a.76.76 0 0 1-.75.75.76.76 0 0 1-.75-.75C5.5 5.125 6.625 4 8 4s2.5 1.125 2.5 2.5c0 1.469-1.125 2.094-1.75 2.344v.094a.74.74 0 0 1-.75.75.74.74 0 0 1-.75-.75v-.25c0-.626.469-1.094.938-1.25a1.25 1.25 0 0 0 .562-.313C8.906 7 9 6.813 9 6.5c0-.562-.437-1-1-1m-1 6c0-.562.438-1 1-1s1 .438 1 1-.437 1-1 1-1-.437-1-1'/%3E%3C/svg%3E");
}