/*
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; }

/* ---- Contact Form 7 ---- */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
  width: 100%; padding: .72rem .9rem; border: 1px solid #cabfab; border-radius: 5px;
  background: #fffdf9; font-family: inherit; font-size: 1rem; color: var(--wp--preset--color--gruen-text);
  margin-bottom: .9rem; box-sizing: border-box;
}
.wpcf7 input:focus, .wpcf7 textarea:focus { outline: 2px solid var(--wp--preset--color--salbei); outline-offset: 1px; border-color: var(--wp--preset--color--salbei); }
.wpcf7 textarea { min-height: 150px; }
.wpcf7 .wpcf7-list-item { margin: 0; }
.wpcf7-acceptance { font-size: .92rem; display: block; margin: .3rem 0 1rem; }
.wpcf7 input[type="submit"] {
  background: var(--wp--preset--color--braun); color: #fff; border: none; border-radius: 5px;
  padding: .8rem 1.8rem; font-weight: 700; font-size: 1rem; cursor: pointer; font-family: inherit;
}
.wpcf7 input[type="submit"]:hover { background: var(--wp--preset--color--braun-tief); }
.wpcf7 .abm-hp { position: absolute !important; left: -9999px !important; }