/* =========================================================
   REINS — Forminator CSS (טפסי Forminator)
   נטען אוטומטית בכל עמוד שמכיל שורטקוד/בלוק Forminator כלשהו
   (ראו foundation/forminator/css-loader.php —
   בדיקה גנרית, לא רשימת ID-ים) — כולל טפסי מערכת הדרושים
   (job_form / farm_form / instructor_form) וגם טופס יצירת קשר
   (id 4479) וכל טופס Forminator עתידי אחר באתר.

   תלוי במשתני ה-:root שמוגדרים ב-reins-general.css
   (--reins-border, --reins-bg, --reins-radius-*, --ast-global-color-*).

   תוכן עניינים:
   1) כותרות שדות
   2) קבוצות רדיו/צ'קבוקס — layout
   3) כפתורי רדיו/צ'קבוקס — מבנה
   4) מצב בחירה (Choice State)
   5) שדות קצרים: טקסט/מספר/טלפון/אימייל
   6) Textarea
   7) שדות מזווגים (תאריך + זוגות כלליים)
   8) כפתור שליחה
   9) הסתרת שדה כותרת הפוסט
   10) רספונסיביות
========================================================= */


/* =========================================================
   1) כותרות שדות
========================================================= */

.forminator-field > .forminator-label,
.forminator-field > label.forminator-label{
    display:block !important;
    margin:0 0 8px !important;
    font-size:18px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    color:inherit !important;
}

/* =========================================================
   2) קבוצות רדיו/צ'קבוקס — flex-wrap מכוון, בלי שליטה נוקשה בעמודות
========================================================= */

.forminator-field[role="radiogroup"],
.forminator-field[role="group"]{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:10px !important;
    max-width:500px !important;
}

.forminator-field[role="radiogroup"] > .forminator-label,
.forminator-field[role="group"] > .forminator-label{
    flex:0 0 100% !important;
    width:100% !important;
}

/* =========================================================
   3) כפתורי רדיו/צ'קבוקס — מבנה בלבד (layout, גודל, הסתרת input מקורי)
========================================================= */

label.forminator-radio,
label.forminator-checkbox{
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 20px !important;
    margin:0 !important;
    cursor:pointer !important;
    max-width:100% !important;   /* מאפשר ירידת שורה כשאין מקום */
    white-space:normal !important;
}

label.forminator-radio input[type="radio"],
label.forminator-checkbox input[type="checkbox"]{
    position:absolute !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
}

.forminator-radio-bullet,
.forminator-checkbox-box{
    display:none !important;
}

/* טקסט בתוך כפתורי הבחירה — לא כותרת שדה */
.forminator-radio-label,
.forminator-checkbox-label{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:15px !important;
    line-height:1.3 !important;
    text-align:center !important;
}

/* =========================================================
   4) מצב בחירה (CHOICE STATE) — שפה ויזואלית עצמאית, לא תלויה ב-Astra
========================================================= */

label.forminator-radio,
label.forminator-checkbox{
    border:1.5px solid var(--reins-border);
    background:var(--reins-bg);
    color:inherit;
    border-radius:var(--reins-radius-sm); /* פינות מעוגלות, לא pill — מבדיל מכפתורי פעולה */
}

label.forminator-radio.is-selected,
label.forminator-checkbox.is-selected{
    border-color:var(--reins-text); /* צבע הטקסט מהתבנית (color-3), לא currentColor הקשרי */
    background:color-mix(in srgb, var(--reins-text) 5%, white);
    font-weight:600;
}

/* Focus — currentColor: יורש את צבע הטקסט של ההקשר, לא סלוט Astra מסוים */
label.forminator-radio:has(input:focus-visible),
label.forminator-checkbox:has(input:focus-visible){
    outline:2px solid currentColor;
    outline-offset:2px;
}

/* =========================================================
   5) שדות קצרים: טקסט / מספר / טלפון / אימייל
========================================================= */

.forminator-row .forminator-field input[type="text"],
.forminator-row .forminator-field input[type="tel"],
.forminator-row .forminator-field input[type="email"]{
    width:100% !important;
    max-width:300px !important;
}

.forminator-row .forminator-field input[type="number"]{
    width:100% !important;
    max-width:100px !important;
}

/* =========================================================
   6) TEXTAREA
========================================================= */

.forminator-row .forminator-field textarea{
    width:100% !important;
    max-width:480px !important;
}

