/**
 * sanatate-spacing.css v4 — Spațiere egală și mică între iconițele topbar
 *
 * Toate butoanele din topbar-dreapta primesc margin simetric de 4px.
 * Asta creează spațiu de 8px total între fiecare două iconițe (4px dreapta
 * al unuia + 4px stânga al următorului).
 *
 * Se aplică doar pe desktop (>=769px) — pe mobil se păstrează comportamentul
 * compact existent.
 */

@media (min-width: 769px) {

    /* ═══ Sănătate ═══ */
    button[title^="Sănătate"],
    button[title^="Sanatate"] {
        margin: 0 4px !important;
        position: relative !important;
        z-index: 1 !important;
    }

    /* ═══ Coș / Comenzi ═══ */
    button[title*="Coș"],
    button[title*="Cos"],
    button[title*="Comenzi"],
    button[title*="Cart"] {
        margin: 0 4px !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* ═══ Notificări ═══ */
    button[title*="Notific"] {
        margin: 0 4px !important;
        position: relative !important;
        z-index: 2 !important;
    }

    /* ═══ Sunet (Mute/Unmute) ═══ */
    button[title*="Sunet"],
    button[title*="Mute"] {
        margin: 0 4px !important;
    }

    /* ═══ Temă (light/dark/color) ═══ */
    button[title*="Temă"],
    button[title*="Tema"],
    button[title*="Theme"] {
        margin: 0 4px !important;
    }

    /* ═══ Reminders (clopoțel) ═══ */
    button[title*="Reminder"] {
        margin: 0 4px !important;
    }
}