/* Fix pour Material Symbols Outlined - Assure la compatibilité avec Google Material Symbols */

.material-symbols-outlined {
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    vertical-align: middle;
}

/* Tailles d'icônes */
.material-symbols-outlined.md-18 {
    font-size: 18px;
}
.material-symbols-outlined.md-24 {
    font-size: 24px;
}
.material-symbols-outlined.md-36 {
    font-size: 36px;
}
.material-symbols-outlined.md-48 {
    font-size: 48px;
}

/* Couleurs d'icônes */
.material-symbols-outlined.md-dark {
    color: rgba(0, 0, 0, 0.54);
}
.material-symbols-outlined.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}
.material-symbols-outlined.md-light {
    color: rgba(255, 255, 255, 1);
}
.material-symbols-outlined.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}

/* Support pour les icônes spécifiques */
.material-symbols-outlined.beach_access:before {
    content: "beach_access";
}
.material-symbols-outlined.calendar_month:before {
    content: "calendar_month";
}
.material-symbols-outlined.calendar_clock:before {
    content: "calendar_clock";
}
.material-symbols-outlined.calendar_today:before {
    content: "calendar_today";
}
.material-symbols-outlined.calendar_view_week:before {
    content: "calendar_view_week";
}
.material-symbols-outlined.euro:before {
    content: "euro";
}
.material-symbols-outlined.schedule:before {
    content: "schedule";
}
.material-symbols-outlined.nest_clock_farsight_analog:before {
    content: "nest_clock_farsight_analog";
}
.material-symbols-outlined.check_circle:before {
    content: "check_circle";
}
.material-symbols-outlined.expand_more:before {
    content: "expand_more";
}

/* Support pour l'ancienne classe material-icons (rétrocompatibilité) */
.material-icons {
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    vertical-align: middle;
}