:root {
	--home-green: #1d8b53;
	--home-green-dark: #126b3e;
	--home-green-soft: #edf8f1;
	--home-yellow: #ffd400;
	--home-ink: #343834;
	--home-muted: #747b75;
	--home-line: #e1e8e2;
	--home-bg: #f7f9f7;
	--home-shadow: 0 14px 38px rgba(28, 74, 49, 0.1);
}

body.home {
	background: var(--home-bg);
	color: var(--home-ink);
	font-family:"Rubik", Sans-serif;
}

body.home input,
body.home select,
body.home textarea,
	body.home button {
	font-family:"Rubik", Sans-serif;
}

.site-main--home a {
	text-decoration: none;
}

.home-hero {
    padding: 185px 0;
    background: transparent;
    height: 590px;
    position: relative;
    margin-block-start: -95px;
}

.home-hero .video-bg{
	position: absolute;
    top: 0;
    width: 100%;
    max-width: 100%;
    z-index: -1;
    right: 0;
    left: 0;
    --align-self: stretch;
    height: 100%;
}

.home-hero .video-bg video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-search-card {
	max-width: 1050px;
	margin: 0 auto;
	padding: 40px 44px 32px;
	border-radius: 25px;
	background: rgba(20, 122, 72, 0.96);
	box-shadow: 0 24px 70px rgba(14, 75, 44, 0.18);
	color: #fff;
	text-align: center;
}

.home-search-card__logo {
	max-width: 350px;
	margin: 0 auto 18px;
}

.home-search-card__logo img {
	width: 100%;
	max-height: 105px;
	object-fit: contain;
}

.home-search-card h1 {
	max-width: 860px;
	margin: 10px auto 8px;
	font-size: clamp(34px, 5vw, 40px);
	line-height: 1.1;
}

.home-search-card > p {
	max-width: 720px;
	margin: 0 auto 24px;
	color: rgba(255, 255, 255, 0.88);
	font-size: 17px;
}

.home-search-form {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
	gap: 10px;
	align-items: end;
}

.home-search-form label {
	display: flex;
	flex-direction: column;
	gap: 6px;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    color: #fff !important;
}

.home-search-form select {
	width: 100%;
	height: 48px;
	padding: 0 13px;
	border: 0;
	border-radius: 12px;
	background: #fff;
	color: #555;
	font-size: 16px;
}

/* Select2 on the profession filter. The library's stylesheet loads on this page
   only, so these rules (including the body-level dropdown) stay with it. */
.home-search-form .select2-container {
	max-width: 100%;
}

.home-search-form .select2-container .select2-selection--single {
    height: 48px;
    padding: 0 13px;
    border: 0;
    border-radius: 12px;
    background: #fff;
    line-height: 48px;
    margin: 0;
}

.home-search-form .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 48px;
	font-weight: normal;
}

.home-search-form .select2-container .select2-selection__rendered {
	padding: 0;
	line-height: 48px;
	text-align: right;
	color: #555;
}

.home-search-form .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 12px;
}

.home-search-form .select2-container .select2-selection__arrow {
	right: auto;
	left: 8px;
	height: 46px;
}

.home-search-form .select2-container .select2-selection__clear {
	margin: 0 0 0 16px;
	color: #777;
}

/* One chevron for all three search fields. The native selects were showing the
   browser's own control, which differs between Chrome, Safari and Firefox, so
   none of them uses it now: all three draw the same SVG, same size, same inset,
   on the left because the form is RTL. Select2's stylesheet loads after this
   file, so the rules that have to beat it carry --default in the selector. */
.home-search-form select {
	appearance: none;
	-webkit-appearance: none;
}

.home-search-form select,
.home-search-form .select2-container--default .select2-selection--single {
	padding-left: 38px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.25 1.75 6 6.25l4.75-4.5' fill='none' stroke='%23555555' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 13px center;
	background-size: 12px 8px;
}

/* Suppress Select2's own triangle rather than stacking a second arrow under ours. */
.home-search-form .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}

.select2-dropdown {
	z-index: 100000;
	text-align: right;
}

.select2-container .select2-search--dropdown .select2-search__field {
	text-align: right;
}

