/* =========================================
   XML SMART SEARCH — FLEX LAYOUT v5.0
   =========================================
   Variablen werden von #xss-search-container
   in search-style.css geerbt.
   ========================================= */

.xss-card-mode-flex {
    border:        1px solid var(--xss-card-border, #ddd);
    padding:       var(--xss-card-padding, 15px);
    margin-bottom: 20px;
    background:    var(--xss-card-bg, #fff);
    border-radius: 6px;
}

/* Eine Zeile im Flex-Modus */
.xss-flex-row {
    display:       flex;
    flex-wrap:     wrap;
    gap:           var(--xss-gap, 15px);
    margin-bottom: 0px;
    width:         100%;
}

/* Ein einzelnes Feld */
.xss-flex-item {
    width:            fit-content;
    max-width:        100%;
    padding:          5px 10px;
    background:       var(--xss-field-bg, #f9f9f9);
    border-radius:    var(--xss-border-radius, 4px);
    border:           1px solid var(--xss-field-border, #eee);
    line-height:      1.5;
    white-space:      normal;
    word-wrap:        break-word;
    overflow-wrap:    break-word;
}

.xss-field-label {
    font-weight:  bold;
    margin-right: 5px;
    color:        var(--xss-label-color, #333);
}

.xss-field-value {
    white-space: pre-wrap;
    color:       var(--xss-reset-color, #333);
}