/* ============================================================
   B2BKing File Upload Enhancer — Drop Zone Styles
   Add this to your theme's style.css OR to the B2BKing
   public CSS file, OR enqueue via functions.php
   ============================================================ */

/* Drop Zone */
.b2bkfe-dropzone {
    border: 2px dashed #b0b8c9;
    border-radius: 10px;
    background: #f8f9fc;
    padding: 28px 20px;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s, background .2s;
    position: relative;
    margin-bottom: 6px;
}
.b2bkfe-dropzone:hover,
.b2bkfe-dropzone.b2bkfe-over {
    border-color: #2271b1;
    background: #eef4fb;
    border-style: solid;
}
.b2bkfe-drop-icon { font-size: 36px; display: block; margin-bottom: 8px; user-select: none; }
.b2bkfe-drop-text { font-size: 13px; color: #555; margin: 0 0 12px; }
.b2bkfe-browse-btn {
    display: inline-block;
    padding: 7px 18px;
    background: #2271b1;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s;
}
.b2bkfe-browse-btn:hover { background: #135e96; color: #fff; }
.b2bkfe-file-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Limits hint */
.b2bkfe-limits { font-size: 11px; color: #999; margin: 4px 0 10px; text-align: center; }

/* Error message */
.b2bkfe-error-msg { color: #c0392b; font-size: 12px; margin-bottom: 6px; display: none; }
.b2bkfe-error-msg.b2bkfe-show { display: block; }

/* File list */
.b2bkfe-file-list { list-style: none; padding: 0; margin: 0 0 8px; }
.b2bkfe-file-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #e0e4ea;
    border-radius: 7px;
    padding: 7px 12px;
    margin-bottom: 6px;
    font-size: 13px;
}
.b2bkfe-file-item.b2bkfe-uploading { border-color: #b0c9e6; background: #f0f6ff; }
.b2bkfe-file-item.b2bkfe-done     { border-color: #7dc99a; background: #f3fbf5; }
.b2bkfe-file-item.b2bkfe-error    { border-color: #e5a0a0; background: #fff5f5; }

.b2bkfe-file-icon { font-size: 20px; flex-shrink: 0; }
.b2bkfe-file-info { flex: 1; min-width: 0; }
.b2bkfe-file-name { font-weight: 600; color: #1d2327; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.b2bkfe-file-size { color: #999; font-size: 11px; }
.b2bkfe-file-status { font-size: 11px; color: #2271b1; white-space: nowrap; }
.b2bkfe-file-item.b2bkfe-done .b2bkfe-file-status  { color: #2a9d5c; }
.b2bkfe-file-item.b2bkfe-error .b2bkfe-file-status { color: #c0392b; }

/* Progress bar */
.b2bkfe-progress { height: 3px; background: #d0daea; border-radius: 99px; margin-top: 4px; overflow: hidden; }
.b2bkfe-progress-fill { height: 100%; background: #2271b1; border-radius: 99px; transition: width .15s; width: 0; }

/* Remove button */
.b2bkfe-remove {
    background: none; border: none; cursor: pointer;
    color: #bbb; font-size: 16px; padding: 2px 6px;
    border-radius: 4px; transition: color .2s, background .2s;
    flex-shrink: 0; line-height: 1;
}
.b2bkfe-remove:hover { color: #c0392b; background: #fdecea; }