.home-button {
	display: inline-flex;
	min-height: 45px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 20px;
	border: 0;
	border-radius: 999px;
	font-weight: normal;
	cursor: pointer;
	font-size: 16px;
}

.home-button--primary {
background: var(--home-yellow) !important;
    color: #222 !important;
}

.home-button--outline {
	border: 1px solid var(--home-green);
	background: #fff;
	color: var(--home-green);
}

.home-button--dark {
	background: var(--home-green-dark);
	color: #fff;
}

.home-section {
	padding: 60px 0;
}

.home-section--compact {
	padding: 46px 0;
}

.home-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 22px;
	margin-bottom: 24px;
}

.home-section-head--centered {
	justify-content: center;
	text-align: center;
}

.home-section-head h2,
.home-join h2,
.home-about h2 {
	margin: 8px 0 0;
	font-size: clamp(30px, 4vw, 42px);
	line-height: 1.15;
}

.home-eyebrow {
	display: inline-flex;
	margin: 0;
	padding: 6px 11px;
	border-radius: 999px;
	background: var(--home-green-soft);
	color: var(--home-green-dark);
	font-size: 13px;
	font-weight: 500;
}

.home-more-link {
	color: var(--home-green-dark);
	font-size: 14px;
	font-weight: 800;
}

.home-business-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.home-business-card {
	overflow: hidden;
	border: 1px solid var(--home-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.05);
}

.home-business-card__link {
	display: block;
	height: auto;
	color: inherit;
}

