.ka-component-text-field {
    padding: 1rem;
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    background: var(--ka-text-field-bg, var(--bs-body-bg, var(--wp--preset--color--background, #fff)));
    border-radius: var(--ka-text-field-radius, var(--bs-border-radius, 0.375rem));
    box-shadow: var(--ka-text-field-shadow, var(--bs-box-shadow-sm, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)));
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 1rem;
}

.ka-component-text-field .ka-text-field-empty {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-text-field-empty-color, var(--bs-secondary, #999));
    font-style: italic;
    text-align: center;
    padding: 2rem;
}

.ka-component-text-field h1,
.ka-component-text-field h2,
.ka-component-text-field h3,
.ka-component-text-field h4,
.ka-component-text-field h5,
.ka-component-text-field h6 {
    margin-top: 0;
    margin-bottom: 1rem;
}

.ka-component-text-field p {
    margin-bottom: 1rem;
}

.ka-component-text-field ul,
.ka-component-text-field ol {
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.ka-component-text-field a {
    /* ✅ POPRAWKA: Użyj wartości z motywu jako fallback */
    color: var(--ka-text-field-link-color, var(--bs-primary, var(--bs-info, #0073aa)));
    text-decoration: none;
}

.ka-component-text-field a:hover {
    text-decoration: underline;
}

/* Responsywność */
@media (max-width: 768px) {
    .ka-component-text-field {
        padding: 0.75rem;
        font-size: 1em;
    }
}