/**
 * Klappalapapp Suite – Frontend Styles
 *
 * Styling fuer Personalisierungsfelder auf WC-Produktseiten.
 * Wird nur auf Single-Product-Seiten geladen (is_product() Check).
 * Minimalistisch, kompatibel mit Goya-Theme und Standard-WC-Themes.
 */

/* ── Personalisierungs-Block ──────────────────────────────────── */

.kla-personalization-fields {
    margin: 1.5em 0;
    padding: 1em 0 0;
    border-top: 1px solid #e0e0e0;
}

.kla-personalization-fields h4 {
    margin: 0 0 0.75em;
    font-size: 1em;
    font-weight: 600;
}

/* ── Einzelnes Feld ───────────────────────────────────────────── */

.kla-pz-field {
    margin-bottom: 1em !important;
}

.kla-pz-field label {
    display: block;
    margin-bottom: 0.3em;
    font-weight: 500;
    font-size: 0.9em;
}

.kla-pz-field label abbr.required {
    color: #e2401c;
    text-decoration: none;
    border: none;
}

.kla-pz-field input[type="text"],
.kla-pz-field select {
    width: 100%;
    max-width: 400px;
}

/* ── Hinweistext / Instructions ───────────────────────────────── */

.kla-pz-instructions {
    display: block;
    margin-bottom: 0.4em;
    font-size: 0.82em;
    color: #666;
    line-height: 1.4;
    white-space: pre-line;
}

/* ── Zeichenlimit-Hinweis ─────────────────────────────────────── */

.kla-pz-charlimit {
    display: block;
    margin-top: 0.2em;
    font-size: 0.78em;
    color: #999;
}