/* ==========================================================================
   Blog (מרכז הידע): posts page /blog/, archives and single posts.
   Theme Builder templates "Blog archive / ארכיון בלוג" and "Single post / פוסט בודד"
   (tools/build-blog.php). Client reference: gy-law.co.il single post (2026-09-28), redrawn in the
   site's own type and colours. Loaded by inc/blog.php on blog views only.
   ========================================================================== */
.av-tb-main.site-main {
	/* The title band runs under the fixed header (it pads itself), so no header padding here. */
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------------
   Dark title band (both templates). `av-dark`: the header turns transparent + cream over it.
   -------------------------------------------------------------------------- */
.av-blog-hero.e-con {
	position: relative;
	align-items: center;
	gap: 18px;
	padding: calc(77px + 58px) 5vw 64px;
	background: radial-gradient(ellipse 75% 130% at 50% 0%, #2B2C2B 0%, #16171A 72%);
	text-align: center;
}

.av-blog-hero.e-con > .elementor-element {
	width: 100%;
	max-width: 1000px;
}

.av-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: rgba(245, 242, 236, 0.7);
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
}

.av-crumbs li + li::before {
	content: "/";
	margin-inline-end: 8px;
	color: var(--e-global-color-primary);
}

.av-crumbs a {
	color: var(--e-global-color-primary);
	transition: color 0.2s ease;
}

.av-crumbs a:hover,
.av-crumbs a:focus-visible {
	color: var(--e-global-color-secondary);
}

.av-blog-hero__title .elementor-heading-title {
	margin: 0;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Arial, sans-serif;
	font-weight: 700;
	font-size: 82px;
	line-height: 0.95;
	letter-spacing: -1px;
	text-wrap: balance;
}

/* Post titles are sentences: smaller, with room between the lines. */
.av-post-hero .av-blog-hero__title .elementor-heading-title {
	font-size: 52px;
	line-height: 1.08;
	letter-spacing: -0.5px;
}

.av-archive-intro {
	max-width: 560px;
	margin: 4px auto 0;
	color: rgba(245, 242, 236, 0.85);
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: 20px;
	line-height: 25px;
}

/* Date • categories */
.elementor-widget.av-post-meta .elementor-icon-list-items {
	justify-content: center;
	margin: 0;
}

.elementor-widget.av-post-meta .elementor-icon-list-item {
	margin: 0;
	padding: 0;
	color: rgba(245, 242, 236, 0.7);
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
}

.elementor-widget.av-post-meta .elementor-icon-list-item + .elementor-icon-list-item::before {
	content: "•";
	margin-inline: 10px;
	color: var(--e-global-color-primary);
}

.elementor-widget.av-post-meta .elementor-icon-list-item::after {
	display: none;
}

.elementor-widget.av-post-meta a {
	color: var(--e-global-color-primary);
}

.elementor-widget.av-post-meta a:hover {
	color: var(--e-global-color-secondary);
}

/* --------------------------------------------------------------------------
   Archive grid (Loop Grid of the Knowledge card). The card is drawn on white (its white bar opens
   the gold frame), so the section stays white.
   -------------------------------------------------------------------------- */
.av-blog-list.e-con {
	padding: 88px 0 120px;
	background: #FFFFFF;
}

.av-blog-list.e-con > .av-blog-grid {
	width: min(90%, 1000px);
	margin-inline: auto;
}

.av-blog-grid .e-loop-nothing-found-message {
	color: var(--e-global-color-text);
	font-size: 20px;
	text-align: center;
}

.av-blog-grid .elementor-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 72px;
	font-family: var(--e-global-typography-accent-font-family), Arial, sans-serif;
	font-size: 20px;
	line-height: 1;
}

.av-blog-grid .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	margin: 0;
	padding: 0 10px;
	border: 1.6px solid transparent;
	color: var(--e-global-color-text);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.av-blog-grid .page-numbers.current {
	border-color: var(--e-global-color-primary);
	color: var(--e-global-color-primary);
}

.av-blog-grid a.page-numbers:hover,
.av-blog-grid a.page-numbers:focus-visible {
	color: var(--e-global-color-primary);
}

/* --------------------------------------------------------------------------
   Single post: article card (right) + sidebar (left), max 1165 wide (Figma content width).
   -------------------------------------------------------------------------- */
