/* طراحی جدید و کاملاً تیره - نسخه نهایی */
#art-order-form-container {
    background-color: #05050f !important;
    color: #f1f1f1 !important;
    padding: 55px 45px !important;
    border-radius: 26px !important;
    max-width: 980px !important;
    margin: 60px auto !important;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.9) !important;
    border: 1px solid #1a1a2e !important;
    font-family: 'IRANSans', 'Yekan', 'Tahoma', sans-serif !important;
}

#art-order-form-container h3 {
    color: #00f0ff !important;
    font-size: 22px !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #1a1a2e !important;
    font-weight: 600 !important;
}

.art-section {
    background-color: #0f0f1f !important;
    padding: 32px !important;
    border-radius: 18px !important;
    margin-bottom: 30px !important;
    border: 1px solid #1f1f35 !important;
}

.art-row {
    display: flex !important;
    gap: 22px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
}

.art-field {
    flex: 1 !important;
    min-width: 270px !important;
}

.art-field label {
    display: block !important;
    margin-bottom: 9px !important;
    font-size: 14.5px !important;
    color: #8a8aa8 !important;
    font-weight: 500 !important;
}

#art-order-form-container input,
#art-order-form-container select,
#art-order-form-container textarea {
    background-color: #05050f !important;
    border: 1px solid #2a2a42 !important;
    color: #ffffff !important;
    padding: 14px 17px !important;
    border-radius: 12px !important;
    font-size: 15.5px !important;
    width: 100% !important;
}

#art-order-form-container input:focus,
#art-order-form-container select:focus,
#art-order-form-container textarea:focus {
    border-color: #00f0ff !important;
    box-shadow: 0 0 0 4px rgba(0, 240, 255, 0.12) !important;
    background-color: #08081a !important;
}

.art-preview {
    max-width: 100px !important;
    max-height: 100px !important;
    margin-top: 12px !important;
    border-radius: 12px !important;
    border: 2px solid #2a2a42 !important;
    object-fit: cover !important;
    display: none !important;
}

.art-arrow {
    font-size: 42px !important;
    color: #00f0ff !important;
    margin-top: 48px !important;
    font-weight: 800 !important;
}

.art-price {
    background-color: #05050f !important;
    padding: 16px 22px !important;
    border-radius: 12px !important;
    margin: 20px 0 !important;
    font-size: 17px !important;
    border: 1px solid #1f1f35 !important;
}

#single_price {
    color: #ff3b5c !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

#add_to_list {
    background-color: #00f0ff !important;
    color: #000000 !important;
    font-weight: 700 !important;
    padding: 14px 34px !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 15.5px !important;
    cursor: pointer !important;
}

#add_to_list:hover {
    background-color: #00d4e0 !important;
}

.art-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background-color: #05050f !important;
    border-radius: 14px !important;
    border: 1px solid #1f1f35 !important;
}

.art-table th {
    background-color: #0f0f1f !important;
    color: #00f0ff !important;
    padding: 15px 18px !important;
    text-align: right !important;
    font-weight: 600 !important;
}

.art-table td {
    padding: 14px 18px !important;
    border-bottom: 1px solid #1f1f35 !important;
}

.art-total {
    text-align: left !important;
    margin-top: 18px !important;
    font-size: 21px !important;
    font-weight: 600 !important;
}

.art-total span {
    color: #ff3b5c !important;
    font-size: 24px !important;
}

#submit_order_btn {
    width: 100% !important;
    background: linear-gradient(90deg, #ff3b5c, #ff5c7a) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 18px !important;
    border: none !important;
    border-radius: 14px !important;
    cursor: pointer !important;
    margin-top: 18px !important;
}

#submit_order_btn:hover:not(:disabled) {
    transform: translateY(-3px) !important;
}

#submit_order_btn:disabled {
    background: #2c2c42 !important;
    cursor: not-allowed !important;
}