/* הפרקטים שלי – קוביות התקשרות */
:root {
	--mpc-charcoal: #2B2724;
	--mpc-walnut: #6B4A33;
	--mpc-oak: #C49A6C;
	--mpc-oak-light: #EADBC8;
	--mpc-cream: #F7F1E8;
	--mpc-cream-light: #FCF9F4;
	--mpc-cta: #E8891C;
	--mpc-cta-hover: #D67A10;
	--mpc-wa: #25D366;
	--mpc-wa-hover: #1FBE5A;
	--mpc-radius: 12px;
	--mpc-bar-h: 60px;
}

/* ---- Buttons ---- */
.mpc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	min-height: 52px;
	padding: .8rem 1.5rem;
	border: 0;
	border-radius: var(--mpc-radius);
	font: inherit;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.2;
	color: var(--mpc-charcoal);
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(43, 39, 36, .18);
	transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.mpc-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(43, 39, 36, .22); color: var(--mpc-charcoal); }
.mpc-btn:focus-visible { outline: 2px solid var(--mpc-charcoal); outline-offset: 2px; }
.mpc-btn--call { background: var(--mpc-cta); }
.mpc-btn--call:hover, .mpc-btn--call:focus { background: var(--mpc-cta-hover); }
.mpc-btn--wa { background: var(--mpc-wa); }
.mpc-btn--wa:hover, .mpc-btn--wa:focus { background: var(--mpc-wa-hover); }
.mpc-btn[disabled] { opacity: .6; cursor: default; transform: none; }
.mpc-ico { flex: none; }

