/* Praxis Aschaffenburg – ruhige mobile CTA-Farben
   Zweck: rote fixierte Handy-Buttons/CTA-Balken entschärfen.
   Scope: nur hypnosepraxis-aschaffenburg, weil diese CSS nur dort eingebunden wird.
*/

@media (max-width: 768px) {
  a[class*="bg-red-"],
  button[class*="bg-red-"],
  a[class*="bg-rose-"],
  button[class*="bg-rose-"],
  a[class*="from-red-"],
  button[class*="from-red-"],
  a[class*="to-red-"],
  button[class*="to-red-"],
  [class*="fixed"][class*="bg-red-"],
  [class*="fixed"][class*="bg-rose-"],
  [class*="sticky"][class*="bg-red-"],
  [class*="sticky"][class*="bg-rose-"],
  .fixed a[class*="bg-red-"],
  .fixed button[class*="bg-red-"],
  .fixed a[class*="bg-rose-"],
  .fixed button[class*="bg-rose-"],
  .sticky a[class*="bg-red-"],
  .sticky button[class*="bg-red-"],
  .sticky a[class*="bg-rose-"],
  .sticky button[class*="bg-rose-"],
  a[style*="#dc2626"],
  a[style*="#b91c1c"],
  a[style*="#ef4444"],
  button[style*="#dc2626"],
  button[style*="#b91c1c"],
  button[style*="#ef4444"],
  .fixed[style*="#dc2626"],
  .fixed[style*="#b91c1c"],
  .fixed[style*="#ef4444"],
  .sticky[style*="#dc2626"],
  .sticky[style*="#b91c1c"],
  .sticky[style*="#ef4444"] {
    background: #1f6f78 !important;
    background-color: #1f6f78 !important;
    background-image: none !important;
    border-color: #18535b !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(31, 111, 120, 0.22) !important;
  }

  a[class*="bg-red-"]:hover,
  button[class*="bg-red-"]:hover,
  a[class*="bg-rose-"]:hover,
  button[class*="bg-rose-"]:hover,
  a[class*="from-red-"]:hover,
  button[class*="from-red-"]:hover,
  a[class*="to-red-"]:hover,
  button[class*="to-red-"]:hover,
  .fixed a[class*="bg-red-"]:hover,
  .fixed button[class*="bg-red-"]:hover,
  .sticky a[class*="bg-red-"]:hover,
  .sticky button[class*="bg-red-"]:hover {
    background: #18535b !important;
    background-color: #18535b !important;
    background-image: none !important;
    border-color: #123f46 !important;
    color: #ffffff !important;
  }

  a[class*="bg-red-"]:focus-visible,
  button[class*="bg-red-"]:focus-visible,
  a[class*="bg-rose-"]:focus-visible,
  button[class*="bg-rose-"]:focus-visible {
    outline: 3px solid rgba(31, 111, 120, 0.32) !important;
    outline-offset: 2px !important;
  }
}