/*
 * shir.amilov.co.il — sitefix 2026-11-04 (Tal)
 * Native-block rebuild of "שיר יעל – מאמנת אישית ויועצת קריירה" (Elementor was removed).
 * Reference: web.archive.org 2026-01-14 capture (colors/fonts from its post-7.css).
 */
:root {
	--sy-brown: #4c392f;
	--sy-ink: #382e2b;
	--sy-sand: #dcc1a6;
	--sy-peach: #f9e8d7;
	--sy-black: #030303;
	--sy-font: "Assistant", Arial, sans-serif;
	--sy-wrap: 1140px;
}

body.sf-landing,
.editor-styles-wrapper {
	margin: 0;
	background: #fff;
	color: var(--sy-ink);
	font-family: var(--sy-font);
	font-size: 17px;
	line-height: 1.5;
	direction: rtl;
}
body.sf-landing .sf-main { overflow-x: clip; }
body.sf-landing .sf-main > * { margin-block: 0; }
.sf-landing h1, .sf-landing h2, .sf-landing h3,
.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3 { font-family: var(--sy-font); line-height: 1.2; margin: 0 0 .4em; }
.sf-landing img { max-width: 100%; height: auto; }
.sf-landing .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.sy-wrap { max-width: var(--sy-wrap); margin-inline: auto; padding-inline: 20px; box-sizing: border-box; }

