/* Saraf · system layer: global (type scale tokens and mapping, fonts, tap targets, header/footer, aria strings live in woo.php). */

/* one type scale: every page title the same size, every chapter title the same size */
:root { --fs-h1: clamp(3rem, 1.4rem + 5.1vw, 6rem); --fs-h2: clamp(2.2rem, 1.2rem + 3.4vw, 4rem); }
html body .phero__title, html body .lp__title, html body .wd-page-title .title, html body .wd-page-title h1 { font-size: var(--fs-h1) !important; }
html body.single-product .product_title { font-size: var(--fs-h2) !important; line-height: .95; }
/* the theme's Heebo leftovers follow the site body face */
html body .wd-breadcrumbs, html body .woocommerce-breadcrumb, html body .product_meta, html body .wc-block-grid, html body .wc-block-components-block-title, html body .sf-footer, html body legend { font-family: var(--f-sans) !important; }

/* labels above headings are Hebrew now (11.10.2026): no uppercase, no wide tracking, read right to left */
.eyebrow, .sf-eyebrow .elementor-heading-title, .lp__eyebrow, .step__n, .steps4__n, .hero__phud { font-family: var(--f-sans) !important; font-weight: 600; font-size: .92rem; letter-spacing: .02em !important; text-transform: none !important; direction: rtl; }
.hero--pour .eyebrow { font-size: 1rem; }

/* smoother scrolling: the paper grain was a full-screen layer blended over everything on every frame; the lights are painted once */
body::after { mix-blend-mode: normal !important; opacity: .03 !important; }
body::before { will-change: auto; }

/* search results: never show the WordPress author (it is the admin login name) */
html body .wd-post-author { display: none !important; }

/* the shop dropdown (Orel 13.10): wide, in columns, not a tall narrow list */
@media (min-width: 1025px) {
	html body .wd-header-nav .menu-item-143 > .wd-dropdown-menu { width: min(760px, 92vw); padding: 22px 26px; inset-inline-start: 50%; transform: translateX(50%); margin-inline-start: 0; }
	html body .wd-header-nav .menu-item-143 > .wd-dropdown-menu .container { padding: 0; max-width: none; }
	html body .wd-header-nav .menu-item-143 > .wd-dropdown-menu .wd-sub-menu { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 28px; }
	html body .wd-header-nav .menu-item-143 > .wd-dropdown-menu .wd-sub-menu > li > a { white-space: nowrap; padding: 9px 0 !important; border-bottom: 1px solid var(--sf-line); font-size: .98rem; }
	html body .wd-header-nav .menu-item-143 > .wd-dropdown-menu .wd-sub-menu > li > a:hover { color: var(--sf-wine) !important; }
}

/* 18.10.2026: the privacy consent on the forms, and the button row on the thank-you / 404 pages */
.form__consent { display: flex; align-items: flex-start; gap: 10px; font-size: .95rem; line-height: 1.5; color: inherit; cursor: pointer; }
.form__consent input { flex: 0 0 auto; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--sf-wine, #6b1e2b); cursor: pointer; }
.form__consent a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.bk__consent { margin-top: 12px; }
.prose .sf-btnrow, .sf-btnrow { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 18px; }
.prose .sf-btnrow a.btn { text-decoration: none; }
body.sf-404 .phero__title, body.sf-404 .phero__lead { text-align: center; }

/* 18.10.2026: the Leadus credit as its logo, a little more present than a text link */
.sf-footer__credit { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; opacity: .85; transition: opacity .25s ease; }
.sf-footer__credit:hover, .sf-footer__credit:focus-visible { opacity: 1; }
.sf-footer__credit img { display: block; width: 120px; height: auto; }
@media (max-width: 767px) { .sf-footer__credit img { width: 104px; } }

/* 18.10.2026: buttons on a photo hero (the thank-you page) */
.phero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; margin-top: clamp(22px, 3vw, 34px); }
.phero__wa { color: var(--sf-paper); font-size: 1rem; text-decoration: underline; text-underline-offset: 4px; opacity: .9; margin-inline-start: 6px; }
.phero__wa:hover, .phero__wa:focus-visible { opacity: 1; }
@media (max-width: 767px) { .phero__cta .btn { flex: 1 1 140px; justify-content: center; } .phero__wa { flex-basis: 100%; margin: 4px 0 0; } }
html body .phero--img .phero__cta .btn.btn--paper { background: transparent !important; color: var(--sf-paper) !important; border: 1.5px solid rgba(247,242,235,.75) !important; }
html body .phero--img .phero__cta .btn.btn--paper:hover, html body .phero--img .phero__cta .btn.btn--paper:focus-visible { background: var(--sf-paper) !important; color: var(--sf-ink) !important; }