.home-business-card__cover {
	height: 150px;
	background: linear-gradient(135deg, var(--home-green), #2cb16d);
	background-position: center;
	background-size: cover;
}

.home-business-card__avatar {
	display: grid;
	width: 70px;
	height: 70px;
	margin: -35px auto 0;
	overflow: hidden;
	place-items: center;
	border: 5px solid #fff;
	border-radius: 50%;
	background: #e9f5ed;
	color: var(--home-green-dark);
	font-size: 22px;
	font-weight: 900;
}

.home-business-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-business-card__body {
	padding: 12px 16px 18px;
	text-align: center;
}

.home-business-card__body h3 {
	margin: 0 0 3px;
	font-size: 18px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-business-card__body p {
	margin: 0;
	color: #555;
}

.home-business-card .pro-card-council {
	margin: 8px 0 12px;
	color: var(--home-muted);
	font-size: 12px;
}

.home-business-card .pro-card-council a {
	color: inherit;
}

.home-business-card__cta {
	display: inline-flex;
	padding: 8px 12px;
	border-radius: 999px;
	background: var(--home-green-soft);
	color: var(--home-green-dark);
	font-size: 12px;
	font-weight: 800;
	margin-block-start: 15px;
}

.home-categories {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.95)), linear-gradient(135deg, #b4d6bb, #dceadf);
}

.home-categories__card {
	padding: 36px;
	border: 1px solid var(--home-line);
	border-radius: 25px;
	background: #fff;
	box-shadow: var(--home-shadow);
}

.home-category-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.home-category-grid a {
	padding: 13px 15px;
	border: 1px solid var(--home-line);
	border-radius: 12px;
	background: #fbfcfb;
	color: #4d554f!important;
	font-weight: 700;
	text-align: center;
}

.home-category-grid a:hover,
.home-category-grid a:focus-visible,
.home-category-grid__all {
	border-color: #a7cfb4;
	background: var(--home-green-soft);
	color: var(--home-green-dark);
}

.home-banner {
	padding: 38px 0;
}

.home-banner a,
.home-banner picture,
.home-banner img {
	display: block;
	width: 100%;
}

.home-banner img {
	border-radius: 20px;
}

.home-join {
	padding-top: 34px;
}

.home-join__card {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 38px;
	align-items: center;
	padding: 40px;
	border: 1px solid var(--home-line);
	border-radius: 25px;
	background: #fff;
	box-shadow: var(--home-shadow);
}

.home-join__card > div > p:not(.home-eyebrow) {
	color: var(--home-muted);
	font-size: 17px;
}

.home-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.home-benefits {
	display: grid;
	gap: 12px;
}

.home-benefits div {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	padding: 17px;
	border-radius: 15px;
	background: var(--home-green-soft);
}

.home-benefits strong {
	color: var(--home-green-dark);
	font-size: 18px;
}

.home-benefits span {
	color: var(--home-muted);
}

.home-councils {
	background: #fff;
}

.home-council-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.home-council-grid a {
	display: flex;
	min-height: 120px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	padding: 15px;
	border: 1px solid var(--home-line);
	border-radius: 17px;
	background: #fbfcfb;
	color: #4d554f!important;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.home-council-grid a:hover{
	border-color: #a7cfb4;
    background: var(--home-green-soft);
}

.home-button.home-button--dark{
	color: #fff !important;
}

.home-council-grid img {
	width: auto;
	max-height: 64px;
	object-fit: contain;
}

.home-about {
	padding-top: 46px;
}

.home-about__card {
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
	border: 1px solid var(--home-line);
	border-radius: 25px;
	background: #fff;
	box-shadow: var(--home-shadow);
}

.home-about__image {
	min-height: 410px;
	background: linear-gradient(135deg, #a8d2b1, #5f9f70);
}

.home-about__image picture,
.home-about__image img {
	display: block;
	width: 100%;
	height: 100%;
}

.home-about__image img {
	object-fit: cover;
}

.home-about__copy {
	padding: 44px;
}

.home-about__text {
	color: #5f665f;
}

.home-about__text > :first-child {
	margin-top: 14px;
}

.home-about__text > :last-child {
	margin-bottom: 0;
}

@media (max-width: 1000px) {
	.home-search-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-business-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-category-grid,
	.home-council-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.home-join__card,
	.home-about__card {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 700px) {
	.home-hero {
		padding: 105px 0 34px;
		height: auto;
	}

	.home-search-card {
		padding: 28px 20px;
	}

	.home-search-card__logo {
		max-width: 260px;
	}

	.home-search-form,
	.home-business-grid,
	.home-category-grid,
	.home-council-grid {
		grid-template-columns: 1fr;
	}

	.home-section,
	.home-section--compact {
		padding: 42px 0;
	}

	.home-section-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.home-categories__card,
	.home-join__card {
		padding: 28px 22px;
	}

	.home-about__copy {
		padding: 30px 22px;
	}

	.home-about__image {
		min-height: 290px;
	}
}


/* תחומי המקצוע */
.home-categories {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.95)),
		linear-gradient(135deg, #b4d6bb, #dceadf);
}

.home-categories__card {
	padding: 36px;
	border: 1px solid var(--home-line);
	border-radius: 25px;
	background: #fff;
	box-shadow: var(--home-shadow);
}

.home-category-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.home-category-grid a {
	padding: 13px 15px;
	border: 1px solid var(--home-line);
	border-radius: 12px;
	background: #fbfcfb;
	color: #4d554f;
	font-weight: 700;
}

.home-category-grid a:hover,
.home-category-grid a:focus-visible,
.home-category-grid__all {
	border-color: #a7cfb4;
	background: var(--home-green-soft);
	color: var(--home-green-dark);
}

/* עסק מקודם */
.home-promo-section {
	padding-top: 46px;
	padding-bottom: 46px;
}

.home-promo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 29px 32px;
	border-radius: 21px;
	background: linear-gradient(135deg, var(--home-green-dark), #31ba73);
	color: #fff;
}

.home-promo h2 {
	margin: 8px 0 4px;
	color: inherit;
	font-size: 34px;
	line-height: 1.15;
}

.home-promo > div > p:last-child {
	margin: 0;
	color: rgba(255, 255, 255, 0.86);
}

.home-eyebrow--light {
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
}

.home-promo .home-button {
	flex: 0 0 auto;
}

/* טאבלט */
@media (max-width: 1000px) {
	.home-category-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* מובייל */
@media (max-width: 700px) {
	.home-category-grid {
		grid-template-columns: 1fr;
	}

	.home-categories__card {
		padding: 28px 22px;
	}

	.home-promo {
		align-items: stretch;
		flex-direction: column;
	}
}