/* header */
.sy-header { background: #fff; padding: 14px 20px 10px; text-align: center; }
.sy-header .wp-block-image { margin: 0 auto; }
.sy-header img { width: 160px; }

/* hero (video cover) */
.sy-hero.wp-block-cover { min-height: 800px; text-align: center; padding: 40px 20px; }
.sy-hero h1 { color: #fff; font-size: 70px; font-weight: 700; margin: 0 0 -6px; }
.sy-hero h2 { color: #fff; font-size: 35px; font-weight: 300; margin: 0; }
.sy-hero .wp-block-buttons { flex-direction: column; align-items: center; gap: 24px; margin-top: 30px; }
.sy-btn .wp-block-button__link {
	border-radius: 0; font: 800 20px/1.2 var(--sy-font); padding: 12px 24px; text-decoration: none;
	background: var(--sy-sand); color: var(--sy-brown);
}
.sy-btn--light .wp-block-button__link { background: #fff; color: var(--sy-brown); }
.sy-btn .wp-block-button__link:hover, .sy-btn .wp-block-button__link:focus-visible { color: #fff; background: var(--sy-brown); }

/* services */
.sy-services.wp-block-cover { min-height: 700px; padding: 60px 20px; }
.sy-services .wp-block-cover__inner-container { max-width: var(--sy-wrap); width: 100%; }
.sy-services .wp-block-columns { gap: 20px; align-items: stretch; }
.sy-card.wp-block-column { background: var(--sy-peach); padding-bottom: 20px; text-align: center; }
.sy-card .wp-block-image { margin: 0 0 15px; }
.sy-card .wp-block-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.sy-card h3 { color: var(--sy-ink); font-size: 28px; font-weight: 800; margin: 0 14px 10px; }
.sy-card p { color: var(--sy-ink); font-size: 17px; font-weight: 400; margin: 0 14px; }

/* about */
.sf-landing .sy-about { padding-top: 100px; }
.sy-about .wp-block-columns { max-width: var(--sy-wrap); margin-inline: auto; gap: 0; align-items: center; padding-inline: 20px; box-sizing: border-box; }
.sy-about-img .wp-block-image { margin: 0; }
.sy-about-img img { width: 100%; display: block; }
.sy-about-box.wp-block-column { background: var(--sy-brown); padding: 70px 30px 60px; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.sy-about-box h2 { color: var(--sy-peach); font-size: 32px; font-weight: 700; }
.sy-about-box p { color: var(--sy-peach); font-size: 17px; margin: 0 0 14px; }

/* testimonials */
.sf-landing .sy-stories { padding: 100px 20px 100px; text-align: center; }
.sy-stories h2 { color: var(--sy-sand); font-size: 45px; font-weight: 800; }
.sy-quotes { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; max-width: 1080px; margin: 10px auto 0; }
.sy-quotes::-webkit-scrollbar { display: none; }
.sy-quotes > .wp-block-group__inner-container { display: contents; }
.sy-quotes .sf-slide { flex: 0 0 100%; scroll-snap-align: start; box-sizing: border-box; padding: 0 40px; margin: 0; color: var(--sy-brown); font-size: 16px; font-weight: 500; white-space: pre-line; }
.sf-dots { display: flex; justify-content: center; gap: 8px; padding: 16px 0 0; }
.sf-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #c9b9ae; cursor: pointer; }
.sf-dots button.is-active { background: var(--sy-brown); }

/* contact */
.sy-contact { background: var(--sy-brown); }
.sy-contact .wp-block-columns { gap: 0; align-items: stretch; margin: 0; }
.sy-contact-form.wp-block-column { padding: 50px 40px 50px 0; display: flex; flex-direction: column; justify-content: center; }
.sy-contact-form h2 { color: var(--sy-sand); font-size: 40px; font-weight: 800; line-height: 1.2; padding-inline: 30px; }
.sy-contact-img .wp-block-image { margin: 0; height: 100%; }
.sy-contact-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sy-form { display: flex; flex-direction: column; gap: 10px; padding: 0 100px; }
.sy-form label { display: block; }
.sy-form input[type=text], .sy-form input[type=email], .sy-form input[type=tel] {
	width: 100%; box-sizing: border-box; background: transparent; border: 0; border-bottom: 1px solid var(--sy-sand);
	border-radius: 0; color: #fff; font: 400 17px/1.4 var(--sy-font); padding: 10px 4px; text-align: right;
}
.sy-form input::placeholder { color: #cbbcb1; }
.sy-form .wpcf7-submit { margin-top: 10px; width: 100%; border: 0; border-radius: 0; background: var(--sy-sand); color: var(--sy-brown); font: 800 20px/1.2 var(--sy-font); padding: 10px; cursor: pointer; }
.sy-form .wpcf7-submit:hover, .sy-form .wpcf7-submit:focus-visible { color: #fff; }
.sy-contact .wpcf7 form .wpcf7-response-output { margin: 14px 100px 0; color: #fff; border-radius: 6px; padding: 8px 12px; }
.sy-contact .wpcf7-not-valid-tip { color: #ffd2c4; font-size: 14px; }
.sy-contact .wpcf7-spinner { position: absolute; }

/* social + credit */
.sy-social { background: var(--sy-sand); padding: 14px 20px; }
.sy-social .wp-block-social-links { justify-content: center; gap: 12px; margin: 0; }
.sy-social .wp-block-social-link { border-radius: 0 !important; background: var(--sy-brown) !important; color: #fff !important; }
.sy-credit { background: var(--sy-black); padding: 8px 20px; text-align: center; }
.sy-credit .wp-block-image { margin: 0 auto; }

/* tablet / mobile */
@media (max-width: 1024px) {
	.sy-form { padding: 0 40px; }
	.sy-contact .wpcf7 form .wpcf7-response-output { margin-inline: 40px; }
}
@media (max-width: 781px) {
	.sy-header img { width: 110px; }
	.sy-hero.wp-block-cover { min-height: 650px; }
	.sy-hero h1 { font-size: 50px; }
	.sy-hero h2 { font-size: 23px; }
	.sy-services.wp-block-cover { padding: 40px 16px 30px; }
	.sy-services .wp-block-columns { gap: 30px; }
	.sf-landing .sy-about { padding-top: 40px; }
	.sy-about .wp-block-columns { padding-inline: 0; }
	.sy-about-box.wp-block-column { padding: 40px 20px; text-align: center; }
	.sy-about-box p { font-size: 15px; }
	.sf-landing .sy-stories { padding: 40px 16px 40px; }
	.sy-stories h2 { font-size: 34px; }
	.sy-quotes .sf-slide { padding: 0 10px; }
	.sy-contact-form.wp-block-column { padding: 30px 0 30px; }
	.sy-contact-form h2 { font-size: 22px; text-align: center; }
	.sy-form { padding: 0 30px; }
	.sy-contact .wpcf7 form .wpcf7-response-output { margin-inline: 30px; }
}