/* ---- Open / closed ---- */
.mpc-status {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-size: .9375rem;
	font-weight: 600;
	line-height: 1.3;
	color: #5E564F;
}
.mpc-status__dot { width: 10px; height: 10px; border-radius: 50%; background: #9A9088; flex: none; }
.mpc-status.is-open { color: #17663A; }
.mpc-status.is-open .mpc-status__dot { background: #1FA855; box-shadow: 0 0 0 4px rgba(31, 168, 85, .2); }
.mpc-status.is-closed { color: #8A3B1E; }
.mpc-status.is-closed .mpc-status__dot { background: #C4532A; }

/* ---- First-screen buttons ---- */
.mpc-hero { display: flex; flex-direction: column; gap: .9rem; margin-block: 1.25rem; }
.mpc-hero__btns { display: grid; grid-template-columns: 1fr; gap: .75rem; }
.mpc-hero .mpc-btn { min-height: 58px; font-size: 1.1875rem; }
@media (min-width: 480px) {
	.mpc-hero__btns { grid-template-columns: repeat(2, minmax(0, 260px)); }
}

/* ---- Repeating CTA block ---- */
.mpc-cta {
	display: grid;
	gap: 1.1rem;
	margin-block: 2.5rem;
	padding: 1.5rem 1.25rem;
	border-radius: 18px;
	background: var(--mpc-cream-light);
	border: 1px solid var(--mpc-oak-light);
	border-inline-start: 6px solid var(--mpc-oak);
	box-shadow: 0 10px 30px rgba(43, 39, 36, .08);
}
.mpc-cta__title { margin: 0 0 .35rem; font-size: 1.375rem; font-weight: 800; line-height: 1.25; color: var(--mpc-charcoal); }
.mpc-cta__text { margin: 0; font-size: 1.0625rem; line-height: 1.6; color: #4A433D; }
.mpc-cta__btns { display: grid; gap: .65rem; }
.mpc-cta--measure { border-inline-start-color: var(--mpc-walnut); }
.mpc-cta--expert { background: var(--mpc-charcoal); border-color: var(--mpc-charcoal); border-inline-start-color: var(--mpc-oak); }
.mpc-cta--expert .mpc-cta__title { color: #fff; }
.mpc-cta--expert .mpc-cta__text { color: var(--mpc-oak-light); }
.mpc-cta--deal { background: #FFF3E0; border-color: #F5C98B; border-inline-start-color: var(--mpc-cta); }
.mpc-cta__badge {
	display: inline-block;
	margin-bottom: .5rem;
	padding: .15rem .7rem;
	border-radius: 999px;
	background: var(--mpc-cta);
	color: var(--mpc-charcoal);
	font-size: .875rem;
	font-weight: 800;
}
@media (min-width: 700px) {
	.mpc-cta { grid-template-columns: 1fr auto; align-items: center; padding: 1.75rem 2rem; gap: 2rem; }
	.mpc-cta__btns { min-width: 250px; }
}

/* ---- Lead form ---- */
.mpc-form {
	margin-block: 3rem 1.5rem;
	padding: 1.75rem 1.25rem;
	border-radius: 18px;
	background: #fff;
	border: 1px solid var(--mpc-oak-light);
	box-shadow: 0 10px 30px rgba(43, 39, 36, .08);
	scroll-margin-top: 90px;
}
.mpc-form__title { margin: 0 0 .25rem; font-size: 1.5rem; line-height: 1.25; }
.mpc-form__sub { margin: 0 0 1.1rem; color: #5E564F; }
.mpc-form__form { display: grid; gap: .9rem; }
.mpc-field { display: grid; gap: .3rem; }
.mpc-field label { font-weight: 600; font-size: .9375rem; }
.mpc-field input, .mpc-field select {
	width: 100%;
	min-height: 50px;
	padding: .6rem .85rem;
	border: 1.5px solid #B9AC9C;
	border-radius: 10px;
	background: var(--mpc-cream-light);
	color: var(--mpc-charcoal);
	font: inherit;
	font-size: 1rem;
	box-sizing: border-box;
}
.mpc-field input[type="tel"] { text-align: right; }
.mpc-field input:focus, .mpc-field select:focus { outline: 2px solid var(--mpc-charcoal); outline-offset: 1px; border-color: var(--mpc-walnut); }
.mpc-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mpc-form__submit { width: 100%; }
.mpc-form__msg { margin: 0; min-height: 1.4em; font-weight: 600; }
.mpc-form__msg.is-ok { color: #17663A; }
.mpc-form__msg.is-err { color: #A3301A; }
.mpc-form__note { margin: 0; font-size: .8125rem; color: #5E564F; }
@media (min-width: 800px) {
	.mpc-form { padding: 2rem; }
	.mpc-form__form { grid-template-columns: 1fr 1fr 1.5fr auto; align-items: end; }
	.mpc-form__submit { width: auto; min-height: 50px; }
	.mpc-form__msg, .mpc-form__note { grid-column: 1 / -1; }
}

/* ---- Header phone ---- */
.mpc-header { display: flex; align-items: center; gap: 1rem; }
.mpc-header__phone {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	min-height: 44px;
	padding: .35rem .9rem;
	border-radius: var(--mpc-radius);
	background: var(--mpc-cta);
	color: var(--mpc-charcoal);
	font-weight: 800;
	font-size: 1.0625rem;
	text-decoration: none;
	white-space: nowrap;
}
.mpc-header__phone:hover, .mpc-header__phone:focus { background: var(--mpc-cta-hover); color: var(--mpc-charcoal); }
@media (max-width: 599px) {
	.mpc-header .mpc-status { display: none; }
}
@media (max-width: 479px) {
	.mpc-header__phone { width: 44px; padding: 0; justify-content: center; }
	.mpc-header__phone span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}

/* ---- Sticky bar (mobile) ---- */
.mpc-bar { display: none; }
@media (max-width: 781px) {
	.mpc-bar {
		position: fixed;
		inset-inline: 0;
		bottom: 0;
		z-index: 9990;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
		background: rgba(252, 249, 244, .96);
		border-top: 1px solid var(--mpc-oak-light);
		box-shadow: 0 -6px 20px rgba(43, 39, 36, .14);
	}
	.mpc-bar .mpc-btn {
		min-height: 0;
		height: 50px;
		padding: 0 .9rem;
		gap: .6rem;
		border-radius: 999px;
		box-shadow: 0 2px 6px rgba(43, 39, 36, .2);
		font-size: 1.0625rem;
		font-weight: 800;
		transform: none;
	}
	.mpc-bar .mpc-ico {
		width: 20px;
		height: 20px;
		padding: 6px;
		border-radius: 50%;
		background: rgba(255, 255, 255, .38);
		box-sizing: content-box;
	}
	body { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
	#cookie-notice { bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ---- Floating WhatsApp (desktop) ---- */
.mpc-float { display: none; }
@media (min-width: 782px) {
	.mpc-float {
		position: fixed;
		left: 24px;
		bottom: 24px;
		z-index: 9990;
		display: inline-flex;
		align-items: center;
		gap: .5rem;
		height: 58px;
		padding: 0 1.2rem 0 1rem;
		border-radius: 999px;
		background: var(--mpc-wa);
		color: var(--mpc-charcoal);
		font-weight: 800;
		text-decoration: none;
		box-shadow: 0 8px 22px rgba(43, 39, 36, .28);
		transition: transform .15s ease, background-color .15s ease;
	}
	.mpc-float .mpc-ico { width: 30px; height: 30px; }
	.mpc-float:hover, .mpc-float:focus { background: var(--mpc-wa-hover); color: var(--mpc-charcoal); transform: translateY(-2px); }
	.mpc-float:focus-visible { outline: 2px solid var(--mpc-charcoal); outline-offset: 3px; }
}

@media (prefers-reduced-motion: reduce) {
	.mpc-btn, .mpc-float { transition: none; }
	.mpc-btn:hover, .mpc-float:hover { transform: none; }
}
@media print { .mpc-bar, .mpc-float { display: none !important; } }