/*
Letzte Cleaning Prüfung: 23.09.2026
Letztes Cleaning: -

Groessere Tippflaechen auf Touch-Geraeten (CFAI-MOB-20260921-008).

Viele kleine Knoepfe waren 22-30px hoch - zu klein fuer den Daumen
(Empfehlung 44px). Das AUSSEHEN bleibt unveraendert: jeder Knopf bekommt eine
unsichtbare, groessere Flaeche (::before), Textlinks senkrechten Innenabstand
mit gleich grossem Gegenrand. Nur bei grober Zeigerart (Finger), nicht mit
der Maus.

::before, weil einzelne Knoepfe ::after bereits fuer die Gestaltung nutzen
(.bt-seg.aktiv). Nebeneinander stehende Knoepfe werden nur senkrecht
erweitert, damit sich die Flaechen nicht ueberlappen.

Nicht erfasst: Zeitraum-Knoepfe in "Beste Veroeffentlichungszeit" - ihr
Behaelter .bt-segment scrollt waagerecht und schneidet jede Erweiterung ab;
groesser ginge es nur mit sichtbarer Aenderung.
*/

@media (pointer: coarse) {
  /* Rundum erweitern: freistehende Icon-Knoepfe (24-30px). */
  .tool-history-delete,
  [data-history-page],
  [data-voice-page],
  [data-creator-logo-remove],
  .result-part-copy {
    overflow: visible;
  }
  /* .tool-history-delete ist selbst ein Symbol (<i class="mdi ...">) - die
     Symbolschrift zeichnet ueber ::before, deshalb hier ::after. */
  .tool-history-delete::after,
  [data-history-page]::before,
  [data-voice-page]::before,
  [data-creator-logo-remove]::before,
  .result-part-copy::before {
    content: "";
    position: absolute;
    inset: -7px;
  }
  [data-history-page],
  [data-voice-page] {
    position: relative;
  }

  /* Nur senkrecht erweitern: Knoepfe in einer Reihe (Sprachwahl, Filter,
     Zeitraum, Vorschlaege). */
  [data-ui-language],
  .speech-voice-filter-button,
  [data-coach-prompt] {
    position: relative;
  }
  [data-ui-language]::before,
  .speech-voice-filter-button::before,
  [data-coach-prompt]::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 0;
    bottom: -7px;
    left: 0;
  }

  /* Textknopf "Promo-Code hinzufuegen" (13px hoch). button[...] statt
     [...]: .factory-credit-promo-toggle setzt padding:0 gleich stark. */
  button[data-promo-toggle] {
    padding-block: 14px;
    margin-block: -14px;
  }

  /* Kopfzeile (CFAI-MOB-20260922-049): Menueknopf 38 x 38 auf 44 x 44 px.
     Der Profilknopf (36 x 36) bleibt aussen vor: credit-checkout.css setzt
     ".factory-top-actions > * { position: static !important }" - eine
     unsichtbare Flaeche wuerde sich dann am Vorfahren ausrichten und fast die
     ganze Kopfzeile bedecken (im Test so beobachtet). */
  [data-mobile-sidebar-toggle] {
    position: relative;
  }
  /* -4px ab dem Innenbereich (1px Rahmen): 36 + 8 = 44 px. */
  [data-mobile-sidebar-toggle]::before {
    content: "";
    position: absolute;
    inset: -4px;
  }
}