/*
 * Lokale Icons für das Buchungs-Widget.
 *
 * Ersetzt den Font-Awesome-Aufruf an cdnjs.cloudflare.com. Das Widget nutzt
 * genau sieben Icons — dafür einen kompletten Webfont (~1,5 MB) von einem
 * fremden Server zu laden, wäre unverhältnismäßig und meldet außerdem bei
 * jedem Seitenaufruf die IP des Besuchers an einen Dritten.
 *
 * Umsetzung als CSS-Maske mit eingebettetem SVG:
 *   - keine Schriftdatei, keine externe Anfrage, ~5 KB gesamt
 *   - die Farbe kommt über background-color: currentColor, das Icon erbt also
 *     die Textfarbe genau wie vorher bei Font Awesome
 *   - das bestehende Markup <i class="fas fa-user-md"></i> bleibt unverändert,
 *     im JavaScript musste nichts angefasst werden
 *
 * Die Zeichnungen sind eigene, bewusst schlichte Entsprechungen — nicht die
 * Original-Grafiken von Font Awesome. Wer exakt deren Aussehen braucht, legt
 * das offizielle Subset unter assets/fonts/ ab und bindet es hier statt der
 * Masken ein.
 *
 * Bewusst eingegrenzt auf [class*="cgce-pm-"]: läuft auf der Seite ein Theme
 * mit eigenem Font Awesome, bleibt das unberührt.
 */

[class*="cgce-pm-"] i.fas,
[class*="cgce-pm-"] i.far,
[class*="cgce-pm-"] i[class*="fa-"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

/* Ohne Maskenunterstützung lieber nichts anzeigen als einen schwarzen Klotz */
@supports not ((-webkit-mask-image: none) or (mask-image: none)) {
    [class*="cgce-pm-"] i[class*="fa-"] {
        background-color: transparent;
    }
}

/* ── Arzt / Beratung vor Ort ─────────────────────────────────────────── */
[class*="cgce-pm-"] i.fa-user-md,
[class*="cgce-pm-"] i.fa-user-doctor {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5a3.9 3.9 0 1 1 0 7.8 3.9 3.9 0 0 1 0-7.8zM8.4 11.6l3.6 3.1 3.6-3.1c2.7.6 4.6 2.6 4.6 5V21H3.8v-4.4c0-2.4 1.9-4.4 4.6-5z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5a3.9 3.9 0 1 1 0 7.8 3.9 3.9 0 0 1 0-7.8zM8.4 11.6l3.6 3.1 3.6-3.1c2.7.6 4.6 2.6 4.6 5V21H3.8v-4.4c0-2.4 1.9-4.4 4.6-5z'/%3E%3C/svg%3E");
}

/* ── Hinweis / Info ──────────────────────────────────────────────────── */
[class*="cgce-pm-"] i.fa-info-circle,
[class*="cgce-pm-"] i.fa-circle-info {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 3.6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-1.3 4.9h2.6v7.9h-2.6z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 3.6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-1.3 4.9h2.6v7.9h-2.6z'/%3E%3C/svg%3E");
}

/* ── Pfeil nach rechts ───────────────────────────────────────────────── */
[class*="cgce-pm-"] i.fa-chevron-right {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 3.8 6.8 5.6l6.4 6.4-6.4 6.4 1.8 1.8L16.8 12z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 3.8 6.8 5.6l6.4 6.4-6.4 6.4 1.8 1.8L16.8 12z'/%3E%3C/svg%3E");
}

/* ── Telefon-Termin ──────────────────────────────────────────────────── */
[class*="cgce-pm-"] i.fa-phone {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.7 3.2a1.7 1.7 0 0 1 2.3.6l1.7 2.8a1.7 1.7 0 0 1-.3 2.1L8.9 10a12.6 12.6 0 0 0 5.1 5.1l1.3-1.5a1.7 1.7 0 0 1 2.1-.3l2.8 1.7a1.7 1.7 0 0 1 .6 2.3l-1.3 2a2.1 2.1 0 0 1-2.3 1C11.3 19 5 12.7 3.4 6.5a2.1 2.1 0 0 1 1-2.3z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.7 3.2a1.7 1.7 0 0 1 2.3.6l1.7 2.8a1.7 1.7 0 0 1-.3 2.1L8.9 10a12.6 12.6 0 0 0 5.1 5.1l1.3-1.5a1.7 1.7 0 0 1 2.1-.3l2.8 1.7a1.7 1.7 0 0 1 .6 2.3l-1.3 2a2.1 2.1 0 0 1-2.3 1C11.3 19 5 12.7 3.4 6.5a2.1 2.1 0 0 1 1-2.3z'/%3E%3C/svg%3E");
}

/* ── Video-Termin ────────────────────────────────────────────────────── */
[class*="cgce-pm-"] i.fa-video {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.6a1.6 1.6 0 0 1 1.6-1.6h9.2a1.6 1.6 0 0 1 1.6 1.6v10.8a1.6 1.6 0 0 1-1.6 1.6H4.6A1.6 1.6 0 0 1 3 17.4zM17 9.7l3.4-2.3a.9.9 0 0 1 1.4.8v7.6a.9.9 0 0 1-1.4.8L17 14.3z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6.6a1.6 1.6 0 0 1 1.6-1.6h9.2a1.6 1.6 0 0 1 1.6 1.6v10.8a1.6 1.6 0 0 1-1.6 1.6H4.6A1.6 1.6 0 0 1 3 17.4zM17 9.7l3.4-2.3a.9.9 0 0 1 1.4.8v7.6a.9.9 0 0 1-1.4.8L17 14.3z'/%3E%3C/svg%3E");
}

/* ── Uhrzeit / frühester Termin ──────────────────────────────────────── */
[class*="cgce-pm-"] i.fa-clock {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2.4a7.6 7.6 0 1 1 0 15.2 7.6 7.6 0 0 1 0-15.2zm-1.2 2.2h2.4v5.9h4.6v2.4h-7z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2.4a7.6 7.6 0 1 1 0 15.2 7.6 7.6 0 0 1 0-15.2zm-1.2 2.2h2.4v5.9h4.6v2.4h-7z'/%3E%3C/svg%3E");
}

/* ── Unterspritzung / Behandlungstermin ──────────────────────────────── */
[class*="cgce-pm-"] i.fa-syringe {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.1 1.9 15.7 3.3l1.4 1.4-1.8 1.8-2.8-2.8-1.4 1.4 1 1-7.4 7.4V18l-2.3 2.3 1.4 1.4L6.1 19.4h4.5l7.4-7.4 1 1 1.4-1.4-2.8-2.8 1.8-1.8 1.4 1.4 1.4-1.4z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.1 1.9 15.7 3.3l1.4 1.4-1.8 1.8-2.8-2.8-1.4 1.4 1 1-7.4 7.4V18l-2.3 2.3 1.4 1.4L6.1 19.4h4.5l7.4-7.4 1 1 1.4-1.4-2.8-2.8 1.8-1.8 1.4 1.4 1.4-1.4z'/%3E%3C/svg%3E");
}