.elementor-2866 .elementor-element.elementor-element-dcce4b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2866 .elementor-element.elementor-element-b4a97c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2866 .elementor-element.elementor-element-c9bec12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2866 .elementor-element.elementor-element-c8e07f3{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}/* Start custom CSS for container, class: .elementor-element-c8e07f3 *//* Container and overall form styling */
.gform_wrapper {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(0, 120, 183, 0.1);
    margin: 2rem auto;
}

.gform_body {
    padding: 2rem;
    box-sizing: border-box;
}

/* Field labels */
.gform_body .gfield_label {
    color: #393939;
    font-size: 0.85rem;
    margin-bottom: 0.3rem;
    display: block;
    text-align: right;
}

/* Inputs and textareas styling */
.gform_body input[type="text"],
.gform_body input[type="tel"],
.gform_body input[type="email"],
.gform_body input[type="password"],
.gform_body textarea,
.gform_body .ginput_container_singleproduct input,
.gform_body .ginput_container_coupon input[type="text"] {
    width: 100%;
    margin-bottom: 1rem;
    border: 2px solid #0078b7;
    padding: 0.6rem 0.8rem;
    border-radius: 8px;
    outline: none;
    font-size: 1rem;
    transition: all 0.3s ease;
    background-color: #fefefe;
    box-sizing: border-box;
}

.gform_body input:focus,
.gform_body textarea:focus {
    border-color: #f89e1f !important;
    box-shadow: 0 0 0 3px rgba(248, 158, 31, 0.25) !important;
}

/* Direction for specific fields based on custom classes */
/* Right-to-Left (RTL) for name and address fields */
.fb_gf_name_family input,
.fb_gf_address textarea {
    direction: rtl;
    text-align: right;
}

/* Left-to-Right (LTR) for other fields */
.fb_gf_code_melli input,
.fb_gf_mobile input,
.fb_gf_email input,
.fb_gf_code_posti input,
.fb_gf_code_off input,
.fb_gf_mablagh_panel input,
.fb_gf_mablagh_nahaei input {
    direction: ltr;
    text-align: left;
}

/* Specific styling for the Address field height - Set to a fixed height for two lines */
.fb_gf_address textarea {
    height: 5rem !important;
    min-height: 5rem !important;
    resize: none !important;
    overflow: auto !important;
}

/* Coupon code and button alignment */
.ginput_container_coupon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ginput_container_coupon input[type="text"] {
    width: 100%;
    flex-grow: 1;
    margin-bottom: 0;
}

#gf_coupon_button {
    background-color: #0078b7;
    color: #fff;
    border: none;
    padding: 0.6rem 0.8rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease;
    flex-shrink: 0;
    margin-bottom: 0;
}

#gf_coupon_button:hover {
    background-color: #005f91;
}

/* Styling for the coupon info section */
#gf_coupon_info {
    width: 100%;
    margin-top: 0.5rem;
    direction: rtl;
    text-align: right;
}

#gf_coupon_info table {
    width: 100%;
    border-collapse: collapse;
}

#gf_coupon_info tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
}

#gf_coupon_info tr:last-child {
    border-bottom: none;
}

/* Styling for the coupon name */
#gf_coupon_info .gf_coupon_name_container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-grow: 1;
    color: #393939;
    font-size: 0.9rem;
    font-weight: bold;
}

#gf_coupon_info .gf_coupon_name {
    margin: 0;
}

/* Styling for the discount amount */
#gf_coupon_info .gf_coupon_discount_container {
    color: #72be44;
    font-size: 0.9rem;
    font-weight: bold;
}

/* Styling for the "Remove" link */
#gf_coupon_info .remove-coupon {
    color: #f89e1f;
    text-decoration: none;
    font-size: 0.8rem;
    transition: all 0.3s ease;
}

#gf_coupon_info .remove-coupon:hover {
    text-decoration: underline;
    opacity: 0.8;
}

/* Submit button and reCAPTCHA layout */
.gform_footer {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-direction: row-reverse;
    justify-content: space-between;
}

/* New styling for reCAPTCHA to center it */
.fb_gf_recaptcha .ginput_recaptcha {
    margin-top: 0;
    text-align: center;
    justify-self: center;
}

/* Styling for all submit buttons on any form */
.gform_button {
    display: block; /* Make the button a block element */
    width: 95%; /* Adjust the width to leave some space */
    max-width: 300px; /* Optional: limit maximum width */
    margin: 0 auto; /* Center the button */
    background-color: #0078b7;
    border: none;
    color: #fff;
    font-size: 1rem;
    padding: 0.8rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.1s ease;
}

.gform_button:hover {
    background-color: #005f91;
    transform: translateY(-2px);
}

.gform_button:active {
    transform: translateY(0);
}

/* Total price field styling */
.fb_gf_mablagh_nahaei input {
    width: 100%;
    border: 2px solid #0078b7;
    padding: 0.6rem 0.8rem;
    border-radius: 8px;
    outline: none;
    font-size: 1rem;
    background-color: #fefefe;
    box-sizing: border-box;
    text-align: center;
    direction: ltr;
}

/* Responsive adjustment for small screens */
@media (max-width: 600px) {
    .gform_footer {
        flex-direction: column;
        align-items: stretch;
    }

    .gform_button {
        width: 100%;
        margin-bottom: 1rem;
    }
}/* End custom CSS */