.elementor-11634 .elementor-element.elementor-element-8b3dedf{--display:flex;}/* Start custom CSS for container, class: .elementor-element-8b3dedf *//* ===================================================== فرم‌های Gravity Forms شماره 55 و 56 Modern Premium Style ===================================================== */ #gform_wrapper_55, #gform_wrapper_56 { --form-navy: #0B1B35; --form-navy-light: #142b4d; --form-orange: #F97316; --form-orange-dark: #ea580c; --form-text: #243247; --form-muted: #718096; --form-border: #e2e8f0; --form-bg: #ffffff; --form-soft-bg: #f8fafc; direction: rtl; max-width: 100%; margin: 0 auto; padding: 30px; background: radial-gradient( circle at top right, rgba(249, 115, 22, 0.08), transparent 32% ), linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); border: 1px solid rgba(11, 27, 53, 0.08); border-radius: 24px; box-shadow: 0 20px 60px rgba(11, 27, 53, 0.10), 0 4px 16px rgba(11, 27, 53, 0.04); box-sizing: border-box; overflow: hidden; } /* بدنه فرم */ #gform_wrapper_55 .gform_body, #gform_wrapper_56 .gform_body { margin: 0; } /* چیدمان فیلدها */ #gform_wrapper_55 .gform_fields, #gform_wrapper_56 .gform_fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; } /* هر فیلد */ #gform_wrapper_55 .gfield, #gform_wrapper_56 .gfield { position: relative; margin: 0 !important; padding: 0 !important; } /* فیلدهایی که باید تمام عرض باشند */ #gform_wrapper_55 .gfield--width-full, #gform_wrapper_56 .gfield--width-full, #gform_wrapper_55 .gfield:only-child, #gform_wrapper_56 .gfield:only-child { grid-column: 1 / -1; } /* برچسب */ #gform_wrapper_55 .gfield_label, #gform_wrapper_56 .gfield_label { display: block; margin: 0 0 9px; color: var(--form-navy); font-size: 14px; font-weight: 700; line-height: 1.8; letter-spacing: -0.2px; } /* ستاره ضروری */ #gform_wrapper_55 .gfield_required, #gform_wrapper_56 .gfield_required { color: var(--form-orange) !important; margin-right: 4px; } /* کانتینر ورودی */ #gform_wrapper_55 .ginput_container, #gform_wrapper_56 .ginput_container { position: relative; } /* ورودی‌های متنی، تلفن، ایمیل، انتخاب و textarea */ #gform_wrapper_55 input[type="text"], #gform_wrapper_55 input[type="tel"], #gform_wrapper_55 input[type="email"], #gform_wrapper_55 input[type="number"], #gform_wrapper_55 input[type="url"], #gform_wrapper_55 input[type="password"], #gform_wrapper_55 select, #gform_wrapper_55 textarea, #gform_wrapper_56 input[type="text"], #gform_wrapper_56 input[type="tel"], #gform_wrapper_56 input[type="email"], #gform_wrapper_56 input[type="number"], #gform_wrapper_56 input[type="url"], #gform_wrapper_56 input[type="password"], #gform_wrapper_56 select, #gform_wrapper_56 textarea { width: 100%; min-height: 54px; padding: 13px 17px; color: var(--form-text); background: rgba(255, 255, 255, 0.9); border: 1px solid var(--form-border); border-radius: 14px; outline: none; font-family: inherit; font-size: 15px; line-height: 1.8; box-sizing: border-box; transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, transform 0.25s ease; } /* متن راهنما */ #gform_wrapper_55 input::placeholder, #gform_wrapper_55 textarea::placeholder, #gform_wrapper_56 input::placeholder, #gform_wrapper_56 textarea::placeholder { color: #a0aec0; opacity: 1; } /* حالت Focus */ #gform_wrapper_55 input:focus, #gform_wrapper_55 select:focus, #gform_wrapper_55 textarea:focus, #gform_wrapper_56 input:focus, #gform_wrapper_56 select:focus, #gform_wrapper_56 textarea:focus { background: #ffffff; border-color: var(--form-orange); box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12), 0 8px 20px rgba(11, 27, 53, 0.06); transform: translateY(-1px); } /* Textarea */ #gform_wrapper_55 textarea, #gform_wrapper_56 textarea { min-height: 130px; resize: vertical; } /* Select */ #gform_wrapper_55 select, #gform_wrapper_56 select { cursor: pointer; appearance: auto; } /* فوتر و دکمه */ #gform_wrapper_55 .gform_footer, #gform_wrapper_56 .gform_footer { margin: 27px 0 0 !important; padding: 0 !important; } /* دکمه ارسال */ #gform_wrapper_55 input[type="submit"], #gform_wrapper_56 input[type="submit"] { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 58px; padding: 14px 26px; color: #ffffff !important; background: linear-gradient( 135deg, var(--form-orange) 0%, var(--form-orange-dark) 100% ) !important; border: 0 !important; border-radius: 15px; box-shadow: 0 12px 24px rgba(249, 115, 22, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25); cursor: pointer; font-family: inherit; font-size: 16px; font-weight: 800; line-height: 1.5; transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease; } /* آیکون تزئینی دکمه */ #gform_wrapper_55 input[type="submit"]::before, #gform_wrapper_56 input[type="submit"]::before { content: "✦"; margin-left: 10px; color: #ffffff; font-size: 18px; transition: transform 0.25s ease; } /* Hover دکمه */ #gform_wrapper_55 input[type="submit"]:hover, #gform_wrapper_56 input[type="submit"]:hover { filter: saturate(1.12); transform: translateY(-3px); box-shadow: 0 17px 30px rgba(249, 115, 22, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.3); } #gform_wrapper_55 input[type="submit"]:hover::before, #gform_wrapper_56 input[type="submit"]:hover::before { transform: rotate(90deg) scale(1.15); } /* حالت کلیک */ #gform_wrapper_55 input[type="submit"]:active, #gform_wrapper_56 input[type="submit"]:active { transform: translateY(-1px) scale(0.99); } /* پیام خطا */ #gform_wrapper_55 .validation_message, #gform_wrapper_56 .validation_message { margin-top: 7px !important; padding: 6px 10px !important; color: #b42318 !important; background: #fff1f0; border: 1px solid #fecdca; border-radius: 8px; font-size: 12px; line-height: 1.7; } /* حالت خطادار ورودی */ #gform_wrapper_55 .gfield_error input, #gform_wrapper_55 .gfield_error select, #gform_wrapper_55 .gfield_error textarea, #gform_wrapper_56 .gfield_error input, #gform_wrapper_56 .gfield_error select, #gform_wrapper_56 .gfield_error textarea { border-color: #e5484d !important; box-shadow: 0 0 0 3px rgba(229, 72, 77, 0.10); } /* پیام خطای کلی فرم */ #gform_wrapper_55 .validation_error, #gform_wrapper_56 .validation_error, #gform_wrapper_55 .gform_validation_errors, #gform_wrapper_56 .gform_validation_errors { margin: 0 0 22px !important; padding: 14px 16px !important; color: #9b1c1c; background: #fff5f5; border: 1px solid #fecaca; border-radius: 12px; font-size: 13px; } /* پیام موفقیت */ #gform_wrapper_55 .gform_confirmation_message, #gform_wrapper_56 .gform_confirmation_message { padding: 22px; color: #166534; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 16px; text-align: center; font-size: 15px; font-weight: 700; line-height: 2; } /* حالت Loading دکمه */ #gform_wrapper_55 .gform_ajax_spinner, #gform_wrapper_56 .gform /* فرم‌های 55 و 56: هر فیلد در یک ردیف تمام عرض */ #gform_wrapper_55 .gform_fields, #gform_wrapper_56 .gform_fields { display: grid; grid-template-columns: 1fr !important; gap: 18px; } #gform_wrapper_55 .gfield, #gform_wrapper_56 .gfield { grid-column: 1 / -1 !important; width: 100%; } /* اطمینان از تمام‌عرض بودن input ها */ #gform_wrapper_55 input[type="text"], #gform_wrapper_55 input[type="tel"], #gform_wrapper_56 input[type="text"], #gform_wrapper_56 input[type="tel"] { width: 100% !important; }/* End custom CSS */