/*
Theme Name: Smartline Lite Child
Theme URI: https://themezee.com/themes/smartline/
Description: ערכת בת ל-Smartline Lite. שומרת על מבנה תבנית האב במלואו ומחליפה לחלוטין את העיצוב: טיפוגרפיה עברית מודרנית, פלטת צבעים ויוויד מאוזנת, כרטיסים, צללים רכים ומעברים חלקים. נבנתה עבור sikum4u.com.
Author: ashbar
Template: smartline-lite
Version: 1.0.0
Text Domain: smartline-lite-child
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =====================================================================
   טבלת תוכן
   1.  משתני עיצוב (CSS Custom Properties)
   2.  בסיס / טיפוגרפיה
   3.  מבנה כללי (Wrapper / Layout)
   4.  כותרת עליונה ולוגו
   5.  ניווט עליון (Top nav)
   6.  ניווט ראשי (Main nav)
   7.  פוסטים ועמודים
   8.  אלמנטים טקסטואליים (כותרות, ציטוטים, טבלאות, קוד)
   9.  מטא, "קרא עוד", פאגינציה, פירורי לחם
   10. וידג'טים וסייד-בר
   11. וידג'טים של עמוד הבית (מגזין)
   12. טפסים וחיפוש
   13. תגובות
   14. אייקונים חברתיים
   15. פוטר
   16. בלוקים של גוטנברג
   17. מדיה קוורי (רספונסיביות)
   ===================================================================== */


/* =====================================================================
   1. משתני עיצוב
   ===================================================================== */
:root {
	/* פלטת צבעים — ויוויד מאוזן, לא עז מדי ולא פסטל */
	--c-primary:        #1f7a8c;   /* טורקיז-כחול עמוק — צבע המותג */
	--c-primary-dark:   #14606f;   /* גרסה כהה למעברים / hover */
	--c-primary-soft:   #e3f1f4;   /* רקע רך מאוד בגוון הפריימרי */
	--c-accent:         #e07a5f;   /* טרקוטה חמה — צבע הדגשה משלים */
	--c-accent-dark:    #c95f44;
	--c-indigo:         #3d5a80;   /* כחול-אינדיגו לכותרות משנה */

	/* ניטרליים */
	--c-ink:            #22303a;   /* טקסט ראשי — כמעט שחור אך רך */
	--c-ink-soft:       #51606b;   /* טקסט משני */
	--c-line:           #e2e8ec;   /* קווי הפרדה עדינים */
	--c-bg:             #f4f6f8;   /* רקע העמוד */
	--c-surface:        #ffffff;   /* רקע כרטיסים / תוכן */
	--c-surface-alt:    #f8fafb;   /* רקע משני עדין */

	/* טיפוגרפיה */
	--font-body:    'Heebo', 'Assistant', system-ui, Arial, sans-serif;
	--font-head:    'Rubik', 'Heebo', system-ui, Arial, sans-serif;

	/* עיצוב */
	--radius:       14px;
	--radius-sm:    9px;
	--shadow:       0 2px 4px rgba(34,48,58,.04), 0 8px 24px rgba(34,48,58,.07);
	--shadow-hover: 0 6px 12px rgba(34,48,58,.08), 0 16px 40px rgba(34,48,58,.12);
	--transition:   .22s cubic-bezier(.4,0,.2,1);
	--maxw:         1300px;
}


/* =====================================================================
   2. בסיס / טיפוגרפיה
   ===================================================================== */
html {
	font-size: 100%;
}
body {
	font-family: var(--font-body);
	font-size: 1.02em;
	line-height: 1.65;
	color: var(--c-ink);
	background-color: var(--c-bg);
	background-image: none;            /* מבטל את רקע ה-PNG של האב */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* קישורים */
a, a:link, a:visited {
	color: var(--c-primary);
	text-decoration: none;
	transition: color var(--transition);
}
a:hover, a:active {
	color: var(--c-primary-dark);
	text-decoration: none;
}

/* אלמנטים של טפסים — בסיס */
input, textarea, select {
	font-family: var(--font-body);
	font-size: 1em;
	color: var(--c-ink);
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--radius-sm);
	padding: .75em .9em;
	max-width: 100%;
	box-sizing: border-box;          /* מונע גלישה של שדות מעבר לרוחב המכל */
	transition: border-color var(--transition), box-shadow var(--transition);
}
input:focus, textarea:focus, select:focus {
	outline: none;
	border-color: var(--c-primary);
	box-shadow: 0 0 0 3px var(--c-primary-soft);
}
input[type="submit"] {
	border: none;
	color: #fff;
	background-color: var(--c-primary);
	border-radius: 999px;
	padding: .7em 1.6em;
	font-weight: 600;
	cursor: pointer;
	transition: background-color var(--transition), transform var(--transition);
}
input[type="submit"]:hover {
	background-color: var(--c-primary-dark);
	transform: translateY(-1px);
}


