/*
Theme Name:   PB Design Child
Theme URI:    https://andreas-paust.de
Description:  Child Theme für "PB Design". Für individuelle Anpassungen, ohne das Parent-Theme zu verändern (bleibt bei Parent-Theme-Updates unversehrt).
Author:       Dr. Andreas Paust
Template:     pb-design
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  pb-design-child
*/

/* ─────────────────────────────────────────────────────────────
   WICHTIG: "Template:" oben muss exakt dem Ordnernamen des
   Parent-Themes auf dem Server entsprechen. Steht hier "pb-design",
   weil das so beim Hochladen der pb-design.zip entstehen sollte.
   Falls WordPress "Parent-Theme fehlt" meldet: Design →
   Theme-Editor → Parent-Theme auswählen → Ordnername ablesen →
   hier eintragen.
───────────────────────────────────────────────────────────── */

/* ─────────────────────────────────────────────────────────────
   Ab hier: eigene Anpassungen ergänzen. Die Design-Tokens
   (--navy, --orange, --light-bg, --text, --border, --white)
   sind bereits vom Parent-Theme gesetzt und stehen hier zur
   Verfügung.
───────────────────────────────────────────────────────────── */

/* Beispiel: eigene Anpassung (kann gelöscht/ersetzt werden)
.entry-title {
  text-transform: none;
}
*/

/* ─────────────────────────────────────────────────────────────
   OPTIONAL: A-Z-GRID in der Sidebar
   Aktivierung: siehe functions.php – dort den Block unter
   "OPTIONAL: A-Z-GRID" freischalten.
───────────────────────────────────────────────────────────── */
.pp-az-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  margin-bottom: 10px;
}

.pp-az-grid a {
  display: block;
  text-align: center;
  padding: 6px 0;
  background: var(--light-bg, #f5f7fa);
  border: 1px solid var(--border, #d0d8e4);
  border-radius: 3px;
  font-family: Arial, sans-serif;
  font-size: .82rem;
  font-weight: bold;
  color: var(--navy, #1a3a5c);
  text-decoration: none;
}

.pp-az-grid a:hover {
  background: var(--orange, #e87722);
  border-color: var(--orange, #e87722);
  color: #fff;
}

@media (max-width: 480px) {
  .pp-az-grid { grid-template-columns: repeat(4, 1fr); }
}