/* wide.css: round 2 of the large-screen + phone pass (inc/wide.php, option reef_wide_v1). 25.10.2026, Mor 19:14: "הורידו טקסטים
   עמוסים מדיי אני לא מצליח להתמצא באתר במיוחד במובייל". Loaded after the page CSS, only while the switch is on. Gate: one-line
   labels, equal tiles, ≤2 short lines per block on phones, one link per section, 44px targets, no overflow, 360 to 2560. */

/* ---------- home · 2 services: name + price on phones (the short line comes back from 768) ---------- */
@media(max-width:767px){
  body.rf-wide.rf-home-calm #main .rf-k-svc .rf-k-rt>span:not(.rf-k-rl){display:none}
  body.rf-wide.rf-home-calm #main .rf-k-svc .rf-k-rows a{min-height:52px;padding-block:10px}
}

/* ---------- home · 3 store: the intro as two lines (coverage / price), six equal one-line category tiles ---------- */
body.rf-wide.rf-home-calm #main .rf-k-sl{display:block;white-space:nowrap}
@media(max-width:767px){body.rf-wide.rf-home-calm #main .rf-k-store .rf-k-sub{font-size:min(17px,4.4vw)}}
@media(min-width:768px){body.rf-wide.rf-home-calm #main .rf-k-sl{display:inline}}
body.rf-home-calm #main .rf-k-cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:32px 0 0;padding:0;list-style:none}
body.rf-home-calm #main .rf-k-cgrid a{display:flex;align-items:center;justify-content:center;gap:4px;height:48px;padding-inline:8px;box-sizing:border-box;background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);color:var(--k-ink);font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
body.rf-home-calm #main .rf-k-cgrid a>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.rf-home-calm #main .rf-k-cgrid a:hover{border-color:var(--k-ink)}
body.rf-home-calm #main .rf-k-cgrid .rf-d-chev{width:16px;height:16px;color:var(--k-link)}
body.rf-wide.rf-home-calm #main .rf-k-store .rf-k-more{justify-content:center;margin-top:24px}
@media(min-width:768px){
  body.rf-home-calm #main .rf-k-cgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px}
  body.rf-home-calm #main .rf-k-cgrid a{height:56px;gap:6px}
}

/* ---------- home · 1 lobby: door B's price line balances like door A's ---------- */
body.rf-wide.rf-home-calm #main .rf-k-door-b .rf-k-dtx p{text-wrap:balance}
/* tablets: the two doors stack (side by side they squeezed to 4-line texts and an overflowing store button at 768) */
@media(min-width:768px) and (max-width:1023px){
  body.rf-wide.rf-home-calm .rf-k-doors{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}
  body.rf-wide.rf-home-calm .rf-k-or{display:none}
}
/* door B's store line mirrors door A's price line, so both buttons sit on one row (desktop only; the phone keeps less text) */
body.rf-wide.rf-home-calm #main .rf-k-note-b{display:none}
@media(min-width:1024px){body.rf-wide.rf-home-calm #main .rf-k-note-b{display:block;grid-column:1 / -1}}
/* small laptops: a narrower door photo leaves the texts at two lines */
@media(min-width:1024px) and (max-width:1279px){
  body.rf-wide.rf-home-calm .rf-k-dph{width:112px}
  body.rf-wide.rf-home-calm .rf-k-door{padding:24px;column-gap:20px}
}

/* ---------- home · 6 areas: city chips (44px, no underline); one column of regions at every width (closed except בקעת אונו) ---------- */
body.rf-wide.rf-home-calm #main .rf-k-reg ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:16px}
body.rf-wide.rf-home-calm #main .rf-k-reg li a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);text-decoration:none;color:var(--k-ink);text-align:center;line-height:1.25}
body.rf-wide.rf-home-calm #main .rf-k-reg li a:hover{border-color:var(--k-ink)}
body.rf-wide.rf-home-calm #main .rf-k-reg .rf-k-all{grid-column:1 / -1}
body.rf-wide.rf-home-calm #main .rf-k-reg .rf-k-all a{background:none;border-style:dashed;color:var(--k-link)}
@media(min-width:768px){body.rf-wide.rf-home-calm #main .rf-k-reg ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){
  body.rf-wide.rf-home-calm .rf-k-regs{display:block;border-top:1px solid var(--k-line)}
  body.rf-wide.rf-home-calm .rf-k-reg{border-top:0}
}

/* ---------- home · 7 guides: three on phones (the other three stay in the page, "לכל המאמרים" leads to all) ---------- */
@media(max-width:767px){body.rf-wide.rf-home-calm #main .rf-k-guides>li:nth-child(n+4){display:none}}

/* ---------- home · large screens: sections with no photo (areas, guides, FAQ) as one centred column, the closing line bigger ---------- */
@media(min-width:1024px){
  body.rf-wide.rf-home-calm :is(.rf-k-areas,.rf-k-arts,.rf-k-faq) .rf-k-split{display:block;max-width:calc(820px + 2 * var(--k-g))}
  body.rf-wide.rf-home-calm :is(.rf-k-areas,.rf-k-arts,.rf-k-faq) .rf-k-split>.rf-k-head{position:static;text-align:center;margin-bottom:32px}
  body.rf-wide.rf-home-calm #main :is(.rf-k-areas,.rf-k-arts,.rf-k-faq) .rf-k-sub{margin-inline:auto}
  body.rf-wide.rf-home-calm :is(.rf-k-areas,.rf-k-arts) .rf-k-more{justify-content:center}
  body.rf-wide.rf-home-calm #main .rf-k-close p{font-size:var(--k-t3)}
  body.rf-wide.rf-home-calm #main .rf-k-close .rf-k-pair{max-width:560px}
}

/* ---------- home · 4 reviews: three lines on phones; the credit never wraps ---------- */
body.rf-wide.rf-home-calm #main .rf-k-who p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media(min-width:768px) and (max-width:1023px){body.rf-wide.rf-home-calm #main .rf-k-who p>span{display:none}}
@media(max-width:767px){
  body.rf-wide.rf-home-calm .rf-k-js .rf-k-revs blockquote:not(.on) p{-webkit-line-clamp:3}
}

/* ---------- home · 5 why, option B (reef_wide_why): the brief folds ---------- */
body.rf-home-calm #main .rf-k-brief-f{padding:0 20px}
body.rf-home-calm #main .rf-k-brief-f summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;cursor:pointer;list-style:none}
.rf-k-brief-f summary::-webkit-details-marker{display:none}
body.rf-home-calm #main .rf-k-brief-f summary b{display:inline;margin:0}
.rf-k-brief-f summary i{position:relative;flex:none;width:20px;height:20px}
.rf-k-brief-f summary i:before,.rf-k-brief-f summary i:after{content:"";position:absolute;inset-inline-start:3px;top:9px;width:14px;height:2px;background:var(--k-link);border-radius:1px}
.rf-k-brief-f summary i:after{transform:rotate(90deg)}
.rf-k-brief-f[open] summary i:after{transform:none}
body.rf-home-calm #main .rf-k-brief-f[open]{padding-bottom:12px}
body.rf-home-calm #main .rf-k-bmore{margin-top:4px}

/* ---------- home · 5 why: three ticked facts ---------- */
body.rf-home-calm #main .rf-k-facts2{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 20px;list-style:none;text-align:start}
body.rf-home-calm #main .rf-k-facts2 li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.rf-k-facts2 li:before{content:"";flex:none;width:16px;height:16px;background:var(--k-link);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- footer (every page): one-line links, a 44px phone link on touch tablets ---------- */
body.rf-wide .t7-foot .t7-fcols a,body.rf-wide .t7-foot .t7-flegal a{white-space:nowrap}
@media(max-width:1023px){body.rf-wide .t7-foot .t7-fphone{display:inline-flex;align-items:center;min-height:44px}}

/* ---------- top bar (every page): the rotating line never shows two texts at once (the old one fades out, then the new one in) ---------- */
@media(prefers-reduced-motion:no-preference){
  body.rf-wide.rf-tb3 .t7-rot-i{transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
  body.rf-wide.rf-tb3 .t7-rot-i.on{transition:opacity .35s ease .28s,transform .35s ease .28s,visibility 0s linear .28s}
}

/* ---------- D4 (inner pages, phones): the assistant pill waits for a scroll / the call bar (inc/wide.php sets .rf-as-ok) ---------- */
@media(max-width:767px){
  body.rf-wide:not(.rf-home-calm) #rf-as{transition:opacity .2s ease,visibility 0s linear 0s}
  body.rf-wide:not(.rf-home-calm):not(.rf-as-ok) #rf-as{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}
}

/* 27.10 review: under the body zoom (home + store ≥1600) 100vh is multiplied too; the assistant dialog keeps inside the screen */
body.rf-wide-z #rf-as-dlg{max-height:min(740px,calc((100vh - 48px) / var(--rz,1)))!important}