/* =====================================================================
   3. מבנה כללי
   ===================================================================== */
#wrapper {
	max-width: var(--maxw);
	width: 92%;
	margin: 2.5em auto;
	background: transparent;          /* התוכן עצמו יקבל כרטיסים */
	box-sizing: border-box;
}

#header-wrap {
	border-top: none;
	background: var(--c-surface);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	overflow: hidden;
	position: relative;
}
/* פס צבע עליון דקורטיבי במקום ה-border הישן */
#header-wrap::before {
	content: "";
	display: block;
	height: 5px;
	background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-indigo) 55%, var(--c-accent) 100%);
}

#header {
	padding: 2.2em 2.5em;
	background: var(--c-surface);
}

#wrap {
	clear: both;
	padding: 0;
	box-sizing: border-box;
}

/* התוכן הראשי כקופסה לבנה מרחפת */
#content {
	float: right;                     /* RTL: התוכן מימין */
	width: 70%;
	padding: 2.2em 2.4em;
	box-sizing: border-box;
	background: var(--c-surface);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	margin-top: 2em;
}

/* סייד-בר */
#sidebar {
	float: left;
	margin-left: 0;
	width: 28%;
	padding: 0;
	box-sizing: border-box;
	background: transparent;          /* מבטל את הגרדיאנט האפור הישן */
	margin-top: 2em;
}

#content-full {
	padding: 2.2em 2.4em;
	background: var(--c-surface);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	box-sizing: border-box;
	margin-top: 2em;
}


/* =====================================================================
   4. כותרת ולוגו
   ===================================================================== */
#logo {
	float: right;
}
#logo .site-title {
	display: inline-block;
	font-family: var(--font-head);
	font-size: 2.6em;
	font-weight: 700;
	letter-spacing: -.01em;
	color: var(--c-primary);
	line-height: 1.1;
}
#logo .site-title a:link,
#logo .site-title a:visited {
	color: var(--c-primary);
}
#logo .site-title a:hover,
#logo .site-title a:active {
	color: var(--c-accent);
	text-decoration: none;
}
#logo .site-description {
	float: left;
	margin: .9em 2em 0 0;
	line-height: 1.4;
	font-size: 1.05em;
	font-weight: 400;
	color: var(--c-ink-soft);
}
#logo .custom-logo {
	margin: 0 0 0 1.5em;
	border-radius: var(--radius-sm);
	vertical-align: top;
	max-width: 100%;
	height: auto;
}


/* =====================================================================
   5. ניווט עליון
   ===================================================================== */
#topnav {
	background: var(--c-surface-alt);
	border-bottom: 1px solid var(--c-line);
}
.top-navigation-menu {
	float: right;
}
.top-navigation-menu li {
	float: right;
	margin: 0;
	border: none;
}
.top-navigation-menu a {
	display: block;
	padding: .85em 1.1em;
	font-size: .86em;
	font-weight: 500;
	color: var(--c-ink-soft);
}
.top-navigation-menu a:link,
.top-navigation-menu a:visited {
	color: var(--c-ink-soft);
	text-decoration: none;
}
.top-navigation-menu a:hover {
	color: var(--c-primary);
	text-decoration: none;
}
.top-navigation-menu li.current_page_item a,
.top-navigation-menu li.current-menu-item a {
	color: var(--c-primary);
	text-decoration: none;
}


/* =====================================================================
   6. ניווט ראשי
   ===================================================================== */
