@charset "UTF-8";
/* ==========================================================================
   yoel-ab.com - design layer (2026)
   Loaded LAST, after Bootstrap 3 (LTR + RTL) and heb.css.
   It restyles the look only; Bootstrap's grid and JS stay in charge,
   so pages that were not redesigned keep working and still get the new
   buttons, inputs, alerts, pagination and typography.
   New template parts use the "ya-" prefix to avoid clashing with Bootstrap.
   ========================================================================== */

:root {
	--ya-brand: #1e3a8a;
	--ya-brand-ink: #13234f;
	--ya-accent: #2563eb;
	--ya-accent-hover: #1d4ed8;
	--ya-accent-soft: #eef3ff;
	--ya-accent-line: #d6e2ff;
	--ya-bg: #f5f7fb;
	--ya-surface: #ffffff;
	--ya-text: #0f172a;
	--ya-text-2: #334155;
	--ya-muted: #64748b;
	--ya-border: #e4e8f0;
	--ya-danger: #b91c1c;
	--ya-radius: 14px;
	--ya-radius-sm: 10px;
	--ya-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 20px rgba(15, 23, 42, .06);
	--ya-shadow-hover: 0 2px 4px rgba(15, 23, 42, .06), 0 14px 30px rgba(15, 23, 42, .10);
	--ya-nav-h: 72px;
	--ya-font: 'Heebo', 'Open Sans Hebrew', Arial, sans-serif;
}

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
body {
	font-family: var(--ya-font) !important;
	font-size: 17px;
	line-height: 1.75;
	color: var(--ya-text);
	background: var(--ya-bg);
	-webkit-font-smoothing: antialiased;
}
/* No body padding on purpose: pages that were not redesigned yet still push their
   content below the fixed menu with leading <br> tags. Redesigned pages use .ya-main. */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ya-font) !important;
	color: var(--ya-text);
	font-weight: 700;
	line-height: 1.35;
}
h1 { font-size: 32px; font-weight: 800; }
h2 { font-size: 26px; }
h3 { font-size: 21px; }
a { color: var(--ya-accent); transition: color .15s; }
a:hover, a:focus { color: var(--ya-accent-hover); text-decoration: none; }
hr { border-top-color: var(--ya-border); }
img { max-width: 100%; }
::selection { background: var(--ya-accent-line); }

