/* CarPro Icons — data-icon attribute (nessun testo nel DOM = keyword SEO pulite) */

[data-icon] {
    font-size: 24px;      /* default; sovrascrivi con .icon-N per evitare style inline */
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

[data-icon]::before {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 1em;       /* eredita da [data-icon] → inline style e Tailwind sovrastano */
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga' 1;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    content: attr(data-icon);
}

/* Size variants — sostituiscono style="font-size:Npx" — specificità [0,2,0] > [0,1,0] default */
[data-icon].icon-14 { font-size: 14px; }
[data-icon].icon-15 { font-size: 15px; }
[data-icon].icon-16 { font-size: 16px; }
[data-icon].icon-18 { font-size: 18px; }
[data-icon].icon-20 { font-size: 20px; }
[data-icon].icon-22 { font-size: 22px; }
[data-icon].icon-28 { font-size: 28px; }
[data-icon].icon-32 { font-size: 32px; }
[data-icon].icon-36 { font-size: 36px; }
[data-icon].icon-40 { font-size: 40px; }