/* Chesed for Sick Plugin Styles v1.2 - Text Visibility Fix */

.chesed-form, .chesed-filters-form { 
    max-width: 800px; 
    margin: 20px auto; 
    padding: 20px; 
    border: 1px solid #ddd; 
    border-radius: 8px; 
    /* The theme's background will likely override this, which is fine. */
    background: #f9f9f9; 
}

/* 
===============================================
=== FIX FOR TEXT VISIBILITY ON LIGHT THEME ===
===============================================
*/
.chesed-form label { 
    display: block; 
    font-weight: bold; 
    margin-bottom: 5px; 
    /* This is the CORRECT fix: Forcing text to be dark */
    color: #111111 !important; 
}

.chesed-form-title,
.chesed-list-title { 
    /* Also forcing titles to be dark */
    color: #111111 !important; 
}
/* =============================================== */

.chesed-form input[type="text"], 
.chesed-form input[type="tel"], 
.chesed-form select, 
.chesed-form textarea { 
    width: 100%; 
    padding: 8px; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
    box-sizing: border-box; 
    /* Making sure the text INSIDE the input is also dark */
    color: #333; 
}

.chesed-filters-form { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; 
    align-items: center; 
    margin-bottom:20px; 
}

.chesed-filters-form select, 
.chesed-filters-form input[type="text"] { 
    flex-grow: 1; 
    padding: 8px; 
}

.chesed-button, .chesed-close-button { 
    background-color: #0073aa; 
    color: white; 
    border: none; 
    padding: 10px 15px; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-size: 16px; 
    border-radius: 5px; 
    cursor: pointer; 
}

.chesed-button.reset-button { background-color: #6c757d; }
.chesed-close-button { background-color: #d9534f; }
.listing-list .listing-box { position: relative; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px; border-radius: 8px; background: #fff; }
.listing-list .listing-box.closed { background-color: #fbecec; border-color: #e5c1c1; }
.listing-box .status-badge { position: absolute; top: 15px; left: 15px; background-color: #d9534f; color: white; padding: 5px 10px; border-radius: 4px; font-weight: bold; font-size: 12px; }
.listing-details-container { position: relative; }
.closed-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.85); display: flex; justify-content: center; align-items: center; z-index: 10; }
.closed-overlay-text { color: #b71c1c; font-size: 2em; font-weight: bold; text-align: center; transform: rotate(-10deg); border: 4px solid #b71c1c; padding: 15px 30px; border-radius: 10px; }
.chesed-success-message { color: #3c763d; background-color: #dff0d8; border: 1px solid #d6e9c6; padding: 15px; margin-bottom: 20px; border-radius: 4px; }
.chesed-error-message { color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1; padding: 15px; margin-bottom: 20px; border-radius: 4px; }
.listing-actions { margin-top: 20px; }