/* 
 * סגנונות RTL למצב עברית ושפות מימין לשמאל באתר "דרכו של זה"
 */

/* הגדרות בסיסיות ל-RTL */
.rtl {
    direction: rtl;
    text-align: right;
}

/* לוגו בצד ימין */
.rtl .logo {
    left: auto;
    right: 5%;
}

/* תפריט ניווט בצד שמאל */
.rtl nav {
    left: 5%;
    right: auto;
}

.rtl .copyright {
    text-align: right;
}


/* תפריט ראשי */
.rtl .main-menu {
    margin-left: 0;
    margin-right: var(--spacing-lg);
}

.rtl .main-menu li {
    margin-left: 0;
    margin-right: var(--spacing-md);
}

/* בורר שפה */
.rtl .language-selector {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .language-selector .current-language::after {
    margin-left: 0;
    margin-right: 0.375rem;
}

.rtl .current-language img,
.rtl .language-dropdown img {
    margin-right: 0;
    margin-left: var(--spacing-xs);
}

.rtl .language-dropdown {
    left: auto;
    right: 0;
}

/* בורר מגדר */
.rtl .gender-selector-icons {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .gender-icon:first-child {
    margin-right: 0;
    margin-left: 0.375rem;
}

/* פוטר */
.rtl footer .footer-container {
    flex-direction: row-reverse !important;
    display: flex !important;
}

.rtl footer .copyright {
    text-align: right !important;
    order: 2 !important;
}

.rtl footer .footer-links {
    text-align: left !important;
    order: 1 !important;
}

.rtl .footer-links {
    text-align: left;
}

.rtl .footer-links a {
    margin-left: 0;
    margin-right: 0.9375rem;
}

/* הודעות */
.rtl .error-message,
.rtl .success-message {
    border-left: none;
    border-right: 0.1875rem solid;
}

.rtl .error-message {
    border-right-color: var(--error-color);
}

.rtl .success-message {
    border-right-color: var(--success-color);
}

/* פופ-אפ */
.rtl .close-popup {
    right: auto;
    left: var(--spacing-sm);
}

.rtl, .he {
  font-family: Heebo, Arial, sans-serif;
  letter-spacing: 0;
  word-spacing: normal;
}

/* טפסים */
.rtl .form-help {
    margin-left: 0;
    margin-right: 1.5625rem;
}

/* תיקונים למסכים קטנים */
@media screen and (max-width: 48rem) { /* 768px */
    .rtl .language-selector,
    .rtl .gender-selector-icons,
    .rtl .main-menu {
        margin: 0 var(--spacing-md);
    }
    
    /* חזרה למרכוז אלמנטים במסך קטן */
    .rtl .logo {
        margin: 0 auto var(--spacing-lg) auto;
    }
    
    .rtl nav {
        margin: var(--spacing-md) auto 0 auto;
    }
    
    .rtl .footer-container {
        flex-direction: column;
    }
    
    .rtl .copyright,
    .rtl .footer-links {
        text-align: center;
    }
}

@media screen and (max-width: 30rem) { /* 480px */
    .rtl .footer-links a {
        margin: 0 0.5rem;
    }
}