﻿.job-form-wrapper { background: var(--color-bg-card); padding: 40px; border-radius: 16px; border: 1px solid var(--color-border); direction: rtl; }
.form-title { text-align: center; font-size: 1.8rem; color: var(--color-primary); margin-bottom: 30px; }
.form-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.form-group label { font-weight: bold; display: block; margin-bottom: 6px; color: var(--color-text-muted); font-size: 0.9rem; }
.job-input { width: 100%; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 8px; font-size: 14px; transition: 0.3s; height: 42px; background: var(--body-bg); color: var(--color-text-main); }
.job-input:focus { border-color: var(--color-primary); outline: none; box-shadow: 0 0 0 3px var(--color-primary-light); }
.btn-submit { width: 100%; padding: 12px; background: var(--color-primary); color: #131314; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; margin-top: 20px; cursor: pointer; transition: 0.3s; height: 48px; }
.btn-submit:hover { background: var(--color-primary-dark); transform: none !important; }

/* --- Custom Toggle Radios --- */
.job-toggle-container { position: relative; width: 100%; height: 42px; display: flex; align-items: stretch; background: var(--body-bg); border-radius: 8px; padding: 3px; border: 1px solid var(--color-border); overflow: hidden; }
.job-toggle-container input { display: none; }
.job-toggle-slider { position: absolute; top: 3px; right: 3px; width: calc(50% - 3px); height: 34px; border-radius: 6px; background: var(--color-primary); transition: right .35s cubic-bezier(.2,.8,.2,1); z-index: 1; }
.job-toggle-option { flex: 1; z-index: 2; display: flex; justify-content: center; align-items: center; padding-top: 4px; cursor: pointer; font-size: 0.85rem; font-weight: 700; color: var(--color-text-muted); transition: color .25s ease; text-align: center; }
.job-toggle-container input:checked + .job-toggle-option { color: #131314; }
#married:checked ~ .job-toggle-slider, #unemployed:checked ~ .job-toggle-slider { right: calc(50% + 0px); }

.ajax-message { margin-top: 15px; padding: 12px; border-radius: 8px; text-align: center; font-weight: bold; display: none; }
.ajax-success { background-color: rgba(16, 185, 129, 0.15); color: #6ee7b7; border: 1px solid rgba(16, 185, 129, 0.3); display: block; }
.ajax-error { background-color: rgba(242, 139, 130, 0.15); color: #f28b82; border: 1px solid rgba(242, 139, 130, 0.3); display: block; }

@media (max-width: 1024px) { .form-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .form-row { grid-template-columns: 1fr; } }