/*
Theme Name: ABM Praxis
Theme URI: https://neu.zahnarztpraxis-oesterle-waidhofen.com
Author: Claude / ABM
Description: Schlankes Block-Theme fuer die Zahnarztpraxis Dr. Pia Oesterle. Warm, ruhig, gruene Typografie auf Grau/Braun.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: abm-praxis
*/

/* ---- Grundlagen ---- */
body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: 2px; }

/* ---- Utility-Klassen fuer die Seiteninhalte ---- */
.abm-eyebrow {
  font-size: .74rem; letter-spacing: .16em; text-transform: uppercase;
  font-weight: 700; color: var(--wp--preset--color--gruen);
}
.abm-mute { color: var(--wp--preset--color--salbei); }

.abm-jahr {
  font-family: var(--wp--preset--font-family--fraunces);
  font-size: clamp(2.1rem, 5vw, 3.2rem); line-height: 1.08;
  color: var(--wp--preset--color--gruen);
}

/* Bilder, die eine Flaeche randlos fuellen (Hero, Raumfotos, Team) */
.abm-fill img {
  width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px;
}
.abm-round img { border-radius: 8px; }

/* Behandlungs-Zeilen mit feiner Trennlinie */
.abm-zeile { border-top: 1px solid rgba(67, 53, 42, .25); }
.abm-zeile:last-of-type { border-bottom: 1px solid rgba(67, 53, 42, .25); }

/* Angst-Schritte: gruene Oberlinie + Nummer */
.abm-schritt { border-top: 2px solid var(--wp--preset--color--salbei); }
.abm-schritt .abm-nr {
  font-family: var(--wp--preset--font-family--fraunces);
  color: var(--wp--preset--color--salbei); font-size: 1.35rem;
}

/* Team-Portraits eckig, gleiche Groesse */
.abm-team figure { margin: 0; }
.abm-team img { aspect-ratio: 4/5; width: 100%; object-fit: cover; border-radius: 8px; display: block; }

/* Kopf/Menue */
.abm-kopf a { text-decoration: none; }
.abm-wortmarke {
  font-family: var(--wp--preset--font-family--fraunces);
  font-size: 1.24rem; color: var(--wp--preset--color--gruen); text-decoration: none;
}

/* Telefon-Zeile im Hero */
.abm-tel { font-size: 1.2rem; font-weight: 700; color: var(--wp--preset--color--gruen); text-decoration: none; white-space: nowrap; }

/* ---- Notfall-Banner (per mu-plugin ausgegeben) ---- */
.abm-notfall {
  background: var(--wp--preset--color--tanne); color: rgba(241,236,227,.94);
  text-align: center; padding: .7rem 1rem; font-size: .96rem; line-height: 1.5;
}
.abm-notfall a { color: #e6c893; font-weight: 700; white-space: nowrap; }

/* Fussbereich dunkel */
.abm-footer { background: var(--wp--preset--color--tanne); color: rgba(241,236,227,.9); }
.abm-footer a { color: rgba(241,236,227,.9); }
.abm-footer .abm-tel-f { color: #e6c893; font-weight: 700; text-decoration: none; }

/* dunkle Bereiche: Ueberschriften hell statt gruen */
.abm-dark :is(h1,h2,h3) { color: rgba(241,236,227,.95); }
.abm-dark .abm-eyebrow { color: #b9c9a3; }