/* TASK302 QA (accessibility + visual), 3.11.2026. Visual only: colours, focus and positions; no content, no display:none on content.
   IS 5568 = WCAG 2.0 AA: text at 4.5:1 or more. Where the designer drew text below that (muted grey at 50-60% ink, the light
   gold #9C7433 / #8A6A35 on the cream #F1ECE3), the same hue is taken to the designer's own accessible tones from his
   site.css contrast block: grey #5F5A54 (his .bp-cnt), gold #75592B (his .bp-eb / .bp-prose a). Light text on the dark bands
   uses his light golds (#D4AF6A, #E6CF9A). Selectors start with "html body.jm-design" so they win over bridge.css (loaded last). */

/* ---- breadcrumbs on the light band (article, blog, search, every k-light page) ---- */
html body.jm-design .k-light .k-crumbs,
html body.jm-design .k-light .k-crumbs a{color:#5F5A54}
html body.jm-design .k-light .k-crumbs a:hover{color:#1C1712}
html body.jm-design .k-light .k-crumbs [aria-current]{color:#75592B}

/* ---- article / guide pages ---- */
html body.jm-design .ar-meta small{color:#5F5A54}
html body.jm-design .ar-toc small{color:#75592B}
html body.jm-design .ar-tl{color:#5F5A54}
html body.jm-design .ar-tl:hover,html body.jm-design .ar-tl.on{color:#1C1712}
html body.jm-design .ar-tl .ar-tn{color:#6B665F}
html body.jm-design .ar-tl.on .ar-tn{color:#75592B}
html body.jm-design .ar-body :is(p,li,td,th,dd) a:not([class]),
html body.jm-design .ar-body .jm-internal a{color:#75592B}
html body.jm-design .ar-body figcaption,
html body.jm-design .ar-fig figcaption,
html body.jm-design .sv-prose figcaption,
html body.jm-design .pj-prose figcaption,
html body.jm-design .t3sp-prose figcaption{color:#5F5A54}
html body.jm-design .ar-rc small{color:#75592B}
html body.jm-design .t302-ar-rel .ar-rc .t302-rc-go{color:#75592B}

/* ---- blog / installations archive ---- */
html body.jm-design .ba-n{color:#5F5A54}

/* ---- about: the timeline years ---- */
html body.jm-design .ab-tl span{color:#75592B}

/* ---- category hub (all models) ---- */
html body.jm-design .ch-cnt,
html body.jm-design .ch-more{color:#5F5A54}

/* ---- brand pages: sort buttons, the "on sale today" filter, the eyebrow on the dark hero ---- */
html body.jm-design .bp-so:not(.on){color:#5F5A54}
html body.jm-design .bp-sale:not(.on){color:#75592B}
html body.jm-design .bp-hero .bp-eb{color:#D4AF6A}

/* ---- product pages ---- */
/* colours typed into old short descriptions (#cfb36f gold, #183a5a blue ...) now sit on the designer's dark hero:
   the theme's a11y.css darkened them for a light page; on the dark band they read in his light gold */
html body.jm-design #content .mp-hero .mp-intro [style*="color" i]{color:#E6CF9A!important}
html body.jm-design .mp-desc-body a{color:#75592B}
html body.jm-design .mp-tbl-note{color:#5F5A54}

/* ---- search ---- */
html body.jm-design .sr-kbd{color:#5F5A54}
html body.jm-design .sr-gh .sr-c{color:#75592B}
html body.jm-design .sr-a small{color:#75592B}
html body.jm-design .sr-pop small{color:#75592B}
html body.jm-design .t3-srn{color:#5F5A54}

/* ---- city map (phone): the small dots hid their city name with display:none, so the link had no name.
   Same look (no visible label), the name stays for screen readers ---- */
@media (max-width:760px){
	html body.jm-design .ct-d.sm b{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
}

/* ---- floating WhatsApp bubble: bottom-left as on the designer's pages. bridge.css sets left:15px and then
   inset-inline:auto in the same rule, which in RTL resets the left side again, so the bubble fell back to the right ---- */
html body.jm-design #ht-ctc-chat{left:15px!important;right:auto!important;bottom:65px!important}

/* ---- space hub tiles ("חיפוי קירות לפי חלל"): the LIVE titles and descriptions run longer than the designer's, so on the
   narrow phone tiles the text climbs above his 48% dark fade onto the light photos (e.g. the pale stone of "חוץ וחזיתות").
   Same fade, taken higher, so the light text keeps its contrast; the photo still shows above it ---- */
html body.jm-design .t3sp-tiles .k-it::after{background:linear-gradient(0deg,rgba(14,11,8,.88) 0%,rgba(14,11,8,.62) 42%,rgba(14,11,8,0) 80%)}