/*
 Theme Name:   Twenty Twelve Child
 Theme URI:    https://example.com/twentytwelve-child
 Description:  Child Theme for Twenty Twelve
 Author:       Your Name
 Author URI:   https://example.com
 Template:     twentytwelve
 Version:      1.0.0
 Text Domain:  twentytwelve-child
*/

/* כאן תוכל לשים את כל ה-CSS שהיה לך ב"התאמה אישית -> CSS נוסף" */
/* Header RTL: לוגו מימין, שם האתר מימין, תיאור האתר מתחת לשם */

/*    הקטע הזה עשה התנגשות עם הקטע של הbranding בסוף הקובץ
.site-header .site-branding {
    display: flex;
    flex-direction: row; /* לוגו + טקסט בשורה */
  /*  align-items: center;
}
*/

.site-logo {
    margin-left: 20px; /* רווח בין הלוגו לטקסט */
}

.site-text-branding {
    display: flex;
    flex-direction: column; /* שם מעל תיאור */
    justify-content: center; /* ממרכז אנכית */
    align-items: flex-start;   /* מצמיד הכל לצד ימין של הבלוק */
    text-align: right;       /* מיישר את השורות לימין */
}

.site-title { display: inline-block; outline: 0px solid red; margin:0; padding: 0; font-size:28px; font-weight:bold; }
.site-description { display: inline-block; outline: 0px solid blue; margin:0px 0 6 0; font-size:16px;  padding: 0; color:#555; }
/* התאמת גובה הלוגו לגובה כותרת האתר */

/* התאמת הלוגו לגובה הכותרת */
.custom-logo,
.custom-logo-link img {
    height: 80px;  /* שנה לפי הצורך */
    width: auto;   /* שמירה על יחס ממדים */
	margin-left: 1em;
}

/* --- Justify text option --- */
.justify-text {
		text-align: justify;
}

.main-navigation ul {
    display: block; /* ברירת מחדל */
}

.main-navigation ul li {
    float: right;    /* RTL: מיישר פריטים לשורה אופקית */
    position: relative; 
}

.main-navigation li a {
    display: block;
    max-width: 80px;
    white-space: normal;
    text-align: center;
    line-height: 1.4;
    padding: 10px;
}

/*------*/
/* הרשימה */
.main-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
	margin-bottom: 0px;   /* הקטן את הרווח התחתון של התפריט כולו */
	padding-bottom: 0;    /* אם יש padding מיותר */
}

/* הפריטים */
.main-navigation ul li {
    float: right;                 /* RTL */
    margin: 0 5px;                /* ריווח אופקי בין הפריטים */
}

/* הקישור עצמו */
.main-navigation li a {
    display: table;               /* יוצר תיבת table */
    height: 30px;                 /* גובה אחיד לכל הפריטים */
    line-height: normal;           /* מאפשר שורה אחת או שתיים */
    text-align: center;
    vertical-align: middle;        /* מרכז אנכית את השורות */
    padding: 0 10px;              /* ריווח פנימי */
    white-space: normal;          /* מאפשר שבירת שורה */
    max-width: 80px;              /* מגבלת רוחב לשבירת שתי שורות */
}


/* ------------------- */
.main-navigation li a {
    display: flex;               /* במקום inline-block */
    align-items: center;         /* ממרכז אנכית */
    justify-content: center;     /* ממרכז אופקית */
    max-width: 90px;             /* כמו שהגדרת */
    min-height: 20px;            /* גובה אחיד (תוכל לשחק עם הערך) */
    line-height: 1.3;
    text-align: center;
    white-space: normal;         /* מאפשר ירידת שורה */
    padding: 5px 10px;                /* ריווח פנימי נעים */
}

/* עבור debug  */
/*
.site-header { outline: 1px solid orange; }
.site-logo img { outline: 1px solid red; }
.site-branding { outline: 1px solid blue; }
.main-navigation ul { outline: 1px solid purple; }
.main-navigation ul li { outline: 1px dashed green; }
.main-navigation li a { outline: 1px dashed gray; }
*/

.site-header {
    padding-top: 15px;       /* אפשר להשאיר כמו שהוא */
    padding-bottom: 5px;     /* הקטן את הריווח התחתון */
    padding-left: 20px;
    padding-right: 0px;
}

/* adding the avatar and the name and date to the posts */
.custom-post-meta {
    display: flex;
    flex-direction: row; /* שמירה על סדר משמאל לימין בתוך ה-RTL */
    justify-content: flex-end;
    align-items: center;
    gap: 8px; /* רווח בין האלמנטים */
    direction: rtl;
    text-align: right;
}

.custom-post-meta .post-date {
    order: 1; /* התאריך שלישי */
}

.custom-post-meta .author-name {
    order: 2; /* שם המחבר שני */
}

.custom-post-meta img {
    order: 3; /* האווטר ראשון */
}

/* תוספת לשלוט בגודל הלוגו */
/* עיצוב הלוגו והטקסט ב־Twenty Twelve Child */

/* בסיס משותף */
.site-header .site-branding {
    display: flex;
    align-items: center;
    gap: 15px; /* רווח בין הלוגו לטקסט */
}

/* LTR – שפות שמאל לימין */
html[dir="ltr"] .site-header .site-branding {
    flex-direction: row;          /* לוגו בצד שמאל, טקסט בצד ימין */
    justify-content: flex-start;
    text-align: left;
}

/* RTL – שפות ימין לשמאל */
html[dir="rtl"] .site-header .site-branding {
    flex-direction: row;  /* לוגו בצד ימין, טקסט בצד שמאל */
    justify-content: flex-start;
    text-align: right;
}

/* גודל הלוגו */
.custom-logo {
    max-height: 120px;
    width: auto;
}

/* עיצוב שם האתר */
/*
.site-title {
    margin: 0;
    font-size: 60px;
    line-height: 1.0;
}
*/
/* עיצוב תיאור האתר */
/*
.site-description {
    font-size: 18px;
    color: #666;
    margin-top: 0px;
}
*/
html[dir="rtl"] body #primary,
html[dir="rtl"] body.page #primary,
html[dir="rtl"] body.single #primary,
html[dir="rtl"] body.archive #primary,
html[dir="rtl"] body.home #primary {
    float: right;
    width: 70%;
}

html[dir="rtl"] body #secondary,
html[dir="rtl"] body.page #secondary,
html[dir="rtl"] body.single #secondary,
html[dir="rtl"] body.archive #secondary,
html[dir="rtl"] body.home #secondary {
    float: left;
    width: 25%;
}

/*
#wpforms-125-field_3 {
    width: 80%;
    height: 200px;
}
*/

#site-generator {
    display: none;
}