#navi-wrap {
	border: none;
	background: transparent;
	padding: 0;
	margin-top: 1.4em;
}
#mainnav {
	background: var(--c-ink);
	position: relative;
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	overflow: hidden;
}
.main-navigation-menu {
	float: right;
	background: transparent;
}
.main-navigation-menu li {
	float: right;
	border: none;
}
.main-navigation-menu a {
	display: block;
	padding: 1.1em 1.5em;
	font-family: var(--font-body);
	font-size: .98em;
	font-weight: 600;
	letter-spacing: .01em;
	position: relative;
	transition: color var(--transition), background var(--transition);
}
.main-navigation-menu a:link,
.main-navigation-menu a:visited {
	color: #eef3f5;
	text-decoration: none;
}
/* קו תחתון אנימטיבי בריחוף */
.main-navigation-menu > li > a::after {
	content: "";
	position: absolute;
	right: 1.5em;
	left: 1.5em;
	bottom: .55em;
	height: 2px;
	background: var(--c-accent);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform var(--transition);
}
.main-navigation-menu > li > a:hover::after {
	transform: scaleX(1);
}
.main-navigation-menu a:hover {
	background: rgba(255,255,255,.06);
	color: #fff;
}
.main-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	background: var(--c-ink);
	border: none;
	border-radius: 0 0 var(--radius-sm) var(--radius-sm);
	box-shadow: var(--shadow-hover);
	overflow: hidden;
	border-top: 2px solid var(--c-primary);
}
.main-navigation-menu ul li {
	float: none;
	position: relative;
	border: none;
}
.main-navigation-menu ul a {
	min-width: 16rem;
	padding: .95em 1.2em;
	font-weight: 500;
	color: #d8e0e4;
	box-sizing: border-box;
}
.main-navigation-menu ul a::after { display: none; }
.main-navigation-menu ul a:link,
.main-navigation-menu ul a:visited {
	color: #d8e0e4;
	font-size: .92em;
	text-decoration: none;
}
.main-navigation-menu ul a:hover {
	background: var(--c-primary);
	color: #fff;
}
.main-navigation-menu li ul ul {
	border: none;
	border-top: 2px solid var(--c-primary);
	top: 0;
	right: 100%;
	left: auto;
}
.main-navigation-menu li.menu-item-has-children:hover > ul,
.main-navigation-menu li.page_item_has_children:hover > ul,
.main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}
.main-navigation-menu li.current_page_item > a,
.main-navigation-menu li.current-menu-item > a {
	background: rgba(255,255,255,.08);
	text-decoration: none;
}
.main-navigation-menu li.current_page_item > a::after,
.main-navigation-menu li.current-menu-item > a::after {
	transform: scaleX(1);
}


/* =====================================================================
   7. פוסטים ועמודים
   ===================================================================== */
.type-post, .type-page, .type-attachment {
	margin: 0 0 2.2em 0;
	padding: 0 0 2em 0;
	border-bottom: 1px solid var(--c-line);
}
.type-post:last-child, .type-page:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.page-title, .entry-title {
	font-family: var(--font-head);
	font-weight: 700;
	color: var(--c-ink);
	line-height: 1.3;
	letter-spacing: -.005em;
	word-wrap: break-word;
}
.page-title {
	font-size: 2.2em;
	padding: .1em 0 .3em;
}
.entry-title {
	font-size: 1.7em;
	padding: .2em 0 .35em;
}
.entry-title a:link, .entry-title a:visited {
	color: var(--c-ink);
	text-decoration: none;
	transition: color var(--transition);
}
.entry-title a:hover, .entry-title a:active {
	color: var(--c-primary);
	text-decoration: none;
}

.sticky {
	border-right: 4px solid var(--c-accent);
	border-left: none;
	padding-right: 1.4em;
	padding-left: 0;
	background: var(--c-surface-alt);
	border-radius: var(--radius-sm);
}


/* =====================================================================
   8. אלמנטים טקסטואליים
   ===================================================================== */
.entry {
	line-height: 1.75;
	margin: .6em 0;
	font-size: 1.02em;
	color: var(--c-ink);
	word-wrap: break-word;
}
.entry p, .comment p {
	margin: 0 0 1.1em;
}
.entry h1, .comment h1,
.entry h2, .comment h2,
.entry h3, .comment h3,
.entry h4, .comment h4,
.entry h5, .comment h5,
.entry h6, .comment h6 {
	font-family: var(--font-head);
	color: var(--c-ink);
	font-weight: 700;
	line-height: 1.3;
	margin: 1.4em 0 .5em;
}
.entry h1, .comment h1 { font-size: 2.4em; }
.entry h2, .comment h2 { font-size: 1.9em; }
.entry h3, .comment h3 { font-size: 1.5em; color: var(--c-indigo); }
.entry h4, .comment h4 { font-size: 1.25em; }
.entry h5, .comment h5 { font-size: 1.1em; margin: 1.3em 0 .3em; }
.entry h6, .comment h6 { font-size: 1em; margin: 1.3em 0 .3em; }