.av-post-body.e-con {
	flex-direction: row;
	align-items: stretch;
	gap: 40px;
	padding: 72px max(5vw, calc((100% - 1165px) / 2)) 88px;
	background: #F7F5F1;
}

.av-post-body.e-con > .av-post-main.e-con {
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	padding: 56px 64px 48px;
	background: #FFFFFF;
}

.av-post-body.e-con > .av-post-side.e-con {
	flex: 0 0 340px;
	width: 340px;
	gap: 24px;
}

.av-post-side__img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* Article typography (the post body the client writes in the WordPress editor). The kit's heading
   styles are the big display sizes of the home page, so every level is set here. */
.elementor-widget.av-post-content {
	color: #3A3A38;
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: 20px;
	line-height: 1.6;
	text-align: right;
}

.elementor-widget.av-post-content :is(p, ul, ol, blockquote, figure, table) {
	margin: 0 0 1em;
}

.elementor-widget.av-post-content :is(h2, h3, h4, h5, h6) {
	margin: 1.5em 0 0.45em;
	color: var(--e-global-color-text);
	letter-spacing: 0;
	text-align: right;
}

.elementor-widget.av-post-content .elementor-widget-container > :first-child,
.elementor-widget.av-post-content > :first-child {
	margin-top: 0;
}

.elementor-widget.av-post-content :is(h2, h3) {
	font-family: var(--e-global-typography-primary-font-family), Arial, sans-serif;
	font-weight: 700;
}

.elementor-widget.av-post-content h2 {
	font-size: 39px;
	line-height: 1.1;
}

.elementor-widget.av-post-content h3 {
	font-size: 30px;
	line-height: 1.15;
}

.elementor-widget.av-post-content :is(h4, h5, h6) {
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-weight: var(--av-bold-weight);
	-webkit-text-stroke: var(--av-bold-stroke) currentColor;
	font-size: 22px;
	line-height: 1.3;
}

.elementor-widget.av-post-content :is(h5, h6) {
	font-size: 20px;
}

.elementor-widget.av-post-content ul {
	padding: 0;
	padding-inline-start: 1.2em;
	list-style: none;
}

.elementor-widget.av-post-content ul > li {
	position: relative;
}

/* Gold square bullets (the site's square motif). */
.elementor-widget.av-post-content ul > li::before {
	content: "";
	position: absolute;
	top: 0.62em;
	inset-inline-start: -1.1em;
	width: 7px;
	height: 7px;
	background: var(--e-global-color-primary);
}

.elementor-widget.av-post-content ol {
	padding: 0;
	padding-inline-start: 1.4em;
}

.elementor-widget.av-post-content ol > li::marker {
	color: var(--e-global-color-primary);
}

.elementor-widget.av-post-content li + li {
	margin-top: 0.35em;
}

