/* Saraf · system layer: content pages (workshops, custom, about, contact, terms) and page heroes. */

/* workshops landing: the ghost button stays a ghost (transparent, light hairline) */
html body .lp .btn.btn--paper-ghost { background: transparent !important; color: var(--sf-paper) !important; border: 1px solid rgba(250,247,242,.7) !important; }
html body .lp .btn.btn--paper-ghost:hover { background: rgba(250,247,242,.12) !important; }

/* the bordeaux banners are gone (Orel: "לא אהבתי את הבנאר הבורדו"): light paper heroes, ink type, bordeaux only as the accent word and the button */
html body .lp { color: var(--sf-ink); }
html body .lp__grad { background: var(--sf-paper-2) !important; }
html body .lp__grad::after { display: none; }
html body .lp__title { color: var(--sf-ink) !important; }
html body .lp__title em { color: var(--sf-wine) !important; }
html body .lp__lead { color: var(--sf-ink-soft) !important; }
html body .lp__eyebrow { color: var(--sf-gold) !important; }
html body .lp__chips li { background: transparent !important; border-color: var(--sf-line) !important; color: var(--sf-ink) !important; }
html body .lp .btn.btn--wine { background: var(--sf-wine) !important; color: var(--sf-paper) !important; border-color: var(--sf-wine) !important; }
html body .lp .btn.btn--wine:hover { background: var(--sf-wine-deep) !important; }
html body .lp .btn.btn--paper-ghost { color: var(--sf-ink) !important; border-color: rgba(42,28,21,.45) !important; }
html body .lp .btn.btn--paper-ghost:hover { background: rgba(42,28,21,.06) !important; }
html body .lp__portrait-img { filter: none !important; mix-blend-mode: multiply !important; opacity: .92; }
html body .lp__portrait figcaption { color: var(--sf-ink-soft) !important; }
html body .phero[data-tone="wine"]:not(.phero--img) > .chapter__bg, html body .phero[data-tone="paper2"]:not(.phero--img) > .chapter__bg { background: var(--sf-paper-2) !important; }
html body .phero[data-tone="wine"]:not(.phero--img) .phero__title, html body .phero[data-tone="paper2"]:not(.phero--img) .phero__title { color: var(--sf-ink) !important; }
html body .phero[data-tone="wine"]:not(.phero--img) .phero__title em, html body .phero[data-tone="paper2"]:not(.phero--img) .phero__title em { color: var(--sf-wine) !important; }
html body .phero[data-tone="wine"]:not(.phero--img) .lead, html body .phero[data-tone="paper2"]:not(.phero--img) .lead { color: var(--sf-ink-soft) !important; }
html body .phero[data-tone="wine"]:not(.phero--img) .eyebrow, html body .phero[data-tone="paper2"]:not(.phero--img) .eyebrow { color: var(--sf-gold) !important; }
/* the contact form: fields you can see */
@media (min-width: 768px) { html body .form__field input, html body .form__field textarea { background: var(--sf-paper) !important; border: 1px solid var(--sf-line) !important; min-height: 52px; } html body [data-tone="paper2"] .form__field input, html body [data-tone="paper2"] .form__field textarea { background: #FBF8F3 !important; } }
html body .phero[data-tone="wine"]:not(.phero--img) .phero__lead, html body .phero[data-tone="paper2"]:not(.phero--img) .phero__lead { color: var(--sf-ink-soft) !important; }
/* no paper stripe between the light workshops hero and the paper-2 chapter under it */
html body .lp { background: var(--sf-paper-2); }
html body .lp + .chapter, html body .e-con:has(.lp) + .e-con .chapter[data-tone="paper2"] { margin-top: 0; }
html body .e-con:has(.lp) + .e-con .chapter[data-tone="paper2"] > .chapter__bg { -webkit-mask-image: none; mask-image: none; inset: 0; }
html body .lp__facts { margin-bottom: 0; padding-bottom: clamp(32px, 5vw, 64px); }
/* workshop details: the price rows start on the title's edge (the list kept the theme's inline padding), photos with the site's corners */
html body .wsd__rows { padding: 0 !important; margin: 0; list-style: none; }
html body .wsd__rows li { padding-inline: 0 !important; }
html body .wsd__item, html body .wsd__media .slab, html body .wsd__media .slab img, html body .wsd__media .slab video { border-radius: 2px !important; }
html body .wsd__media .slab { box-shadow: none !important; }
html body .wsd__quote { margin: 4px 0 14px; font-weight: 600; color: var(--sf-ink); }