.entry ul, .comment ul {
	list-style: none;
	margin: 0 1.5em 1.4em 0;
	padding: 0;
}
.entry ul li, .comment ul li {
	position: relative;
	padding-right: 1.4em;
	margin-bottom: .45em;
}
.entry ul li::before {
	content: "";
	position: absolute;
	right: 0;
	top: .65em;
	width: .5em;
	height: .5em;
	background: var(--c-primary);
	border-radius: 50%;
}
.entry ol, .comment ol {
	list-style: decimal;
	margin: 0 1.6em 1.4em 0;
	padding: 0;
}
.entry ol li { margin-bottom: .45em; padding-right: .3em; }

strong { font-weight: 700; }
cite, em, i { font-style: italic; }

hr {
	margin: 2em 0;
	height: 1px;
	border: 0;
	background-color: var(--c-line);
}

/* ציטוט */
blockquote {
	margin: 1.5em 0;
	padding: 1.2em 1.5em;
	border: none;
	border-right: 4px solid var(--c-primary);
	border-left: none;
	background: var(--c-primary-soft);
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	color: var(--c-ink);
	font-style: italic;
	font-size: 1.1em;
	line-height: 1.6;
}
blockquote cite, blockquote small {
	display: block;
	margin-top: .8em;
	color: var(--c-primary-dark);
	font-size: .9em;
	font-style: normal;
}

/* קוד */
code, pre {
	border: 1px solid var(--c-line);
	background: var(--c-surface-alt);
	border-radius: var(--radius-sm);
	font-family: "SFMono-Regular", Consolas, "Courier New", monospace;
	font-size: .9em;
	line-height: 1.6;
}
code {
	padding: .15em .45em;
}
pre {
	overflow: auto;
	margin-bottom: 1.5em;
	padding: 1.3em 1.5em;
	max-width: 100%;
}

/* טבלאות */
.entry table {
	border-collapse: collapse;
	border: 1px solid var(--c-line);
	border-radius: var(--radius-sm);
	overflow: hidden;
	margin: 1.4em 0;
	width: 100%;
	text-align: right;
}
.entry tr th, .entry thead th {
	background: var(--c-primary);
	color: #fff;
	font-weight: 600;
	padding: .65em 1em;
}
.entry tr td {
	border-top: 1px solid var(--c-line);
	padding: .6em 1em;
}
.entry tr.alternate td,
.entry tbody tr:nth-child(even) td {
	background: var(--c-surface-alt);
}

/* תמונות */
article .wp-post-image {
	max-width: 100%;
	margin: 0 0 1.3em 0;
	height: auto;
	border-radius: var(--radius);
	box-shadow: var(--shadow);
}
.entry img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
.wp-caption { max-width: 100%; height: auto; text-align: center; margin: 1.2em 0; }
.wp-caption p.wp-caption-text {
	margin: .5em 0 0;
	font-size: .88em;
	color: var(--c-ink-soft);
	text-align: center;
}


/* =====================================================================
   9. מטא, "קרא עוד", פאגינציה, פירורי לחם
   ===================================================================== */
.entry-meta, .postinfo {
	color: var(--c-ink-soft);
	margin: .2em 0 1em;
	padding: 0;
	line-height: 1.6;
	font-size: .9em;
}
.postinfo {
	clear: both;
	margin: 1.4em 0 0;
	padding-top: 1em;
	border-top: 1px solid var(--c-line);
}
.entry-meta span, .postinfo span { margin-left: 1em; margin-right: 0; }
.entry-meta a:link, .entry-meta a:visited {
	color: var(--c-ink-soft);
	text-decoration: none;
}
.entry-meta a:hover { color: var(--c-primary); text-decoration: none; }
.entry-meta span:before, .postinfo span:before {
	color: var(--c-primary);
	margin-left: .35em;
}

/* כפתור "קרא עוד" */
.more-link {
	display: inline-block;
	font-weight: 600;
	margin: 1.2em 0 .3em;
	padding: .6em 1.5em;
	border-radius: 999px;
	color: #fff;
	background-color: var(--c-primary);
	transition: background-color var(--transition), transform var(--transition);
}
.more-link:link, .more-link:visited { color: #fff; }
.more-link:hover, .more-link:active {
	background-color: var(--c-primary-dark);
	color: #fff;
	text-decoration: none;
	transform: translateY(-1px);
}

/* כותרת ארכיון / חיפוש */
.archive-title {
	font-family: var(--font-head);
	font-weight: 700;
	font-size: 1.5em;
	color: var(--c-ink);
	padding-bottom: .6em;
	margin-bottom: 1.5em;
	border-bottom: 2px solid var(--c-primary);
}
.archive-title span { color: var(--c-primary); }
.archive-description { margin: -.8em 0 1.5em; line-height: 1.65; color: var(--c-ink-soft); }

/* פאגינציה */
.post-pagination { margin-bottom: 1em; color: var(--c-ink-soft); }
.post-pagination a, .post-pagination .current {
	padding: .45em .85em;
	margin-left: .35em;
	margin-right: 0;
	display: inline-block;
	text-align: center;
	border-radius: var(--radius-sm);
	text-decoration: none;
}
.post-pagination a:link, .post-pagination a:visited {
	color: var(--c-primary);
	background: var(--c-surface-alt);
	border: 1px solid var(--c-line);
}
.post-pagination a:hover {
	background: var(--c-primary-soft);
	text-decoration: none;
}
.post-pagination .current {
	background: var(--c-primary);
	color: #fff;
	border: 1px solid var(--c-primary);
}

.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin-bottom: 1em;
	padding: .7em 1.5em;
	border-radius: 999px;
	font-weight: 600;
	color: #fff;
	background: var(--c-primary);
	transition: background-color var(--transition);
}
.infinite-scroll #infinite-handle span:hover { background-color: var(--c-primary-dark); }

