/*
 Theme Name:   The7 Child
 Theme URI:    http://www.kintec-machining.com.com/
 Description:  The7 子主题，用于自定义功能
 Author:       sophie
 Author URI:   http://www.kintec-machining.com.com/
 Template:     dt-the7
 Version:      1.0.0
 Text Domain:  the7-child
*/

/* 你可以在这里写子主题样式 */

/* ==================================================
   代码名称：RFQ 多文件上传框样式及文件名自动显示
   放置位置：The7 Child / style.css
   功能：
   1. 设置蓝色虚线上传框
   2. 文件名逐行显示
   3. 上传框根据文件数量自动增高
   ================================================== */

.rfq-form .upload-box {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    min-height: 140px;
    padding: 12px;
    border: 2px dashed #3b82c4;
    border-radius: 8px;
    margin-top: 6px;
    overflow: visible !important;
    background: #f7f9fb;
    cursor: pointer;
}

/* 代码名称：上传文件选择按钮样式 */
.rfq-form .upload-box input[type="file"] {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    font-size: 0 !important;
}

/* 代码名称：上传按钮文字样式 */
.rfq-form .upload-box input[type="file"]::file-selector-button {
    font-size: 14px !important;
    cursor: pointer;
}

/* 代码名称：上传框内部布局 */
.rfq-form .upload-box .drag-drop-area {
    position: static !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto !important;
    min-height: 70px;
    box-sizing: border-box;
    padding: 8px 0;
    overflow: visible !important;
    pointer-events: none;
    text-align: center;
}

/* 代码名称：上传图标样式 */
.rfq-form .upload-box .upload-icon {
    font-size: 30px;
    color: #3b82c4;
    margin-bottom: 6px;
}

/* 代码名称：已选择文件名称列表 */
.rfq-form .upload-box #design-file-list {
    display: block;
    position: static !important;
    width: 100%;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.8;
    color: #555;
    text-align: left;
    overflow-wrap: anywhere;
}

/* 代码名称：每个文件名单独占一行 */
.rfq-form .upload-box #design-file-list div {
    display: block;
    padding: 2px 0;
}