/* ---------- Bootstrap component overrides (apply site-wide) ---------- */
.btn {
	border-radius: 999px;
	font-weight: 600;
	padding: 8px 20px;
	transition: background-color .15s, border-color .15s, box-shadow .15s;
}
.btn-primary { background: var(--ya-accent); border-color: var(--ya-accent); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.open .dropdown-toggle.btn-primary { background: var(--ya-accent-hover); border-color: var(--ya-accent-hover); }
.btn-default { background: #fff; border-color: var(--ya-border); color: var(--ya-text-2); }
.btn-default:hover { background: var(--ya-accent-soft); border-color: var(--ya-accent-line); color: var(--ya-accent); }

.form-control {
	height: auto;
	padding: 10px 14px;
	font-size: 16px;
	border-radius: var(--ya-radius-sm);
	border-color: var(--ya-border);
	box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
}
.form-control:focus { border-color: var(--ya-accent); box-shadow: 0 0 0 3px var(--ya-accent-line); }
label { font-weight: 600; color: var(--ya-text-2); }

.well {
	background: var(--ya-surface);
	border: 1px solid var(--ya-border);
	border-radius: var(--ya-radius);
	box-shadow: var(--ya-shadow);
}
.alert { border-radius: var(--ya-radius); border: 1px solid transparent; }
.alert-info { background: var(--ya-accent-soft); border-color: var(--ya-accent-line); color: var(--ya-brand-ink); }
.alert-warning { background: #fff8eb; border-color: #fde7c2; color: #7c4a03; }

.pagination > li > a, .pagination > li > span {
	margin: 0 3px;
	border-radius: 8px !important;
	border-color: var(--ya-border);
	color: var(--ya-text-2);
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover { background: var(--ya-accent); border-color: var(--ya-accent); }

.dropdown-menu { border-radius: var(--ya-radius-sm); border-color: var(--ya-border); box-shadow: var(--ya-shadow-hover); padding: 6px; }
.dropdown-menu > li > a { border-radius: 8px; padding: 8px 14px; }

/* ---------- Top navigation ---------- */
.ya-nav {
	position: fixed;
	top: 0; right: 0; left: 0;
	z-index: 1030;
	height: var(--ya-nav-h);
	background: rgba(255, 255, 255, .94);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
	backdrop-filter: saturate(1.4) blur(10px);
	border-bottom: 1px solid var(--ya-border);
}
.ya-nav-inner { display: flex; align-items: center; gap: 20px; height: var(--ya-nav-h); }
.ya-brand { display: flex; flex-direction: column; line-height: 1.2; flex-shrink: 0; }
.ya-brand:hover { text-decoration: none; }
.ya-brand strong { font-size: 22px; font-weight: 800; color: var(--ya-brand); letter-spacing: -.2px; }
.ya-brand small { font-size: 13px; color: var(--ya-muted); font-weight: 500; }

.ya-menu { display: flex; align-items: center; gap: 4px; flex: 1; }
.ya-links { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.ya-links a {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 8px 13px;
	border-radius: 999px;
	color: var(--ya-text-2);
	font-weight: 500;
	font-size: 15.5px;
	white-space: nowrap;
}
.ya-links a .fa { color: var(--ya-muted); font-size: 15px; transition: color .15s; }
.ya-links a:hover, .ya-links a.is-active { background: var(--ya-accent-soft); color: var(--ya-accent); }
.ya-links a:hover .fa, .ya-links a.is-active .fa { color: var(--ya-accent); }

.ya-search { display: flex; align-items: center; margin-right: auto; background: var(--ya-bg); border: 1px solid var(--ya-border); border-radius: 999px; padding: 3px; transition: border-color .15s, box-shadow .15s; }
.ya-search:focus-within { border-color: var(--ya-accent); box-shadow: 0 0 0 3px var(--ya-accent-line); background: #fff; }
.ya-search input { border: 0; background: transparent; outline: none; padding: 6px 12px; width: 150px; font-size: 15px; color: var(--ya-text); }
.ya-search select { border: 0; background: transparent; font-size: 14px; color: var(--ya-muted); outline: none; cursor: pointer; padding: 0 4px; }
.ya-search button { border: 0; background: var(--ya-accent); color: #fff; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.ya-search button:hover { background: var(--ya-accent-hover); }

.ya-burger { display: none; margin-right: auto; border: 1px solid var(--ya-border); background: #fff; border-radius: 10px; width: 42px; height: 42px; color: var(--ya-text-2); font-size: 18px; }

@media (min-width: 992px) {
	.ya-menu.collapse { display: flex !important; height: auto !important; }
}
/* Mid-size desktops (Bootstrap container is 970px): compact the menu so it fits on one line */
@media (min-width: 992px) and (max-width: 1199px) {
	.ya-nav-inner { gap: 14px; }
	.ya-links a { padding: 8px 9px; font-size: 15px; }
	.ya-links a .fa { display: none; }
	.ya-search input { width: 105px; }
}
@media (max-width: 991px) {
	.ya-burger { display: flex; align-items: center; justify-content: center; }
	.ya-menu {
		position: absolute;
		top: var(--ya-nav-h); right: 0; left: 0;
		flex-direction: column;
		align-items: stretch;
		background: #fff;
		border-bottom: 1px solid var(--ya-border);
		box-shadow: var(--ya-shadow-hover);
		padding: 12px 16px 18px;
	}
	.ya-menu.collapse:not(.in) { display: none; }
	.ya-links { flex-direction: column; align-items: stretch; }
	.ya-links a { padding: 12px 14px; border-radius: 10px; font-size: 17px; }
	.ya-search { margin: 10px 0 0; }
	.ya-search input { flex: 1; width: auto; }
}

/* ---------- Page layout ---------- */
.ya-main { padding-top: calc(var(--ya-nav-h) + 32px); padding-bottom: 24px; }

/* Two-column layout: sidebar on the right, content on the left.
   Content comes first in the HTML, so on phones it is shown before the sidebar. */
.ya-layout { display: grid; grid-template-columns: 340px minmax(0, 1fr); grid-template-areas: "side content"; gap: 32px; align-items: start; }
.ya-content { grid-area: content; min-width: 0; }
.ya-side { grid-area: side; min-width: 0; }
@media (min-width: 992px) and (max-width: 1199px) {
	.ya-layout { grid-template-columns: 290px minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 991px) {
	.ya-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "content" "side"; gap: 8px; }
}
.ya-page-head { margin: 8px 0 24px; }
.ya-page-head h1 { margin: 0 0 6px; }
.ya-page-head p { color: var(--ya-muted); margin: 0; }

/* Intro band on the home page */
.ya-hero {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, var(--ya-brand) 0%, #2d52b8 100%);
	color: #fff;
	border-radius: var(--ya-radius);
	padding: 40px 44px;
	margin-bottom: 32px;
	box-shadow: var(--ya-shadow);
}
.ya-hero::after {
	content: "";
	position: absolute;
	left: -80px; bottom: -120px;
	width: 340px; height: 340px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 70%);
	pointer-events: none;
}
.ya-hero-kicker { display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: .3px; color: #c7d6ff; margin-bottom: 10px; }
.ya-hero h1 { color: #fff; font-size: 30px; margin: 0 0 14px; }
.ya-hero p { font-size: 18.5px; line-height: 1.7; color: rgba(255, 255, 255, .9); max-width: 60ch; margin: 0 0 26px; }
.ya-hero .btn { padding: 10px 22px; margin-left: 8px; margin-bottom: 6px; }
.ya-hero .btn-light { background: #fff; color: var(--ya-brand); border-color: #fff; }
.ya-hero .btn-light:hover { background: #e9efff; }
.ya-hero .btn-ghost { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .45); }
.ya-hero .btn-ghost:hover { background: rgba(255, 255, 255, .12); color: #fff; }

.ya-section-title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 16px; }
.ya-section-title h2 { font-size: 22px; margin: 0; }
.ya-section-title a { font-weight: 600; font-size: 15px; }

/* ---------- Article / media post card ---------- */
.ya-post {
	display: flex;
	gap: 22px;
	background: var(--ya-surface);
	border: 1px solid var(--ya-border);
	border-radius: var(--ya-radius);
	padding: 18px;
	margin-bottom: 18px;
	box-shadow: var(--ya-shadow);
	transition: box-shadow .2s, transform .2s;
}
.ya-post:hover { box-shadow: var(--ya-shadow-hover); transform: translateY(-2px); }
.ya-post-media {
	flex: 0 0 190px;
	aspect-ratio: 4 / 3;
	border-radius: var(--ya-radius-sm);
	overflow: hidden;
	background: var(--ya-accent-soft);
	color: var(--ya-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
}
.ya-post-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ya-post-media .fa { font-size: 42px; opacity: .85; }
.ya-post-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ya-post h3 { font-size: 20px; line-height: 1.45; margin: 0 0 8px; }
.ya-post h3 a { color: var(--ya-text); }
.ya-post h3 a:hover { color: var(--ya-accent); }
.ya-post p {
	color: var(--ya-text-2);
	margin: 0 0 12px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.ya-post-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14.5px; color: var(--ya-muted); }
.ya-more { font-weight: 600; color: var(--ya-accent); display: inline-flex; align-items: center; gap: 6px; }
.ya-more .fa { transition: transform .15s; }
.ya-post:hover .ya-more .fa { transform: translateX(-3px); }

.ya-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	align-self: flex-start;
	font-size: 13px;
	font-weight: 600;
	color: var(--ya-accent);
	background: var(--ya-accent-soft);
	padding: 2px 10px;
	border-radius: 999px;
	margin-bottom: 8px;
}
.ya-badge.is-media { color: #7c3aed; background: #f3edff; }
.ya-badge.is-audio { color: #0f766e; background: #e6f6f4; }

@media (max-width: 600px) {
	.ya-post { flex-direction: column; gap: 14px; }
	.ya-post-media { flex-basis: auto; width: 100%; aspect-ratio: 16 / 9; }
	.ya-hero { padding: 28px 24px; }
	.ya-hero h1 { font-size: 25px; }
}

/* ---------- Sidebar cards ---------- */
.ya-card {
	background: var(--ya-surface);
	border: 1px solid var(--ya-border);
	border-radius: var(--ya-radius);
	box-shadow: var(--ya-shadow);
	padding: 22px 24px;
	margin-bottom: 24px;
}
.ya-card-title { display: flex; align-items: center; gap: 10px; font-size: 18px; margin: 0 0 12px; }
.ya-card-title .fa { color: var(--ya-accent); }
.ya-card-foot { margin-top: 12px; font-weight: 600; font-size: 15px; }

.ya-list { list-style: none; margin: 0; padding: 0; }
.ya-list li + li { border-top: 1px solid var(--ya-border); }
.ya-list a { display: block; padding: 11px 0; color: var(--ya-text); }
.ya-list a:hover .ya-list-title { color: var(--ya-accent); }
.ya-list-title { display: block; font-weight: 600; font-size: 16px; line-height: 1.45; transition: color .15s; }
.ya-list-meta { display: flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--ya-muted); }

.ya-donate { background: linear-gradient(160deg, #fff 0%, var(--ya-accent-soft) 100%); text-align: center; }
.ya-donate h3 { font-size: 19px; margin: 0 0 6px; }
.ya-donate p { color: var(--ya-text-2); font-size: 15px; margin: 0 0 14px; }
.ya-donate form { margin: 0; }
.ya-donate .btn { padding: 10px 26px; }

.ya-feature { position: relative; display: block; border-radius: var(--ya-radius); overflow: hidden; margin-bottom: 24px; box-shadow: var(--ya-shadow); background: var(--ya-brand-ink); min-height: 220px; }
.ya-feature img { width: 100%; display: block; transition: transform .4s; }
.ya-feature:hover img { transform: scale(1.03); }
.ya-feature-cap { position: absolute; right: 0; left: 0; bottom: 0; padding: 48px 20px 18px; background: linear-gradient(to top, rgba(15, 23, 42, .88), rgba(15, 23, 42, 0)); }
.ya-feature-cap span { font-size: 13px; font-weight: 600; color: #c7d6ff; }
.ya-feature-cap h3 { color: #fff; font-size: 19px; margin: 4px 0 0; }

.ya-note { font-size: 14.5px; line-height: 1.7; color: var(--ya-muted); }
.ya-note strong { color: var(--ya-text-2); }

/* ---------- Forum: topics list ---------- */
.btn-sm { padding: 5px 12px; font-size: 14px; }
.ya-forum-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ya-forum-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 12px; font-size: 15px; color: var(--ya-muted); }
.ya-forum-bar strong { color: var(--ya-text); }

.ya-topics { list-style: none; margin: 0; padding: 0; background: var(--ya-surface); border: 1px solid var(--ya-border); border-radius: var(--ya-radius); box-shadow: var(--ya-shadow); }
.ya-topic { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-top: 1px solid var(--ya-border); transition: background-color .15s; }
.ya-topic:first-child { border-top: 0; border-radius: var(--ya-radius) var(--ya-radius) 0 0; }
.ya-topic:last-child { border-radius: 0 0 var(--ya-radius) var(--ya-radius); }
.ya-topic:hover { background: #fafbfe; }
.ya-topic-icon { flex: 0 0 40px; height: 40px; border-radius: 50%; background: var(--ya-accent-soft); color: var(--ya-accent); display: flex; align-items: center; justify-content: center; font-size: 17px; }
.ya-topic-icon.is-fresh { background: #fff1e0; color: #c2410c; }
.ya-topic-main { flex: 1; min-width: 0; }
.ya-topic-title { display: block; font-weight: 600; font-size: 17px; line-height: 1.45; color: var(--ya-text); overflow-wrap: anywhere; }
.ya-topic-title:hover { color: var(--ya-accent); }
.ya-topic.is-hidden .ya-topic-title { color: var(--ya-danger); }
.ya-topic-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 14px; margin-top: 2px; font-size: 13.5px; color: var(--ya-muted); }
.ya-topic-meta .fa-check-circle { color: var(--ya-accent); }
.ya-tag-hidden { color: var(--ya-danger); background: #fdecec; border-radius: 999px; padding: 0 8px; font-weight: 600; }
.ya-topic-stat { flex: 0 0 auto; min-width: 64px; text-align: center; font-size: 13px; line-height: 1.3; color: var(--ya-muted); }
.ya-topic-stat strong { display: block; font-size: 17px; color: var(--ya-text); }
.ya-topic-admin { flex: 0 0 auto; }
.ya-topic-admin .dropdown-menu { right: auto; left: 0; min-width: 150px; }
.ya-topic-admin .dropdown-menu .fa { width: 18px; color: var(--ya-muted); }

.ya-pager { display: flex; justify-content: center; margin-top: 22px; }
.ya-pager .pagination { margin: 0; }
.ya-pager .pagination > .disabled > span { color: #c4cad6; }

@media (max-width: 600px) {
	.ya-topic { padding: 12px 14px; gap: 10px; }
	.ya-topic-icon { display: none; }
	.ya-topic-stat { min-width: 44px; }
}

/* ---------- Forum: thread view ---------- */
.ya-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px; font-weight: 600; font-size: 15px; }
.ya-thread-head h1 { overflow-wrap: anywhere; }
.ya-thread-head p strong { color: var(--ya-text); }

/* Replies are indented by depth (--ya-depth is set per message), up to --ya-max-depth steps */
.ya-thread { --ya-indent: 22px; --ya-max-depth: 8; }
.ya-msg {
	--ya-depth: 0;
	background: var(--ya-surface);
	border: 1px solid var(--ya-border);
	border-radius: var(--ya-radius);
	box-shadow: var(--ya-shadow);
	padding: 18px 22px;
	margin: 0 0 14px;
	margin-right: calc(min(var(--ya-depth), var(--ya-max-depth)) * var(--ya-indent));
	scroll-margin-top: calc(var(--ya-nav-h) + 16px);
}
.ya-msg.is-reply { border-right: 3px solid var(--ya-accent-line); }
.ya-msg.is-staff { border-right-color: var(--ya-accent); }
.ya-msg.is-hidden { background: #fffafa; border-color: #f3caca; }
/* The message a link pointed at (e.g. from "latest messages") */
.ya-msg:target { border-color: var(--ya-accent); box-shadow: 0 0 0 3px var(--ya-accent-line), var(--ya-shadow); }

.ya-msg-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.ya-msg-avatar { flex: 0 0 40px; height: 40px; border-radius: 50%; background: var(--ya-accent-soft); color: var(--ya-accent); display: flex; align-items: center; justify-content: center; font-size: 17px; }
.ya-msg.is-staff .ya-msg-avatar { background: var(--ya-brand); color: #fff; }
.ya-msg-by { flex: 1; min-width: 0; line-height: 1.45; }
.ya-msg-writer { display: block; font-weight: 600; font-size: 16px; color: var(--ya-text); overflow-wrap: anywhere; }
.ya-msg-writer a { color: inherit; }
.ya-msg-writer a:hover { color: var(--ya-accent); }
.ya-msg-writer .fa-check-circle { color: var(--ya-accent); }
.ya-msg-time { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 12px; font-size: 13.5px; color: var(--ya-muted); }
.ya-msg-head .ya-tag-hidden { flex: 0 0 auto; font-size: 13.5px; }

.ya-msg-title { font-size: 19px; line-height: 1.45; margin: 0 0 8px; overflow-wrap: anywhere; }
.ya-msg.is-hidden .ya-msg-title { color: var(--ya-danger); }
.ya-msg-body { color: var(--ya-text-2); overflow-wrap: anywhere; }
.ya-msg-body img { height: auto; }
.ya-msg-pic { display: block; width: -moz-fit-content; width: fit-content; max-width: 100%; margin: 0 0 12px; border-radius: var(--ya-radius-sm); overflow: hidden; border: 1px solid var(--ya-border); }
.ya-msg-pic img { display: block; max-height: 320px; width: auto; }

.ya-msg-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--ya-border); }
.ya-msg-admin { display: flex; flex-wrap: wrap; gap: 6px; margin-right: auto; }
.ya-msg-admin .fa { color: var(--ya-muted); }

.ya-thread-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 22px; font-weight: 600; font-size: 15px; }

/* Single-column layout: keep the sidebar cards off the buttons */
@media (max-width: 991px) { .ya-thread-foot { margin-bottom: 20px; } }
@media (max-width: 600px) {
	.ya-thread { --ya-indent: 10px; --ya-max-depth: 5; }
	.ya-thread-head h1 { font-size: 25px; }
	.ya-msg { padding: 14px 16px; }
	.ya-msg-avatar { flex-basis: 34px; height: 34px; font-size: 15px; }
}

/* ---------- Forum: new message / reply form ---------- */
.ya-narrow { max-width: 820px; margin: 0 auto; }
.ya-quote-label { margin: 0 0 8px; font-weight: 600; font-size: 15px; color: var(--ya-muted); }
/* The message being answered: keep a long one from pushing the form off the screen */
.ya-msg.is-quote { margin-bottom: 24px; }
.ya-msg.is-quote .ya-msg-body { max-height: 260px; overflow-y: auto; }

.ya-form { padding: 24px 26px; }
.ya-form .form-group { margin-bottom: 18px; }
.ya-optional { font-weight: 400; font-size: 14px; color: var(--ya-muted); }
/* Latin-only fields (e-mail) inside the RTL form */
.ya-ltr { direction: ltr; text-align: right; }
.ya-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 4px; padding-top: 18px; border-top: 1px solid var(--ya-border); }
.ya-form-hint { margin-right: auto; font-size: 14px; color: var(--ya-muted); }

/* Message editor (Quill, "snow" theme): site look, and right-to-left for the toolbar, lists and link box */
.ya-editor { border: 1px solid var(--ya-border); border-radius: var(--ya-radius-sm); background: #fff; transition: border-color .15s, box-shadow .15s; }
.ya-editor:focus-within { border-color: var(--ya-accent); box-shadow: 0 0 0 3px var(--ya-accent-line); }
.ya-editor textarea.form-control { border: 0; box-shadow: none; resize: vertical; }

.ya-editor .ql-toolbar.ql-snow { border: 0; border-bottom: 1px solid var(--ya-border); border-radius: var(--ya-radius-sm) var(--ya-radius-sm) 0 0; background: #f8fafc; padding: 8px 10px; font-family: inherit; }
.ya-editor .ql-toolbar.ql-snow .ql-formats { margin-right: 0; margin-left: 12px; }
.ya-editor .ql-snow.ql-toolbar button { float: right; width: 32px; height: 30px; padding: 5px 6px; border-radius: 8px; }
.ya-editor .ql-snow.ql-toolbar button:hover, .ya-editor .ql-snow.ql-toolbar button:focus { background: var(--ya-accent-soft); color: var(--ya-accent); }
.ya-editor .ql-snow.ql-toolbar button.ql-active { background: var(--ya-accent-soft); color: var(--ya-accent); }
.ya-editor .ql-snow.ql-toolbar button:hover .ql-stroke, .ya-editor .ql-snow.ql-toolbar button:focus .ql-stroke, .ya-editor .ql-snow.ql-toolbar button.ql-active .ql-stroke { stroke: var(--ya-accent); }
.ya-editor .ql-snow.ql-toolbar button:hover .ql-fill, .ya-editor .ql-snow.ql-toolbar button:focus .ql-fill, .ya-editor .ql-snow.ql-toolbar button.ql-active .ql-fill { fill: var(--ya-accent); }

.ya-editor .ql-container.ql-snow { border: 0; font-family: inherit; font-size: 16px; }
.ya-editor .ql-editor { min-height: 240px; padding: 12px 14px; direction: rtl; text-align: right; line-height: 1.75; color: var(--ya-text); overflow-wrap: anywhere; }
.ya-editor .ql-editor p { margin: 0 0 6px; }
.ya-editor .ql-editor ol { padding-left: 0; padding-right: 1.5em; margin: 0 0 6px; }
.ya-editor .ql-editor li { padding-left: 0; padding-right: 1.5em; }
.ya-editor .ql-editor li > .ql-ui::before { margin-left: .3em; margin-right: -1.5em; text-align: left; }
.ya-editor .ql-snow .ql-editor blockquote { border-left: 0; border-right: 4px solid var(--ya-accent-line); padding: 2px 16px 2px 0; margin: 6px 0; font-size: inherit; color: var(--ya-muted); }
.ya-editor .ql-snow .ql-editor a { color: var(--ya-accent); }

/* Link box: Hebrew labels instead of the built-in English ones */
.ya-editor .ql-snow .ql-tooltip { z-index: 5; direction: rtl; border-color: var(--ya-border); border-radius: var(--ya-radius-sm); box-shadow: var(--ya-shadow-hover); color: var(--ya-text-2); font-size: 14px; }
/* Fixed label width: Quill places the box before it switches the label, so a longer label would push it out of the frame */
.ya-editor .ql-snow .ql-tooltip::before { content: "קישור:"; display: inline-block; min-width: 6.6em; margin-right: 0; margin-left: 8px; }
.ya-editor .ql-snow .ql-tooltip[data-mode=link]::before { content: "כתובת הקישור:"; }
.ya-editor .ql-snow .ql-tooltip input[type=text] { direction: ltr; border-color: var(--ya-border); border-radius: 6px; }
.ya-editor .ql-snow .ql-tooltip a.ql-preview { direction: ltr; }
.ya-editor .ql-snow .ql-tooltip a.ql-action::after { content: "עריכה"; border-right: 0; border-left: 1px solid var(--ya-border); margin-left: 0; margin-right: 16px; padding-right: 0; padding-left: 8px; }
.ya-editor .ql-snow .ql-tooltip.ql-editing a.ql-action::after { content: "שמירה"; border-left: 0; padding-left: 0; }
.ya-editor .ql-snow .ql-tooltip a.ql-remove::before { content: "הסרה"; margin-left: 0; margin-right: 8px; }

/* The same formatting where a message is shown */
.ya-msg-body ul, .ya-msg-body ol { margin: 0 0 10px; padding: 0 24px 0 0; }
.ya-msg-body blockquote { margin: 0 0 10px; padding: 2px 16px 2px 0; border: 0; border-right: 4px solid var(--ya-accent-line); font-size: inherit; color: var(--ya-muted); }

@media (max-width: 600px) {
	.ya-form { padding: 18px 16px; }
	.ya-form-hint { margin-right: 0; flex-basis: 100%; }
	/* Keep the toolbar on one row and the link box inside the editor on a phone */
	.ya-editor .ql-toolbar.ql-snow .ql-formats { margin-left: 6px; }
	.ya-editor .ql-snow .ql-tooltip { max-width: 100%; white-space: normal; }
	.ya-editor .ql-snow .ql-tooltip::before { min-width: 0; }
	.ya-editor .ql-snow .ql-tooltip input[type=text] { width: 130px; }
	.ya-editor .ql-snow .ql-tooltip a.ql-preview { max-width: 130px; }
}

/* ---------- Footer ---------- */
.ya-footer {
	background: var(--ya-brand-ink);
	color: rgba(255, 255, 255, .72);
	margin-top: 56px;
	padding: 44px 0 22px;
	font-size: 15.5px;
	clear: both;
}
.ya-footer h4 { color: #fff; font-size: 16px; margin: 0 0 14px; }
.ya-footer a { color: rgba(255, 255, 255, .86); }
.ya-footer a:hover { color: #fff; }
.ya-footer-brand strong { display: block; color: #fff; font-size: 20px; font-weight: 800; }
.ya-footer-brand p { margin: 6px 0 0; max-width: 40ch; }
.ya-footer-links { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 24px; }
.ya-footer-links li { margin-bottom: 8px; break-inside: avoid; }
.ya-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 28px; padding-top: 18px; font-size: 14px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
@media (max-width: 767px) { .ya-footer [class*="col-"] { margin-bottom: 24px; } }

/* ---------- Utilities ---------- */
.ya-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }