/* ContactStyles.css */

/* עיצוב כללי של הדף */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

/* עיצוב גופן לדף בעברית */
body:lang(he-IL) {
    font-family: 'Gveret Levin', cursive;
}

/* עיצוב מיכל הטופס */
.contact-form-container {
    background: #fff; /* צבע רקע */
    padding: 20px; /* ריווח פנימי */
    border-radius: 8px; /* פינות מעוגלות */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* צל */
    max-width: 500px; /* רוחב מקסימלי */
    width: 100%; /* רוחב מלא */
}

/* עיצוב הטופס */
form {
    display: flex; /* תצוגה גמישה */
    flex-direction: column; /* כיוון גמיש לעמודה */
}

/* עיצוב תוויות הטופס */
label {
    margin-top: 10px; /* ריווח עליון */
    font-weight: bold; /* משקל גופן מודגש */
}

/* עיצוב שדות הקלט והטקסט */
input, textarea {
    margin-top: 5px; /* ריווח עליון */
    padding: 10px; /* ריווח פנימי */
    border: 1px solid #ccc; /* גבול */
    border-radius: 4px; /* פינות מעוגלות */
    font-size: 16px; /* גודל גופן */
}

/* עיצוב שדה הטקסט */
textarea {
    resize: vertical; /* שינוי גודל אנכי בלבד */
}

/* עיצוב כפתור השליחה */
button {
    margin-top: 20px; /* ריווח עליון */
    padding: 10px; /* ריווח פנימי */
    background-color: gold; /* צבע רקע */
    color: #fff; /* צבע טקסט */
    border: none; /* ללא גבול */
    border-radius: 4px; /* פינות מעוגלות */
    cursor: pointer; /* סמן עכבר */
    font-size: 16px; /* גודל גופן */
    font-weight: bold; /* משקל גופן מודגש */
}

/* עיצוב כפתור השליחה במעבר עכבר */
button:hover {
    background-color: #d4af37; /* צבע רקע במעבר עכבר */
}

/* עיצוב reCAPTCHA */
.g-recaptcha {
    margin-top: 20px; /* ריווח עליון */
}

/* עיצוב לדף מימין לשמאל */
.rtl {
    direction: rtl; /* כיוון הטקסט מימין לשמאל */
    text-align: right; /* יישור טקסט לימין */
}

.rtl label {
    text-align: right; /* יישור תוויות לימין */
}

.rtl input, .rtl textarea {
    text-align: right; /* יישור שדות הקלט והטקסט לימין */
}

/* עיצוב לדף התודה */
.confirmation-container {
    background: #fff; /* צבע רקע */
    padding: 20px; /* ריווח פנימי */
    border-radius: 8px; /* פינות מעוגלות */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* צל */
    max-width: 500px; /* רוחב מקסימלי */
    width: 100%; /* רוחב מלא */
    text-align: center; /* יישור טקסט למרכז */
}

/* עיצוב כותרת דף התודה */
.confirmation-container h2 {
    color: gold; /* צבע טקסט */
}

/* עיצוב קישורים בדף התודה */
.confirmation-container a {
    display: inline-block; /* תצוגה בלוק אינליין */
    margin-top: 20px; /* ריווח עליון */
    padding: 10px 20px; /* ריווח פנימי */
    background-color: gold; /* צבע רקע */
    color: #fff; /* צבע טקסט */
    text-decoration: none; /* ללא קו תחתון */
    border-radius: 4px; /* פינות מעוגלות */
}

/* עיצוב קישורים בדף התודה במעבר עכבר */
.confirmation-container a:hover {
    background-color: #d4af37; /* צבע רקע במעבר עכבר */
}