/* ניווט בין פוסטים */
.post-navigation { margin: 0 0 2em; line-height: 1.5; }

/* פירורי לחם */
.breadcrumbs {
	color: var(--c-ink-soft);
	font-size: .9em;
	padding-bottom: .6em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid var(--c-line);
}


/* =====================================================================
   10. וידג'טים וסייד-בר
   ===================================================================== */
.widget {
	margin-bottom: 1.5em;
	padding: 1.4em;
	background: var(--c-surface);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	word-wrap: break-word;
}
#sidebar .widget {
	float: none;
	width: 100%;
	box-sizing: border-box;
}
.widgettitle {
	font-family: var(--font-head);
	font-size: 1.15em;
	font-weight: 700;
	padding: 0 0 .7em;
	margin: 0 0 1em;
	background: none;
	color: var(--c-ink);
	box-shadow: none;
	border: none;
	border-bottom: 2px solid var(--c-primary);
	position: relative;
}
.widget .textwidget { line-height: 1.7; }
.widget .textwidget p { margin-bottom: 1em; }
.widget ul {
	line-height: 1.8;
	list-style: none;
	color: var(--c-ink);
}
.widget ul li {
	padding: .4em 0;
	border-bottom: 1px solid var(--c-line);
}
.widget ul li:last-child { border-bottom: none; }
.widget ul .children { padding: 0; margin: .5em 1em 0 0; }
.widget a:link, .widget a:visited { text-decoration: none; color: var(--c-primary); }
.widget a:hover, .widget a:active { color: var(--c-primary-dark); text-decoration: none; }
.widget img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
.widgettitle a:link, .widgettitle a:visited { color: var(--c-ink); }

/* לוח שנה */
#wp-calendar { width: 100%; color: var(--c-ink-soft); line-height: 1.6; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: right; }
#wp-calendar th { font-weight: 600; font-size: .85em; }


/* =====================================================================
   11. וידג'טים של עמוד הבית (מגזין)
   ===================================================================== */
#frontpage-slider-wrap { padding: 0; margin-bottom: 2.2em; }

.frontpage-magazine-no-widgets, .frontpage-slider-empty-posts {
	line-height: 1.6;
	margin-bottom: 1.5em;
}

#frontpage-magazine-widgets .widget {
	margin: 0 0 2.2em 0;
	padding: 1.6em;
	background: var(--c-surface);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
}
#frontpage-magazine-widgets .widget .widgettitle {
	font-family: var(--font-head);
	font-size: 1.25em;
	font-weight: 700;
	padding: 0 0 .7em;
	margin: 0 0 1.3em 0;
	background: none;
	color: var(--c-ink);
	box-shadow: none;
	border: none;
	border-bottom: 2px solid var(--c-primary);
}

/* וידג'טים של פוסטים לפי קטגוריה */
.widget-category-posts .widgettitle .category-archive-link { float: left; }
.widget-category-posts .widgettitle .category-archive-link .genericon-next { color: var(--c-primary); }
.widget-category-posts .type-post {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}
.widget-category-posts .big-post .entry-title { font-size: 1.45em; }
.widget-category-posts .big-post .wp-post-image { margin: 0 0 .7em 0; }

.widget-category-posts .small-post {
	float: right;
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid var(--c-line);
	box-sizing: border-box;
}
.widget-category-posts .small-post .wp-post-image {
	float: right;
	margin: 0 0 0 1em;
	max-width: 30%;
	border-radius: var(--radius-sm);
}
.widget-category-posts .small-post .small-post-content { padding: .2em .4em; }
.widget-category-posts .small-post .entry-title {
	border: none;
	margin: 0 0 .3em;
	padding: 0;
	font-size: 1.12em;
}
.widget-category-posts .small-post .entry-meta { display: inline; }
.widget-category-posts .small-post:last-child { border-bottom: none; }

