.elementor-5929 .elementor-element.elementor-element-b4734b2{--display:flex;}.elementor-5929 .elementor-element.elementor-element-6011d3e{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5929 .elementor-element.elementor-element-6011d3e:not(.elementor-motion-effects-element-type-background), .elementor-5929 .elementor-element.elementor-element-6011d3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7e78712 );}/* Start custom CSS for shortcode, class: .elementor-element-064987d *//* ==========================================================================
   Gravity Forms #5 — فاکتور خدمات
   استایل حرفه‌ای و یکپارچه (نسخه‌ی اصلاح‌شده)
   ========================================================================== */

/* ----- کادر کلی فرم ----- */
#gform_5{
    max-width:1200px;
    margin:30px auto;
    padding:28px;
    background:#fff;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    direction:rtl;
}

/* ----- فاصله‌گذاری فیلدها ----- */
#gform_5 .gform_fields{
    row-gap:18px;
}

#gform_5 .gfield{
    margin-bottom:0; /* فاصله رو gform_fields با row-gap کنترل می‌کنه، دیگه نیازی به margin دوباره نیست */
}

#gform_5 .gfield_label{
    display:block;
    font-size:14px;
    font-weight:700;
    color:#374151;
    margin-bottom:8px;
}

/* ----- اینپوت‌ها ----- */
#gform_5 input[type=text],
#gform_5 input[type=number],
#gform_5 textarea,
#gform_5 select{
    width:100%;
    min-height:48px;
    box-sizing:border-box;
    border:1px solid #d8dee8;
    border-radius:12px;
    background:#fafafa;
    padding:10px 14px;
    font-size:15px;
    color:#222;
    font-family:inherit;
    transition:border-color .2s, box-shadow .2s, background-color .2s;
}

#gform_5 textarea{
    min-height:110px;
    resize:vertical;
}

#gform_5 input:focus,
#gform_5 textarea:focus,
#gform_5 select:focus{
    outline:none;
    border-color:#2563eb;
    background:#fff;
    box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

/* ----- فیلدهای فقط‌خواندنی / محاسباتی (مبلغ کل، تخفیف، مالیات، قابل پرداخت...) ----- */
#gform_5 input[readonly]{
    background:#eef6ff;
    border-color:#cfe1fb;
    font-size:18px;
    font-weight:700;
    color:#2563eb;
    text-align:center;
    cursor:default;
}

/* فیلد «قابل پرداخت» رو یه‌کم برجسته‌تر می‌کنیم چون مهم‌ترین عدد فرمه */
#gform_5 #field_5_19 input[readonly]{
    background:#fff5f5;
    border-color:#ffc9c9;
    color:#d60000;
    font-size:20px;
}

/* ----- جدول خدمات تودرتو (Nested Entries) ----- */
#gform_5 .gpnf-nested-entries-container{
    overflow-x:auto;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
}

#gform_5 .gpnf-nested-entries{
    width:100%;
    min-width:480px;
    border-collapse:collapse;
    border-radius:14px;
    overflow:hidden;
    background:#fff;
    margin:8px 0;
}

#gform_5 .gpnf-nested-entries thead{
    background:#1f2937;
}

#gform_5 .gpnf-nested-entries th{
    color:#fff;
    padding:14px 16px;
    font-weight:700;
    text-align:center;
    font-size:14px;
    white-space:nowrap;
}

#gform_5 .gpnf-nested-entries td{
    padding:12px 14px;
    text-align:center;
    border-bottom:1px solid #edf2f7;
    font-size:14px;
    color:#1f2937;
}

#gform_5 .gpnf-nested-entries tbody tr{
    transition:background-color .2s;
}

#gform_5 .gpnf-nested-entries tbody tr:hover{
    background:#f8fbff;
}

#gform_5 .gpnf-nested-entries tbody tr:last-child td{
    border-bottom:none;
}

#gform_5 .gpnf-no-entries td{
    color:#9ca3af;
    padding:20px;
    font-size:13px;
}

/* ----- دکمه‌های ردیف جدول (ویرایش/حذف) ----- */
#gform_5 .gpnf-row-actions ul{
    display:flex;
    gap:6px;
    justify-content:center;
    list-style:none;
    margin:0;
    padding:0;
}

#gform_5 .edit-button,
#gform_5 .delete-button{
    border:none;
    padding:7px 14px;
    border-radius:8px;
    cursor:pointer;
    transition:background-color .2s, transform .2s;
    font-size:12.5px;
    font-weight:600;
    color:#fff;
}

#gform_5 .edit-button{
    background:#f59e0b;
}

#gform_5 .edit-button:hover{
    background:#d97706;
}

#gform_5 .delete-button{
    background:#ef4444;
}

#gform_5 .delete-button:hover{
    background:#dc2626;
}

/* ----- دکمه‌ی افزودن ردیف خدمت ----- */
#gform_5 .gpnf-add-entry{
    border:none;
    border-radius:12px;
    padding:12px 26px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:background-color .2s, transform .2s;
    background:#2563eb;
    color:#fff;
    margin-top:14px;
}

#gform_5 .gpnf-add-entry:hover{
    background:#1d4ed8;
    transform:translateY(-2px);
}

#gform_5 .gpnf-add-entry-max{
    color:#ef4444;
    font-size:13px;
    margin-top:8px;
}

/* ----- فوتر فرم و دکمه‌ی ارسال ----- */
#gform_5 .gform_footer{
    margin-top:22px;
    padding-top:16px;
    border-top:1px solid #eef1f5;
}

#gform_submit_button_5{
    border:none;
    border-radius:12px;
    padding:13px 32px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:background-color .2s, transform .2s;
    background:#16a34a;
    color:#fff;
}

#gform_submit_button_5:hover{
    background:#15803d;
    transform:translateY(-2px);
}

/* ----- موبایل ----- */
@media(max-width:768px){

    #gform_5{
        padding:16px;
        margin:12px;
        border-radius:14px;
    }

    #gform_5 .gform_fields{
        row-gap:14px;
    }

    #gform_5 .gpnf-nested-entries-container{
        -webkit-overflow-scrolling:touch;
    }

    #gform_5 .gpnf-nested-entries th,
    #gform_5 .gpnf-nested-entries td{
        padding:10px;
        font-size:13px;
    }

    #gform_submit_button_5,
    #gform_5 .gpnf-add-entry{
        width:100%;
    }
}/* End custom CSS */