/* ============================================================
   LLIBRERIA ICONES
   - Material Symbols (self-hosted, subset Outlined w300 + FILL)
   - Icones socials: SVG inline (helper PHP icona_social) -> .svg-social
   NO barrejar amb estils.css: aquest fitxer és la llibreria.
   Font Awesome eliminat completament.
   ============================================================ */

@font-face {
	font-family: "Material Symbols";
	font-style: normal;
	font-weight: 100 700;
	font-display: swap;
	src: url(../fonts/material-symbols.woff2) format("woff2");
}

.ms,
.material-symbols-outlined {
	font-family: "Material Symbols";
	font-weight: normal;
	font-style: normal;
	font-variation-settings: 'FILL' 0;
	font-feature-settings: 'liga';
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.ms-spin { animation: ms-spin 1.4s linear infinite; }
@keyframes ms-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
.ms.fill, .ms-fill { font-variation-settings: 'FILL' 1; }

/* ----- Mapa icones (codepoint) ----- */
.ms-filter:before{content:"\ef4f"}
.ms-times:before{content:"\e5cd"}
.ms-angle-up:before{content:"\e316"}
.ms-angle-down:before{content:"\e313"}
.ms-angle-left:before{content:"\e5cb"}
.ms-angle-right:before{content:"\e5cc"}
.ms-chevron-left:before{content:"\e5cb"}
.ms-chevron-down:before{content:"\e313"}
.ms-heart:before{content:"\e87e"}
.ms-shopping-cart:before{content:"\e8cc"}
.ms-user:before{content:"\f0d3"}
.ms-sign-out:before{content:"\e9ba"}
.ms-power-off:before{content:"\f8c7"}
.ms-exclamation-triangle:before{content:"\f083"}
.ms-exclamation-circle:before{content:"\f8b6"}
.ms-engine-warning:before{content:"\f083"}
.ms-eye:before{content:"\e8f4"}
.ms-circle:before{content:"\ef4a"}
.ms-circle{font-variation-settings:'FILL' 1}
.ms-truck:before{content:"\e558"}
.ms-truck-loading:before{content:"\e558"}
.ms-check:before{content:"\e668"}
.ms-check-circle:before{content:"\f0be"}
.ms-print:before{content:"\e8ad"}
.ms-undo:before{content:"\e166"}
.ms-plus:before{content:"\e145"}
.ms-plus-circle:before{content:"\e990"}
.ms-download:before{content:"\f090"}
.ms-home:before{content:"\e9b2"}
.ms-comment:before{content:"\e0cb"}
.ms-arrow-right:before{content:"\e5c8"}
.ms-arrow-up:before{content:"\e5d8"}
.ms-clock:before{content:"\efd6"}
.ms-envelope:before{content:"\e159"}
.ms-star:before{content:"\f09a"}
.ms-spinner:before{content:"\e9d0"}
.ms-phone:before{content:"\f0d4"}
.ms-minus:before{content:"\e15b"}
.ms-location:before{content:"\e0c8"}
.ms-search:before{content:"\e8b6"}
.ms-language:before{content:"\e894"}
.ms-expand:before{content:"\e5cf"}
.ms-menu:before{content:"\e5d2"}
.ms-star.fill{font-variation-settings:'FILL' 1}

/* ----- Icones socials SVG inline (helper PHP icona_social) ----- */
.svg-social{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:currentColor}