/* פריסות העמוד הראשי */
#widget-category-posts-boxed .big-post {
	float: right;
	width: 50%;
	padding-left: 1.2em;
	padding-right: 0;
	margin-bottom: 1em;
	box-sizing: border-box;
}
#widget-category-posts-boxed .small-posts {
	width: 50%;
	margin-right: 50%;
	margin-left: 0;
	padding-right: 1.2em;
	padding-left: 0;
	box-sizing: border-box;
}
#widget-category-posts-grid .category-posts-grid-row { margin-left: -2em; margin-right: 0; }
#widget-category-posts-grid .category-posts-grid-row .big-post,
#widget-category-posts-grid .category-posts-grid-row .small-post-wrap {
	float: right;
	width: 50%;
	padding-left: 2em;
	padding-right: 0;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-column-left {
	float: right;
	width: 50%;
	padding-left: 1.2em;
	padding-right: 0;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-column-right {
	margin-right: 50%;
	margin-left: 0;
	width: 50%;
	padding-right: 1.2em;
	padding-left: 0;
	box-sizing: border-box;
}


/* =====================================================================
   12. טפסים וחיפוש
   ===================================================================== */
.search-form { display: block; position: relative; width: 100%; overflow: hidden; }
.search-form .search-field {
	display: inline-block;
	width: 100%;
	padding: .8em 1em .8em 48px;
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: 999px;
	font-size: 1em;
	color: var(--c-ink);
	box-sizing: border-box;
	-webkit-appearance: none;
}
.search-form .search-field:focus {
	border-color: var(--c-primary);
	box-shadow: 0 0 0 3px var(--c-primary-soft);
}
.search-form .search-submit {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	border: none;
	background: transparent;
	padding: .65em .9em 0 0;
	cursor: pointer;
}
.search-form .search-submit .genericon-search { color: var(--c-primary); }

/* --- טפסים מותאמים בווידג'טים (סייד-בר) --- */

/* ווידג'ט חיפוש מותאם (.searchinput / .searchsubmit) ו-CF7.
   כל שדות הטקסט הופכים לרוחב מלא ו-border-box כדי שלא יגלשו מהכרטיס. */
#sidebar input[type="text"],
#sidebar input[type="email"],
#sidebar input[type="search"],
#sidebar input[type="url"],
#sidebar input[type="tel"],
#sidebar input[type="number"],
#sidebar input[type="password"],
#sidebar textarea,
#sidebar select,
#sidebar .searchinput,
#sidebar .wpcf7-form-control.wpcf7-text,
#sidebar .wpcf7-form-control.wpcf7-email {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
}

/* רווחים אנכיים נעימים בטופס CF7 (עטיפת ה-<p> סביב כל שדה) */
#sidebar .wpcf7-form p {
	margin: 0 0 1em;
}
#sidebar .wpcf7-form label {
	display: block;
	font-weight: 500;
	color: var(--c-ink);
}
#sidebar .wpcf7-form label br {
	display: none;            /* מבטל את רווח ה-<br> המיותר בין תווית לשדה */
}
#sidebar .wpcf7-form-control-wrap {
	display: block;
	margin-top: .35em;
}

/* ווידג'ט החיפוש המותאם — פריסת flex אנכית למרווח אמין בין השדה לכפתור.
   עובד גם עם ה-HTML החדש (class="ashbar-search-form") וגם בלעדיו (דרך :has). */
#sidebar .ashbar-search-form,
#sidebar .widget_block form:has(.searchinput) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;   /* ב-RTL: היישור להתחלה = ימין */
	gap: 14px;
}
#sidebar .searchinput {
	width: 100%;
	margin: 0;
}
#sidebar .searchsubmit {
	width: auto;               /* כפתור ברוחב טבעי, לא מלא */
	margin: 0;
}
/* מנטרל <br> ישן אם נשאר בתוך טופס החיפוש */
#sidebar .ashbar-search-form br,
#sidebar .widget_block form:has(.searchinput) br {
	display: none;
}

/* ספינר של CF7 שלא ישבור שורה */
#sidebar .wpcf7-spinner {
	margin: 0 .5em;
}


/* =====================================================================
   13. תגובות
   ===================================================================== */