.elementor-widget.av-post-content a {
	color: #8C7552; /* gold, darkened for contrast on white */
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.elementor-widget.av-post-content a:hover {
	color: var(--e-global-color-text);
}

.elementor-widget.av-post-content blockquote {
	padding: 0.4em 1.1em;
	border-inline-start: 6px solid var(--e-global-color-primary);
	background: #F7F5F1;
	color: var(--e-global-color-text);
}

.elementor-widget.av-post-content img {
	max-width: 100%;
	height: auto;
}

/* --------------------------------------------------------------------------
   Sidebar consultation box: stays in view while the article scrolls.
   -------------------------------------------------------------------------- */
.av-post-side.e-con > .av-consult.e-con {
	position: sticky;
	top: calc(77px + 24px);
	gap: 6px;
	padding: 36px 28px 32px;
	background: #16171A;
}

.av-consult__title .elementor-heading-title {
	margin: 0;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Arial, sans-serif;
	font-size: 30px;
	line-height: 1.1;
	letter-spacing: 0;
	text-align: center;
}

.av-consult__text .elementor-heading-title {
	margin: 0 0 12px;
	color: var(--e-global-color-secondary);
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
}

/* --------------------------------------------------------------------------
   Lead forms (sidebar + gold box). Same field style as the home contact form: transparent,
   one bottom line, gold round consent box.
   -------------------------------------------------------------------------- */
.av-lead-form .elementor-form-fields-wrapper {
	display: grid;
	grid-template-columns: 100%;
	row-gap: 10px;
	margin: 0;
}

.av-lead-form .elementor-field-group {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* `.elementor .elementor-widget … .elementor-field` outranks the Form widget's per-widget field
   colours (white background, grey text). */
.elementor .elementor-widget.av-lead-form .elementor-field-group .elementor-field.elementor-field-textual {
	height: 48px;
	min-height: 0;
	padding: 12px 2px;
	border-width: 0 0 1px;
	border-style: solid;
	border-radius: 0;
	background: transparent;
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	box-shadow: none;
}

.av-lead-form .elementor-field-textual::placeholder {
	opacity: 1;
}

.av-lead-form .elementor-field-group-side_consent,
.av-lead-form .elementor-field-group-cta_consent {
	margin-top: 8px;
}

.av-lead-form .elementor-field-subgroup {
	display: flex;
	justify-content: flex-start;
}

.av-lead-form .elementor-field-option {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
}

.elementor .elementor-widget.av-lead-form .elementor-field-option input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.elementor .elementor-widget.av-lead-form .elementor-field-option input[type="checkbox"]:checked {
	background: radial-gradient(circle, currentColor 0 42%, transparent 46%);
}

.av-lead-form .elementor-field-option input[type="checkbox"]:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.av-lead-form .elementor-field-option label {
	margin: 0;
	padding: 0;
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	text-align: right;
	cursor: pointer;
}

.av-lead-form .elementor-field-option label a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.av-lead-form .elementor-field-type-submit {
	margin-top: 14px;
}

.av-lead-form .elementor-field-type-submit .elementor-button {
	min-height: 0;
	padding: 12px 24px;
	font-size: 18px;
	line-height: 20px;
}

.av-lead-form .elementor-message {
	margin-top: 10px;
	font-size: 16px;
}

/* Sidebar (on ink): cream text, gold accents, full-width gold button. */
.elementor .elementor-widget.av-lead-form--side .elementor-field-group .elementor-field.elementor-field-textual {
	border-color: rgba(245, 242, 236, 0.35);
	color: var(--e-global-color-secondary);
}

.av-lead-form--side .elementor-field-textual::placeholder {
	color: rgba(245, 242, 236, 0.6);
}

.elementor .elementor-widget.av-lead-form--side .elementor-field-group .elementor-field.elementor-field-textual:focus {
	border-color: var(--e-global-color-primary);
}

.av-lead-form--side .elementor-field-option {
	color: var(--e-global-color-primary);
}

.av-lead-form--side .elementor-field-option label {
	color: rgba(245, 242, 236, 0.7);
}

.av-lead-form--side .elementor-field-option label a {
	color: var(--e-global-color-primary);
}

.av-lead-form--side .elementor-field-type-submit .elementor-button {
	width: calc(100% - 10px); /* the snake arrow's 10px zone */
}

.av-lead-form--side .elementor-message {
	color: var(--e-global-color-secondary);
}

/* --------------------------------------------------------------------------
   Gold consultation box before the footer.
   -------------------------------------------------------------------------- */
.av-post-cta.e-con {
	padding: 0 max(5vw, calc((100% - 1165px) / 2)) 104px;
	background: #F7F5F1;
}

.av-post-cta.e-con > .av-cta-box.e-con {
	gap: 22px;
	padding: 44px 56px 40px;
	background: var(--av-gradient-gold);
}

.av-cta-box__title .elementor-heading-title {
	margin: 0;
	color: #16171A;
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

.av-lead-form--cta .elementor-form-fields-wrapper {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 32px;
}

.av-lead-form--cta :is(.elementor-field-group-cta_consent, .elementor-field-type-submit) {
	grid-column: 1 / -1;
}

.av-lead-form--cta .elementor-field-group-cta_consent .elementor-field-subgroup {
	justify-content: center;
}

.elementor .elementor-widget.av-lead-form--cta .elementor-field-group .elementor-field.elementor-field-textual {
	border-color: rgba(22, 23, 26, 0.4);
	color: #16171A;
}

.av-lead-form--cta .elementor-field-textual::placeholder {
	color: rgba(22, 23, 26, 0.7);
}

.elementor .elementor-widget.av-lead-form--cta .elementor-field-group .elementor-field.elementor-field-textual:focus {
	border-color: #16171A;
}

.av-lead-form--cta .elementor-field-option,
.av-lead-form--cta .elementor-field-option label,
.av-lead-form--cta .elementor-message {
	color: #16171A;
}

/* Ink button on gold; the snake border and arrow turn cream to show on it. */
.av-lead-form--cta .elementor-field-type-submit {
	justify-content: center;
}

.elementor-widget.av-lead-form--cta .elementor-field-type-submit .elementor-button {
	flex: 0 0 auto; /* Elementor stretches submit buttons (flex-basis 100%) */
	width: auto;
	min-width: 220px;
	margin-inline-start: 10px;
}

.av-lead-form--cta .elementor-button::before,
.av-lead-form--cta .elementor-button::after,
.av-lead-form--cta .elementor-button-content-wrapper::before,
.av-lead-form--cta .elementor-button-content-wrapper::after,
.av-lead-form--cta .elementor-button-text::after {
	background: var(--e-global-color-secondary);
}

/* --------------------------------------------------------------------------
   ≤1023 (phones + tablets): one column. The featured image leads the article; the sidebar form is
   dropped (the gold box right after the article has the same form).
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
	.av-blog-hero.e-con {
		gap: 14px;
		padding: calc(68px + 40px) 6% 44px;
	}

	.av-blog-hero__title .elementor-heading-title {
		font-size: 52px;
		line-height: 0.95;
	}

	.av-post-hero .av-blog-hero__title .elementor-heading-title {
		font-size: 32px;
		line-height: 1.12;
		letter-spacing: 0;
	}

	.av-crumbs ol,
	.elementor-widget.av-post-meta .elementor-icon-list-item {
		font-size: 14px;
		line-height: 19px;
	}

	.av-archive-intro {
		font-size: 18px;
		line-height: 23px;
	}

	.av-blog-list.e-con {
		padding: 56px 0 80px;
	}

	.av-blog-list.e-con > .av-blog-grid {
		width: min(88%, 720px);
	}

	.av-blog-grid .elementor-pagination {
		margin-top: 48px;
	}

	.av-post-body.e-con {
		flex-direction: column;
		gap: 0;
		padding: 32px 5vw 48px;
	}

	.av-post-body.e-con > .av-post-side.e-con {
		order: -1;
		flex: none;
		width: 100%;
	}

	.av-post-side.e-con > .av-consult.e-con {
		display: none;
	}

	.av-post-side__img img {
		aspect-ratio: 16 / 10;
	}

	.av-post-body.e-con > .av-post-main.e-con {
		flex: none;
		width: 100%;
		padding: 32px 22px 24px;
	}

	.elementor-widget.av-post-content {
		font-size: 18px;
		line-height: 1.6;
	}

	.elementor-widget.av-post-content h2 {
		font-size: 30px;
	}

	.elementor-widget.av-post-content h3 {
		font-size: 25px;
	}

	.elementor-widget.av-post-content :is(h4, h5, h6) {
		font-size: 20px;
	}

	.av-post-cta.e-con {
		padding: 0 5vw 64px;
	}

	.av-post-cta.e-con > .av-cta-box.e-con {
		gap: 16px;
		padding: 32px 22px 28px;
	}

	.av-cta-box__title .elementor-heading-title {
		font-size: 24px;
	}

	.av-lead-form--cta .elementor-form-fields-wrapper {
		grid-template-columns: 100%;
	}

	.av-lead-form--cta .elementor-field-group-cta_consent .elementor-field-subgroup {
		justify-content: flex-start;
	}
}

/* Phones: cards at the home carousel's size; the crumbs skip the post title (it follows right below). */
@media (max-width: 767px) {
	.av-blog-list.e-con > .av-blog-grid {
		width: min(80%, 320px);
	}

	.av-post-hero .av-crumbs li:last-child {
		display: none;
	}
}

/* Tablets: the grid fills the width (2 cards), the article gets more air. */
@media (min-width: 768px) and (max-width: 1023px) {
	.av-blog-list.e-con > .av-blog-grid {
		width: 88%;
	}

	.av-post-body.e-con > .av-post-main.e-con {
		padding: 44px 48px 36px;
	}
}