/* =========================================================
   7) שדות מזווגים
   שני מבנים שונים באתר — נבדקו מול HTML אמיתי:

   א) תאריך: div.forminator-date-input > div.forminator-row[data-multiple="true"]
      > div.forminator-col (Day/Month/Year, בלי class מספרי, רוחב לפי תוכן)

   ב) כל זוג אחר (שם פרטי/משפחה, טקסט+מספר וכו'):
      div.forminator-row > div.forminator-col-6 / forminator-col-md-6
      אלה עמודות ברוחב אחוזי קבוע (50%) — לא הופכים אותן ל-width:auto,
      רק מצמצמים את ה-padding הפנימי (gutter) ביניהן, לוגי לתמיכה ב-RTL.
========================================================= */

.forminator-date-input .forminator-row[data-multiple="true"]{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

.forminator-date-input .forminator-row[data-multiple="true"] > .forminator-col{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
}

.forminator-row > .forminator-col-6,
.forminator-row > .forminator-col-md-6,
.forminator-row[data-multiple="true"] > .forminator-col-md-6{
    padding-inline-start:6px !important;
    padding-inline-end:6px !important;
}

.forminator-row > .forminator-col-6:first-child,
.forminator-row > .forminator-col-md-6:first-child,
.forminator-row[data-multiple="true"] > .forminator-col-md-6:first-child{
    padding-inline-start:0 !important;
}

.forminator-row > .forminator-col-6:last-child,
.forminator-row > .forminator-col-md-6:last-child,
.forminator-row[data-multiple="true"] > .forminator-col-md-6:last-child{
    padding-inline-end:0 !important;
}

/* =========================================================
   8) כפתור שליחה — עיצוב עצמאי, לא תלוי ב-ast-button/JS חיצוני,
   כדי שיעבוד אחיד בכל טופס (כולל טופס יצירת קשר, id 4479)
========================================================= */

.forminator-button-submit{
    min-height:44px !important;
    padding:10px 22px !important;
    cursor:pointer;
    border-radius:var(--reins-radius-pill) !important;

    background-color: var(--reins-action-bg) !important;
    color: var(--reins-action-color) !important;
    border: 1px solid var(--reins-action-border) !important;
}
.forminator-button-submit:hover{
    opacity:.9;
}

.forminator-button-submit:disabled{
    opacity:.55;
    cursor:not-allowed;
}

/* =========================================================
   8.1) כפתור "בחר קובץ" (שדה העלאת קובץ) — תוקן לנגישות
   (WCAG 1.4.3 / ת"י 5568): הכפתור הגיע בעיצוב ברירת המחדל של
   Forminator (רקע/טקסט אפורים בהירים) שנתן ניגודיות נמוכה
   מ-3:1. כאן ניתן לו עיצוב "משני" עקבי עם reins-btn--secondary:
   רקע שקוף, טקסט --reins-text (משתנה הטקסט הראשי של האתר, שכבר
   עומד בניגודיות AA על רקע לבן) ומסגרת ברורה, כך שהיחס עולה
   משמעותית מעל 4.5:1.
========================================================= */

.forminator-button-upload{
    min-height:44px !important;
    padding:10px 18px !important;
    cursor:pointer;
    border-radius:var(--reins-radius-pill) !important;

    background-color: var(--reins-bg) !important;
    color: var(--reins-text) !important;
    border: 1px solid var(--reins-text) !important;
}
.forminator-button-upload:hover{
    background-color: rgba(0,0,0,.04) !important;
}
.forminator-button-upload:focus-visible{
    outline: 2px solid var(--reins-text);
    outline-offset: 2px;
}
.forminator-button-upload:disabled{
    opacity:.55;
    cursor:not-allowed;
}

/* =========================================================
   9) הסתרת שדה כותרת הפוסט — מנוהל אוטומטית בקוד, לא ע"י המשתמש
========================================================= */

.forminator-custom-form[data-form-id="5874"] input[name="postdata-1-post-title"],
.forminator-custom-form[data-form-id="5340"] input[name="postdata-1-post-title"],
.forminator-custom-form[data-form-id="5841"] input[name="postdata-1-post-title"]{
    display: none !important;
}

/* =========================================================
   10) רספונסיביות
========================================================= */

@media(max-width:480px){

    /* Radio / Checkbox */
    label.forminator-radio,
    label.forminator-checkbox{
        min-height:38px !important;
        padding:0 16px !important;
    }

    /* כותרות שדות */
    .forminator-field > .forminator-label,
    .forminator-field > label.forminator-label{
        font-size:16px !important;
    }

    /* טקסט בתוך כפתורי בחירה */
    .forminator-radio-label,
    .forminator-checkbox-label{
        font-size:14px !important;
    }

    /* Textarea */
    .forminator-row .forminator-field textarea{
        max-width:100% !important;
    }
}