#comments { margin: 1.5em 0; }
#comments .comments-title, #respond #reply-title {
	font-family: var(--font-head);
	font-size: 1.5em;
	font-weight: 700;
	color: var(--c-ink);
	margin-bottom: 1em;
	padding-bottom: .4em;
	border-bottom: 2px solid var(--c-primary);
}
.commentlist { margin: 0; }
.commentlist .comment {
	display: block;
	margin-bottom: 1.5em;
	padding: 1.3em;
	border: 1px solid var(--c-line);
	border-top: none;
	background: var(--c-surface-alt);
	border-radius: var(--radius);
	list-style: none;
	line-height: 1.65;
	word-wrap: break-word;
}
.comment-author img {
	float: right;
	margin-left: 1em;
	margin-right: 0;
	margin-top: -.1em;
	border-radius: 50%;
}
.comment-author .fn { font-size: 1.05em; font-weight: 600; padding: .2em 0; }
.bypostauthor .fn, .comment-author-admin .fn {
	font-style: normal;
	background: var(--c-primary-soft);
	color: var(--c-primary-dark);
	padding: .15em .6em;
	border-radius: 999px;
}
.comment-meta { font-size: .88em; margin-bottom: 1.2em; color: var(--c-ink-soft); }
#comments .children { margin-top: 1em; margin-right: 1.5em; margin-left: 0; }
#comments .children .comment { background: var(--c-surface); }

/* טופס תגובה */
#respond { margin: 2.5em 0 0; }
#commentform p { margin: 1em 0; }
#commentform input[type="text"], #commentform textarea {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
#commentform label { display: block; margin: .6em 0 .25em; font-weight: 500; }
#commentform #submit {
	display: inline-block;
	font-weight: 600;
	border: none;
	margin-top: 1em;
	padding: .85em 2.5em;
	border-radius: 999px;
	color: #fff;
	background: var(--c-primary);
	cursor: pointer;
	transition: background-color var(--transition), transform var(--transition);
}
#commentform #submit:hover {
	background-color: var(--c-primary-dark);
	transform: translateY(-1px);
}


/* =====================================================================
   14. אייקונים חברתיים
   ===================================================================== */
#social-icons-menu li {
	float: right;
	margin: 0 0 4px 4px;
	background: transparent;
}
#social-icons-menu li a {
	border-radius: var(--radius-sm);
	overflow: hidden;
	transition: transform var(--transition), opacity var(--transition);
}
#social-icons-menu li a:hover { opacity: 1; transform: translateY(-2px); }


/* =====================================================================
   15. פוטר
   ===================================================================== */
#footer {
	margin-top: 2em;
	padding: 1.8em 2em;
	color: #dfe8ec;
	background: var(--c-ink);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
}
#footer #footer-text { float: left; font-size: .88em; color: #b9c5cc; }
#footer #footer-text a:link, #footer #footer-text a:visited {
	color: #fff;
	border-bottom: 1px dotted rgba(255,255,255,.4);
}
#footer #footer-text a:hover { border-bottom: none; text-decoration: none; color: var(--c-accent); }

#footernav { float: right; }
#footernav-menu { float: right; }
#footernav-menu li {
	float: right;
	padding-left: 1.2em;
	padding-right: 0;
	margin-left: 1.2em;
	margin-right: 0;
	border-left: 1px solid rgba(255,255,255,.18);
	border-right: none;
}
#footernav-menu li:last-child { border-left: none; }
#footernav-menu a { display: inline-block; font-size: .9em; }
#footernav-menu a:link, #footernav-menu a:visited { color: #dfe8ec; }
#footernav-menu a:hover { color: #fff; text-decoration: none; }


/* =====================================================================
   16. בלוקים של גוטנברג
   ===================================================================== */
