/*
Theme Name: Therapie Rückenwind
Theme URI: https://therapie-rueckenwind.de
Author: CASOA
Description: Individuelles WordPress-Theme für Therapie Rückenwind – mobile Physiotherapie als Hausbesuch in Berlin und Potsdam. Design exakt aus Claude Design umgesetzt, Inhalte über Custom Post Types (Leistungen, Team, Standorte) und SCF-Felder pflegbar.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: rueckenwind
*/

/* ================================================================
   Design-Tokens (aus dem Claude-Design abgeleitet)
   ================================================================ */
:root {
  --rw-teal:        #0d8e87;   /* Türkis – Primärakzent */
  --rw-teal-soft:   #cfe9e6;   /* Selection / helle Fläche */
  --rw-navy:        #073c4e;   /* Dunkelblau – Headlines, Buttons */
  --rw-navy-hover:  #0d2c39;   /* Button-Hover */
  --rw-footer:      #0b232d;   /* Footer-Hintergrund */
  --rw-ink:         #2b3a41;   /* Fließtext */
  --rw-ink-soft:    #33454c;   /* Nav-Links */
  --rw-muted:       #5c6b72;   /* gedämpfter Text */
  --rw-line:        #ecf1f1;   /* feine Trennlinien */
  --rw-bg:          #ffffff;
  --rw-bg-soft:     #f4f8f8;   /* helle Sektion */
  --rw-bg-mint:     #f0f6f6;   /* Leistungs-Hero-Fläche */

  --rw-maxw:        1220px;
  --rw-radius:      14px;
  --rw-radius-lg:   18px;

  --rw-font-serif:  'Lora', Georgia, serif;
  --rw-font-sans:   'Source Sans 3', system-ui, -apple-system, sans-serif;
  --rw-font-script: 'Yellowtail', cursive;

  --rw-shadow-drop: 0 22px 54px -22px rgba(7,60,78,.45);
  --rw-shadow-head: 0 8px 24px -20px rgba(7,60,78,.5);
}

/* ================================================================
   Reset / Base
   ================================================================ */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--rw-font-sans);
  color: var(--rw-ink);
  background: var(--rw-bg);
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}
::selection { background: var(--rw-teal-soft); }

img { max-width: 100%; height: auto; }
a { color: inherit; }

h1, h2, h3, h4 { font-family: var(--rw-font-serif); color: var(--rw-navy); line-height: 1.15; }

@keyframes rwFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes rwMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Layout-Helfer */
.rw-container { max-width: var(--rw-maxw); margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.rw-fade { animation: rwFade .4s ease both; }

/* WordPress Core-Klassen (Barrierefreiheit) */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;
}
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 999; background: #fff; padding: 10px 16px; }
.skip-link:focus { left: 8px; top: 8px; }