/* kv3-portfolio-grid — source: V3.0/page-portfolio.html (sticky filter bar + listing) */
.kv3-fbar{position:sticky;top:68px;z-index:60;background:rgba(250,247,242,.94);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(206,210,213,.6);box-shadow:0 10px 24px -22px rgba(27,37,47,.5);margin-bottom:8px}
body.admin-bar .kv3-fbar{margin-top:0}
.kv3-fbar__in{display:flex;align-items:flex-start;gap:10px;padding-block:12px}
.kv3-fbar__label{flex-shrink:0;min-height:40px;font-family:var(--f-head);font-weight:700;font-size:15px;color:var(--navy);display:inline-flex;align-items:center;gap:8px}
.kv3-fbar__label::before{content:"";width:12px;height:14px;background:var(--orange);clip-path:var(--hex)}
/* all chips visible at once, wrapping onto several rows (no horizontal scroller) */
.kv3-chips-wrap{flex:1;min-width:0}
.kv3-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px}
.kv3-chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:5px 8px 5px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--navy);font-family:var(--f-head);font-weight:600;font-size:15px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease)}
html[dir="ltr"] .kv3-chip{padding:5px 14px 5px 8px}
.kv3-chip:hover{border-color:var(--orange);transform:translateY(-1px);background:#fff;color:var(--navy)}
.kv3-chip:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.kv3-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
/* a multi-row bar would cover too much of a phone screen: sticky on desktop only */
@media (max-width:768px){.kv3-fbar{position:static;top:auto}.kv3-fbar__label{display:none}.kv3-fbar__in{padding-inline:16px}}
@media (max-width:640px){
  .kv3-chips{gap:6px}
  .kv3-chip{min-height:34px;gap:6px;padding:3px 6px 3px 11px;font-size:14px}
  html[dir="ltr"] .kv3-chip{padding:3px 11px 3px 6px}

}
@media (prefers-reduced-motion:reduce){.kv3-chip{transition:none}.kv3-chip:hover{transform:none}}

.kv3-listing{padding-block:40px 0}
.kv3-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.kv3-list-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;margin-top:8px}
.kv3-list-status{margin:0;color:var(--muted);font-size:17px}
.kv3-list-status b{color:var(--navy);font-family:var(--f-head)}
.kv3-feat-wrap[hidden]{display:none}
.kv3-feat-wrap,.kv3-listing .kv3-pgrid > li{transition:opacity .22s,transform .22s var(--ease)}
.kv3-listing.is-out .kv3-feat-wrap,.kv3-listing.is-out .kv3-pgrid > li{opacity:0;transform:scale(.97)}
.kv3-card-in{animation:kv3-card-in .55s var(--ease) both;animation-delay:calc(var(--d,0) * 45ms)}
@keyframes kv3-card-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.kv3-list-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:52px}
.kv3-list-more[hidden]{display:none}
.kv3-list-more small{color:var(--muted);font-size:15px}
@media (prefers-reduced-motion:reduce){.kv3-card-in{animation:none}.kv3-listing.is-out .kv3-feat-wrap,.kv3-listing.is-out .kv3-pgrid > li{opacity:1;transform:none}}
/* Owner 2026-10-19: under the featured project — 3 columns (2 on tablet, 1 on phone). */
.kv3-portfolio .kv3-pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.kv3-portfolio .kv3-pc-body h3{font-size:clamp(19px,1.6vw,24px)}
@media (max-width:1024px){.kv3-portfolio .kv3-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kv3-portfolio .kv3-pgrid{grid-template-columns:1fr;gap:28px}}

/* Per-category CTA banner (widget setting "באנר לפי קטגוריה"), shown only while its chip is active. */
.kv3-cat-cta{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:0 0 30px;padding:18px 26px 18px 18px;background:var(--navy,#1B252F);color:#fff;border-radius:var(--radius-l,28px);overflow:hidden;isolation:isolate;box-shadow:var(--shadow,0 14px 34px -14px rgba(27,37,47,.22))}
.kv3-cat-cta[hidden]{display:none}
.kv3-cat-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 120% at 0% 50%,rgba(247,161,26,.22),transparent 70%)}
.kv3-cat-cta__img{width:180px;aspect-ratio:16/10;object-fit:cover;border-radius:16px}
.kv3-cat-cta .eyebrow{color:var(--orange,#F7A11A)}
.kv3-cat-cta h3{font-size:clamp(20px,2vw,26px);font-weight:800;color:#fff;margin-top:4px}
.kv3-cat-cta p{color:#C9D0D6;font-size:16.5px;margin-top:6px;max-width:560px}
.kv3-cat-cta .btn{white-space:nowrap}
@media (max-width:860px){.kv3-cat-cta{grid-template-columns:1fr;padding:18px;gap:14px}.kv3-cat-cta__img{width:100%}.kv3-cat-cta .btn{justify-self:start}}
/* video variant: the film plays in place, text + button beside it */
.kv3-cat-cta--video{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"v b" "v a";align-items:start;padding:20px;gap:14px 30px;margin-bottom:40px}
.kv3-cat-cta--video .kv3-cat-cta__video{grid-area:v;width:100%;aspect-ratio:16/9;border-radius:18px;background:#000;object-fit:cover}
.kv3-cat-cta--video .kv3-cat-cta__body{grid-area:b;align-self:end;padding-top:10px}
.kv3-cat-cta--video .btn{grid-area:a;justify-self:start;align-self:start}
.kv3-cat-cta--video h3{font-size:clamp(22px,2.4vw,32px)}
@media (max-width:860px){.kv3-cat-cta--video{grid-template-columns:1fr;grid-template-areas:"v" "b" "a";padding:14px}}