.wp-block-quote.is-style-large { border: none; margin: 0 0 1.5em; padding: 0; font-size: 1.6em; }
.wp-block-pullquote {
	margin-bottom: 1.5em;
	padding: 1.5em;
	border: none;
	border-right: 4px solid var(--c-accent);
	background: var(--c-surface-alt);
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.wp-block-pullquote blockquote { border: none; margin: 0; padding: 0; background: none; font-size: 1.5em; }
.wp-block-separator { height: 2px; background-color: var(--c-line); border: none; }

/* התאמת מחלקות הצבע של גוטנברג לפלטה החדשה */
.has-primary-color { color: var(--c-primary); }
.has-primary-background-color { background-color: var(--c-primary); }


/* =====================================================================
   17. מדיה קוורי (רספונסיביות)
   ===================================================================== */

/* מסכים בינוניים */
@media only screen and (max-width: 70em) {
	#wrapper { width: 94%; }
	#content { width: 67%; }
	#sidebar { width: 31%; }
	#logo .site-title { float: none; }
	#logo .site-description { float: none; margin: .4em 0 0; font-size: 1em; }
}

/* טאבלט לרוחב | <960px */
@media only screen and (max-width: 60em) {
	#wrapper { width: 92%; margin: 1.5em auto; }
	#header { padding: 1.8em; text-align: center; }
	#content {
		float: none;
		width: 100%;
		padding: 1.6em 1.5em;
	}
	#sidebar { float: none; clear: both; margin: 1.5em 0 0; width: 100%; }
	#logo { float: none; width: 100%; }
	#header-content { display: block; text-align: center; }
	#header-content div { float: none; margin: 1em 0 0; }

	/* תפריט נייד — שמירה על מנגנון ה-toggle של האב */
	#mainnav { margin: 1.2em 0; float: none; border-radius: var(--radius); }
	#mainnav-toggle {
		display: block;
		width: 100%;
		margin: 0;
		padding: 1.2em 1.4em;
		text-align: right;
		text-transform: none;
		font-family: var(--font-body);
		font-weight: 600;
		font-size: 1em;
		color: #fff;
		background: var(--c-ink);
		border: none;
		border-radius: var(--radius);
		cursor: pointer;
	}
	#mainnav-toggle:hover { background: var(--c-primary-dark); }
	#mainnav-toggle:after {
		float: left;
		margin: -.1em 0 0;
		content: '\f419';
		font: normal 24px/1 Genericons;
		-webkit-font-smoothing: antialiased;
		vertical-align: text-bottom;
	}
	.main-navigation-menu {
		width: 100%;
		display: none;
		background: var(--c-ink);
		border-top: 1px solid rgba(255,255,255,.1);
	}
	.main-navigation-menu a {
		display: block;
		padding: 1.1em 1.4em;
		border-bottom: 1px solid rgba(255,255,255,.08);
		background: var(--c-ink);
		clear: both;
	}
	.main-navigation-menu > li > a::after { display: none; }
	.main-navigation-menu a:hover { background: rgba(255,255,255,.06); }
	.main-navigation-menu ul { background: rgba(0,0,0,.25); box-shadow: none; }
	.main-navigation-menu ul a { padding: .95em 2.5em .95em 1.4em; }

	/* פוטר */
	#footer { text-align: center; }
	#footer #footer-text { float: none; margin-top: 1em; }
	#footernav { float: none; }
	#footernav-menu { float: none; }
	#footernav-menu li {
		float: none;
		display: inline-block;
		padding: 0;
		margin: 0 0 1em;
		border: none;
	}
}

/* טאבלט לאורך | <800px */
@media only screen and (max-width: 50em) {
	#logo .site-title { font-size: 2.2em; }

	/* תפריט עליון נייד */
	#topnav-toggle {
		display: block;
		width: 100%;
		padding: .6em 1em;
		text-align: right;
		color: var(--c-ink);
		background: var(--c-surface-alt);
		border: none;
		cursor: pointer;
		font-family: var(--font-body);
	}
	.top-navigation-menu { width: 100%; display: none; }
	.top-navigation-menu a { display: block; border-bottom: 1px solid var(--c-line); }

	.entry h1, .comment h1 { font-size: 2em; }
	.entry h2, .comment h2 { font-size: 1.6em; }
	.entry h3, .comment h3 { font-size: 1.35em; }
}

/* פאבלט | <640px */
@media only screen and (max-width: 40em) {
	#content { padding: 1.3em 1.2em; }
	.page-title { font-size: 1.9em; }
	.entry-title { font-size: 1.45em; }

	#widget-category-posts-grid .category-posts-grid-row { margin-left: 0; }
	#widget-category-posts-grid .category-posts-grid-row .big-post,
	#widget-category-posts-grid .category-posts-grid-row .small-post-wrap,
	#widget-category-posts-boxed .big-post,
	#widget-category-posts-columns .category-posts-column-left {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	#widget-category-posts-boxed .small-posts,
	#widget-category-posts-columns .category-posts-column-right {
		width: 100%;
		margin-right: 0;
		padding-right: 0;
	}
	#widget-category-posts-columns .category-posts-column-right { margin-top: 1.5em; }
}

/* סמארטפון | <480px */
@media only screen and (max-width: 30em) {
	#wrapper { width: 96%; }
	#logo .site-title { font-size: 1.9em; }
	.alignright, .alignleft { float: none; margin: 1em 0; }
}