/* 19.10.2026: the Hanukkah popup (sf_hanukkah_popup). Brand rules: light paper, the wine only as a tint fading into the photo
   and as a small translucent card with white text; the title is ink, first line regular, second bold. */
html.sfhk-lock { overflow: hidden; }
.sfhk { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 20px; }
.sfhk[hidden] { display: none !important; } /* 19.10: without this the invisible layer stayed over the page and took every click */
.sfhk__scrim { position: absolute; inset: 0; background: rgba(28,20,16,.5); opacity: 0; transition: opacity .35s ease; }
.sfhk__box { position: relative; overscroll-behavior: contain; display: grid; grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); grid-template-rows: minmax(0, 1fr); width: min(940px, 100%); max-height: min(90vh, 640px); background: var(--sf-paper, #FAF7F2); color: var(--sf-ink, #2A2420); border-radius: 22px; overflow: hidden; box-shadow: 0 40px 100px rgba(20,13,11,.3); opacity: 0; transform: translateY(16px) scale(.985); transition: opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1); }
.sfhk.is-open .sfhk__scrim { opacity: 1; } .sfhk.is-open .sfhk__box { opacity: 1; transform: none; }
.sfhk__media { position: relative; min-height: 100%; overflow: hidden; background: #e9e1d6; }
.sfhk__photo { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; transform: scale(1.06); transition: transform 1.6s cubic-bezier(.2,.8,.2,1); }
.sfhk.is-open .sfhk__photo { transform: none; }
.sfhk__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(110,22,38,.55) 0%, rgba(110,22,38,.18) 38%, rgba(110,22,38,0) 60%); pointer-events: none; }
.sfhk__card { position: absolute; z-index: 1; inset-block-end: 18px; inset-inline-start: 18px; display: grid; gap: 2px; padding: 12px 16px; border-radius: 14px; background: rgba(110,22,38,.82); color: #fff; }
.sfhk__card b { font-family: var(--f-display, 'Karantina', sans-serif); font-weight: 700; font-size: 1.6rem; line-height: 1; }
.sfhk__card span { font-size: .85rem; opacity: .92; }
.sfhk__body { position: relative; min-height: 0; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; min-width: 0; padding: clamp(26px, 3.6vw, 44px) clamp(22px, 3.2vw, 40px) clamp(22px, 3vw, 34px); overflow-y: auto; }
.sfhk__x { position: absolute; z-index: 3; inset-block-start: 12px; inset-inline-end: 12px; width: 44px; height: 44px; border-radius: 50%; font-size: 26px; line-height: 1; cursor: pointer; }
.sfhk__eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: .9rem; letter-spacing: .04em; color: var(--sf-ink-soft, #6b5f56); }
.sfhk__eyebrow::before { content: ""; width: 28px; height: 1px; background: var(--sf-gold, #b08d57); }
.sfhk__title { margin: 10px 0 10px; font-family: var(--f-display, 'Karantina', sans-serif); font-weight: 400; font-size: clamp(2.6rem, 5vw, 3.6rem); line-height: .92; color: var(--sf-ink, #2A2420); }
.sfhk__title b { font-weight: 700; }
.sfhk__lead { margin: 0 0 20px; max-width: 34ch; font-size: 1.05rem; line-height: 1.55; color: var(--sf-ink-soft, #5a4f47); }
.sfhk__rail { position: relative; margin-inline: -4px; }
.sfhk__strip { list-style: none; margin: 0; padding: 4px 4px 10px; display: grid; grid-auto-flow: column; grid-auto-columns: 132px; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
.sfhk__strip::-webkit-scrollbar { display: none; }
.sfhk__strip li { scroll-snap-align: start; }
.sfhk__strip a { display: flex; flex-direction: column; gap: 6px; color: inherit; text-decoration: none; }
.sfhk__strip img { width: 132px !important; height: 132px !important; object-fit: cover; border-radius: 12px; background: #efe9e1; display: block; transition: transform .35s ease; }
.sfhk__strip a:hover img, .sfhk__strip a:focus-visible img { transform: translateY(-3px); }
.sfhk__name { font-size: .88rem; line-height: 1.3; }
.sfhk__price { font-size: .85rem; color: var(--sf-ink-soft, #6b5f56); }
.sfhk__price .woocommerce-Price-amount { color: inherit !important; font-weight: 600; }
html body .sfhk button.sfhk__nav { position: absolute; inset-block-start: 48px; width: 36px; height: 36px; border-radius: 50% !important; background: var(--sf-paper, #FAF7F2) !important; color: var(--sf-ink, #2A2420) !important; border: 1px solid rgba(42,36,32,.18) !important; box-shadow: 0 6px 16px rgba(20,13,11,.12) !important; font-size: 22px; line-height: 1; display: grid; place-items: center; cursor: pointer; padding: 0; min-height: 0; }
.sfhk__nav--prev { inset-inline-start: -10px; } .sfhk__nav--next { inset-inline-end: -10px; }
.sfhk__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: auto; padding-top: 18px; }
.sfhk__later { font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; padding: 10px 4px; opacity: .8; }
html body .sfhk button.sfhk__x, html body .sfhk button.sfhk__later { background: transparent !important; box-shadow: none !important; border: 0 !important; min-height: 0; color: var(--sf-ink, #2A2420) !important; }
html body .sfhk button.sfhk__x:hover, html body .sfhk button.sfhk__x:focus-visible { background: rgba(42,36,32,.08) !important; }
@media (max-width: 767px) {
	.sfhk { place-items: end center; padding: 0; }
	.sfhk__box { display: flex; flex-direction: column; width: 100%; max-height: 88vh; max-height: 88dvh; border-radius: 22px 22px 0 0; transform: translateY(40px); }
	.sfhk__media { flex: 0 0 150px; }
	.sfhk__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
	.sfhk__card { inset-block-end: 12px; inset-inline-start: 14px; padding: 9px 13px; } .sfhk__card b { font-size: 1.35rem; }
	.sfhk__body { padding: 20px 18px calc(16px + env(safe-area-inset-bottom)); }
	html body .sfhk button.sfhk__x { inset-block-start: 10px; inset-inline-end: 10px; background: rgba(250,247,242,.94) !important; box-shadow: 0 4px 12px rgba(20,13,11,.18) !important; }
	.sfhk__title { font-size: 2.5rem; } .sfhk__lead { margin-bottom: 14px; font-size: 1rem; }
	.sfhk__strip { grid-auto-columns: 112px; } .sfhk__strip img { width: 112px !important; height: 112px !important; }
	html body .sfhk button.sfhk__nav { display: none; }
	.sfhk__cta .btn { flex: 1 1 auto; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .sfhk__box, .sfhk__scrim, .sfhk__photo { transition: none; } .sfhk__photo { transform: none; } }
html body .sfhk button.sfhk__x { position: absolute !important; z-index: 3; margin: 0 !important; }
.sfhk__media { align-self: stretch; min-height: 420px; }
@media (max-width: 767px) { .sfhk__media { min-height: 0; } }
html body .sfhk button.sfhk__x { border-radius: 50% !important; width: 44px !important; height: 44px !important; padding: 0 !important; display: grid !important; place-items: center; }