/* ==================================================== העצמאות 22 — מיקום ועיצוב הטופס קונטיינר: #haatz-section | טופס: #haatz-form ==================================================== */ #haatz-section { position: relative !important; } /* ===== דסקטופ — הטופס בפס הכהה השמאלי ===== */ #haatz-form { position: absolute !important; top: 62%; /* לכוונון */ left: 4%; /* לכוונון */ right: auto; width: 20%; /* לכוונון */ max-width: 380px; z-index: 10; } /* שדות מוערמים אנכית */ #haatz-form .elementor-form-fields-wrapper { display: flex !important; flex-direction: column !important; gap: 10px !important; } #haatz-form .elementor-field-group { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* שדות — שקוף עם מסגרת בהירה על הרקע הכהה */ #haatz-form input:not([type="checkbox"]):not([type="submit"]) { background-color: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.45) !important; border-radius: 4px !important; height: 46px !important; padding: 0 16px !important; font-size: 15px !important; color: #ffffff !important; width: 100% !important; } #haatz-form input::placeholder { color: rgba(255,255,255,0.7) !important; opacity: 1; } /* כפתור — כתום/זהב לפי העיצוב */ #haatz-form .elementor-button, #haatz-form button[type="submit"] { background-color: #f5a623 !important; /* לכוונון לגוון המדויק */ color: #1a1a3a !important; border: none !important; border-radius: 4px !important; height: 46px !important; font-size: 17px !important; font-weight: 700 !important; width: 100% !important; cursor: pointer; margin-top: 8px !important; transition: background-color 0.2s ease; } #haatz-form .elementor-button:hover { background-color: #e0951e !important; } /* סדר: כפתור מעל, הסכמה מתחת */ #haatz-form .elementor-field-type-submit, #haatz-form .e-form__buttons { order: 5 !important; } #haatz-form .elementor-field-type-acceptance { order: 10 !important; margin-top: 10px !important; border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; } #haatz-form .elementor-field-type-acceptance .elementor-field-subgroup, #haatz-form .elementor-field-type-acceptance .elementor-field-option { border: none !important; background: transparent !important; box-shadow: none !important; } #haatz-form .elementor-field-type-acceptance label { color: rgba(255,255,255,0.85) !important; font-size: 11px !important; line-height: 1.4 !important; } #haatz-form .elementor-field-type-acceptance a { color: #ffffff !important; text-decoration: underline !important; } /* ===== מובייל — הטופס בחלק התחתון של התמונה ===== */ @media (max-width: 767px) { #haatz-form { top: 78%; /* לכוונון */ left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: 78% !important; max-width: none !important; } #haatz-form input:not([type="checkbox"]):not([type="submit"]) { height: 44px !important; font-size: 14px !important; } #haatz-form .elementor-button, #haatz-form button[type="submit"] { height: 44px !important; font-size: 16px !important; } #haatz-form .elementor-field-type-acceptance label { font-size: 10px !important; } }