/* MAHAMU Utility Icon System v1.
 * Small semantic SVG vocabulary for rapid recognition.
 * Pseudo-elements are presentation-only; visible labels remain the semantic source.
 */

:where(.mahamu-icon,.mahamu-button-icon){
	--mahamu-icon-size:24px;
}

.mahamu-button-icon{
	--mahamu-icon-size:20px;
}

.mahamu-icon::before,
.mahamu-button-icon .wp-block-button__link::before{
	content:"";
	display:inline-block;
	width:var(--mahamu-icon-size);
	height:var(--mahamu-icon-size);
	flex:0 0 var(--mahamu-icon-size);
	background-color:currentColor;
	-webkit-mask-image:var(--mahamu-icon-url);
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size:contain;
	mask-image:var(--mahamu-icon-url);
	mask-position:center;
	mask-repeat:no-repeat;
	mask-size:contain;
}

.mahamu-button-icon .wp-block-button__link{
	gap:var(--wp--custom--space--sm);
}

.mahamu-action-with-arrow a{
	display:inline-flex;
	align-items:center;
	gap:var(--wp--custom--space--sm);
}

.mahamu-action-with-arrow a::after{
	content:"";
	display:inline-block;
	width:18px;
	height:18px;
	flex:0 0 18px;
	background-color:currentColor;
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m14 7 5 5-5 5'/%3E%3C/svg%3E");
	-webkit-mask-position:center;
	-webkit-mask-repeat:no-repeat;
	-webkit-mask-size:contain;
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m14 7 5 5-5 5'/%3E%3C/svg%3E");
	mask-position:center;
	mask-repeat:no-repeat;
	mask-size:contain;
}

.mahamu-icon--package{
	--mahamu-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5 12 3l8 4.5v9L12 21l-8-4.5z'/%3E%3Cpath d='m4.5 7.7 7.5 4.2 7.5-4.2'/%3E%3Cpath d='M12 12v9M8 5.2l8 4.5'/%3E%3C/svg%3E");
}

.mahamu-icon--truck{
	--mahamu-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 10h3l4 4v2h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17.5' cy='18' r='2'/%3E%3C/svg%3E");
}

.mahamu-icon--return{
	--mahamu-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7H5l3-3'/%3E%3Cpath d='M5 7h9a5 5 0 0 1 0 10H5'/%3E%3Cpath d='m8 13-4 4 4 4'/%3E%3C/svg%3E");
}

.mahamu-icon--help{
	--mahamu-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.8 9a2.4 2.4 0 0 1 4.6 1c0 1.8-2.4 2-2.4 3.7'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

.mahamu-icon--mail{
	--mahamu-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}

.mahamu-icon--phone{
	--mahamu-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 3.5 10 7.8 8.2 9.6c1.4 2.8 3.5 4.9 6.2 6.2l1.8-1.8 4.3 2.8-.8 3.1c-.2.7-.9 1.2-1.7 1.1C10.2 20.2 3.8 13.8 3 6c-.1-.8.4-1.5 1.1-1.7z'/%3E%3C/svg%3E");
}

.mahamu-icon--message{
	--mahamu-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M8 9h8M8 12.5h5'/%3E%3C/svg%3E");
}

.mahamu-icon--location{
	--mahamu-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}