/* ==========================================================================
   haconcierge.com - design A2 (owner-approved 2026-10-17, prototypes/ab/A2 + compare/choices.json)
   One override layer, loaded LAST after hc-v5-1..5 and hc-m-*.css (layouts/Base.astro).
   The rules up to "A2 port" are prototypes/ab/A2/a.css verbatim; the template markup they style is in
   PostV5 (end of post, breadcrumb, TOC), SiteChrome (header, phone menu, footer), HomeV5 and DestinationV5.
   Logical properties only. Spacing scale 4 8 12 16 24 32 48 64 96. Radius 12 / 999 / 0.
   ========================================================================== */

/* ---------- tokens ---------- */
:root{
  --paper:#FFFCF6;--ink:#1E1B18;--ink-2:#433C34;--muted:#6F675C;--line:#E6DFD1;
  --pen:#E8482B;--pen-2:#C93A21;--marker:#FFD84D;--surface:#F7F1E5;--pen-soft:#FDE4DC;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --rad:12px;--pill:999px;
  --col:680px;--wide:880px;--toc:176px;--toc-gap:28px;
  --sec:64px;                              /* between sections */
  --fs-meta:14px;--fs-ui:16px;--fs-read:19px;--lh-read:1.7;
  --h2:28px;--h3:20px;
}
@media (max-width:900px){:root{--sec:48px;--fs-read:18px;--h2:24px}}

/* ---------- base ---------- */
body{font-size:var(--fs-ui)}
:focus-visible{outline:3px solid var(--pen-2);outline-offset:3px}
.hd :focus-visible,.post-page a:focus-visible,.post-page summary:focus-visible{outline:3px solid var(--pen-2);outline-offset:3px}
a,button{transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- header: logo, nav right after it, search at the end ---------- */
.hd{border-bottom:1px solid var(--line)}
.hd .wrap{height:64px;justify-content:flex-start;gap:40px}
.hd .brand{display:inline-flex;align-items:center;min-height:44px;flex:none}
.hd .brand .logo{height:40px}
.hd .nav{flex:1;min-width:0;gap:var(--s1)}
.hd .nav>a,.hd .nav .nav-dd-t{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);font:500 var(--fs-ui)/1 var(--ui);color:var(--ink);border-radius:var(--pill)}
.hd .nav>a:hover,.hd .nav .nav-dd-t:hover{color:var(--pen-2);background:transparent}
.hd .nav .search-btn{margin-inline-start:auto}
.hd .nav .menu-btn{margin-inline-start:var(--s2)}
.hd .ibtn{width:44px;height:44px}
.hd .nav-dd-m{border-radius:var(--rad);box-shadow:none;border:1px solid var(--line)}
.hd .nav-dd-m a{min-height:44px;display:flex;align-items:center;border-radius:var(--s2)}
@media (max-width:900px){
  .hd .wrap{height:56px;gap:var(--s3)}
  .hd .brand .logo{height:34px}
  .hd .nav{gap:var(--s2)}
  .hd .nav>a,.hd .nav>.nav-dd{display:none}
  .hd .nav .menu-btn{margin-inline-start:0}
}

/* ---------- shared pieces ---------- */
.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border:1.5px solid var(--ink);border-radius:var(--pill);background:transparent;color:var(--ink);font:600 var(--fs-ui)/1 var(--ui);text-decoration:none}

/* ==========================================================================
   POST
   ========================================================================== */
.post-page{--gut:clamp(16px,4vw,48px)}

/* desktop: header, hero, body and end of the post share one 980 box (as the production hero), centred */
@media (min-width:901px){
  .post-page>.wrap{max-width:980px}
  .post-page>.mtoc{display:none}
  .post-page .post-layout{display:grid;grid-template-columns:var(--toc) minmax(0,1fr);column-gap:var(--toc-gap);justify-content:start;padding-top:var(--s7);padding-bottom:0;align-items:start}
}

/* breadcrumb: one line, the current page is the title right below it (hidden on phones) */
.post-page .post-context{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--s2);min-width:0;padding-top:var(--s4);padding-bottom:0;font:400 var(--fs-meta)/1.4 var(--ui);color:var(--muted)}
.post-page .post-context a{position:relative;display:inline-flex;align-items:center;min-height:44px;min-width:0;padding:0;flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.post-page .post-context a:hover{color:var(--pen-2);text-decoration-color:currentColor}
.post-page .post-context .pc-sep{flex:none;padding:0;color:var(--muted)}
.post-page .post-context .pc-now{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}
@media (max-width:900px){
  .post-page .post-context{padding-top:var(--s2)}
  .post-page .post-context .pc-now,.post-page .post-context .pc-sep-now{display:none}
}

/* TOC - desktop: a flat panel in the side column, level with the first line of the body */
@media (min-width:901px){
  .post-page .post-side{position:sticky;top:88px;align-self:start;z-index:5}
  .post-page .sticky-note{background:none;transform:none;box-shadow:none;border-radius:0;padding:0}
  .post-page .sticky-note::before,.post-page .sticky-note::after{content:none}
  .post-page .sticky-note>b{display:block;padding:0 0 var(--s3);font:700 var(--fs-ui)/1.3 var(--ui);color:var(--ink)}
  .post-page .toc{margin:0;display:grid;gap:0;border-inline-start:2px solid var(--pen)}
  .post-page .toc a{display:flex;align-items:center;min-height:44px;padding:var(--s2) var(--s4);border:0;border-radius:0;font:400 var(--fs-meta)/1.4 var(--ui);color:var(--ink-2);text-decoration:none}
  .post-page .toc a:hover{color:var(--pen-2)}
  .post-page .toc a.on{color:var(--ink);font-weight:600}
  .post-page .toc a.sub{padding-inline-start:var(--s6);color:var(--muted)}
}
/* TOC - phones: the same panel, collapsible */
@media (max-width:900px){
  .post-page .mtoc{margin:var(--s4) auto 0;padding:0 var(--pg)}
  .post-page .mtoc>summary{display:flex;align-items:center;min-height:52px;padding:var(--s2) 0;border:0;border-block:1px solid var(--line);border-radius:0;background:none;font:600 var(--fs-ui)/1.3 var(--ui)}
  .post-page .mtoc[open]>summary{border-bottom-color:var(--line)}
  .post-page .mtoc .mtoc-top{flex:1;display:flex;align-items:center;gap:var(--s3);min-height:0}
  .post-page .mtoc .mtoc-l{flex:1;font:600 var(--fs-ui)/1.3 var(--ui)}
  .post-page .mtoc .mtoc-n{font:400 var(--fs-meta)/1 var(--ui);color:var(--muted);margin-inline-start:var(--s2)}
  .post-page .mtoc .mtoc-btn{min-height:44px;padding:0;background:none;color:var(--pen-2);box-shadow:none;font:600 var(--fs-meta)/1 var(--ui)}
  .post-page .mtoc[open] .mtoc-btn{background:none;box-shadow:none;color:var(--pen-2)}
  .post-page .mtoc .mtoc-btn .mtoc-chev,.post-page .mtoc[open] .mtoc-btn .mtoc-chev{color:var(--pen-2)}
  .post-page .mtoc nav{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:0}
  .post-page .mtoc nav a{min-height:44px;padding:var(--s2) 0;border-top:1px solid var(--line);font:400 var(--fs-ui)/1.4 var(--ui)}
  .post-page .mtoc nav a:not(.sub)::before{font:600 var(--fs-meta) var(--ui)}
  .post-page .mtoc nav a.sub{padding-inline-start:var(--s7);font-size:var(--fs-meta)}
  .post-page .post-layout{padding-top:var(--s5)!important;padding-bottom:0!important}
}

/* body */
.post-page .prose{font:400 var(--fs-read)/var(--lh-read) var(--ui);color:var(--ink);max-width:none}
.post-page .prose>*{max-width:var(--col)}
.post-page .prose>figure,.post-page .prose>.wp-block-gallery,.post-page .prose>.hc-gwrap{max-width:none}
.post-page .prose>:first-child{margin-top:0}
.post-page .prose p{margin:0 0 var(--s4)}
.post-page .prose h2{margin:var(--s7) 0 var(--s3);font:700 var(--h2)/1.3 var(--ui);font-synthesis:none;letter-spacing:0;color:var(--ink)}
.post-page .prose>h2:first-child{margin-top:0}
.post-page .prose h3{margin:var(--s6) 0 var(--s2);font:600 var(--h3)/1.4 var(--ui)}
.post-page .prose ul,.post-page .prose ol{margin:0 0 var(--s4);padding-inline-start:var(--s5)}
.post-page .prose li{margin:0 0 var(--s2)}
.post-page .prose a{color:var(--pen-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.post-page .prose a:hover{text-decoration-thickness:2px}
.post-page .prose figcaption,.post-page .prose .wp-block-image figcaption{font:400 var(--fs-meta)/1.5 var(--ui);color:var(--muted)}

/* no tilt, no tape: figures sit straight */
.post-page .prose figure,.post-page .prose .wp-block-image,.post-page .prose figure:nth-of-type(even){transform:none!important}
.post-page .prose figure::before,.post-page .prose figure::after{content:none}

/* single photos: whole photo, real ratio (no crop that could cut a head), radius 12 */
.post-page article.prose>figure.wp-block-image{margin:var(--s6) 0;max-width:var(--col)}
.post-page article.prose>figure.wp-block-image.a-land{max-width:none}
.post-page article.prose>figure.wp-block-image img{display:block;width:auto;max-width:100%;height:auto;max-height:640px;margin-inline:auto;object-fit:contain;border-radius:var(--rad)}
@media (max-width:900px){
  .post-page article.prose>figure.wp-block-image img{width:100%;max-height:none}
}

/* ---------- end of the post: one sequence (prev/next, sign-off, more) ---------- */
.a-end{margin-top:var(--sec);padding-bottom:0}

/* 1. previous / next: one block, two equal halves, hairlines only */
.a-pn{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.a-pn a{display:grid;align-items:center;gap:var(--s4);padding-block:var(--s5);color:var(--ink);text-decoration:none;min-width:0}
.a-pn-prev{grid-template-columns:64px minmax(0,1fr);padding-inline-end:var(--s5)}
.a-pn-next{grid-template-columns:minmax(0,1fr) 64px;padding-inline-start:var(--s5);border-inline-start:1px solid var(--line);text-align:end}
.a-pn-img{display:block;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--surface)}
.a-pn-img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:0}
.a-pn-txt{display:grid;gap:var(--s1);min-width:0}
.a-pn-k{font:500 var(--fs-meta)/1.4 var(--ui);color:var(--pen-2)}
.a-pn b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 18px/1.35 var(--ui);color:var(--ink)}
.a-pn bdi.lt{white-space:normal}
.a-pn a:hover b{color:var(--pen-2)}
@media (max-width:700px){
  .a-pn{grid-template-columns:1fr}
  .a-pn a{padding-block:var(--s3);padding-inline:0;text-align:start}
  .a-pn-prev,.a-pn-next{grid-template-columns:64px minmax(0,1fr)}
  .a-pn-next{order:-1;border-inline-start:0;border-bottom:1px solid var(--line)}
  .a-pn-next .a-pn-img{order:-1}
}

/* 2. sign-off: the authors, one primary action, the P.S. */
.a-sign{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:var(--s4);margin-top:0;padding:var(--s6) 0;border-top:1px solid var(--line);background:none;border-radius:0}
.a-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--pen-soft);color:var(--pen-2)}
.a-who{margin:0;font:700 18px/1.3 var(--ui)}
.a-who a{color:var(--ink);text-decoration:none}
.a-who a:hover{color:var(--pen-2)}
.a-line{margin:var(--s1) 0 0;font:400 var(--fs-ui)/1.6 var(--ui);color:var(--ink-2)}
.a-act{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s5);margin:var(--s3) 0 0}
.a-write{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;font:600 var(--fs-ui)/1 var(--ui);color:var(--pen-2);text-decoration:none}
.a-write-t{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--pen)}
.a-arr{text-decoration:none}
.a-write:hover{color:var(--ink)}
.a-alt{display:inline-flex;align-items:center;min-height:44px;font:400 var(--fs-meta)/1 var(--ui);color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.a-alt:hover{color:var(--ink);text-decoration-color:var(--pen)}
.a-ps{grid-column:1/-1;margin:var(--s4) 0 0;padding-top:var(--s4);border-top:1px solid var(--line);font:400 var(--fs-meta)/1.6 var(--ui);color:var(--muted)}
.a-ps a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--pen);text-underline-offset:4px}
.a-ps a:hover{color:var(--pen-2)}
.a-sign-body{display:contents}
.a-sign-body>.a-who,.a-sign-body>.a-line,.a-sign-body>.a-act{grid-column:2}


/* 3. more from the destination */
.a-more{margin-top:var(--s7);margin-bottom:var(--s8)}
.a-more-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5)}
.a-more-title{margin:0;font:700 var(--h2)/1.3 var(--ui);color:var(--ink)}
.a-more-all{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;font:600 var(--fs-ui)/1.2 var(--ui);color:var(--pen-2);text-decoration:none;white-space:nowrap}
.a-more-all:hover{color:var(--ink)}
.a-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);margin:0;padding:0;list-style:none}
.a-card a{display:block;color:var(--ink);text-decoration:none}
.a-card-ph{display:block;aspect-ratio:3/2;border-radius:var(--rad);overflow:hidden;background:var(--surface)}
.a-card-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:0}
.a-card-guest{display:block;margin-top:var(--s3);font:400 var(--fs-meta)/1.4 var(--ui);color:var(--muted)}
.a-card b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-wrap:balance;overflow:hidden;margin-top:var(--s1);font:600 17px/1.4 var(--ui)}
.a-card-guest+b{margin-top:var(--s1)}
.a-card-ph+b{margin-top:var(--s3)}
.a-card a:hover b{color:var(--pen-2)}
@media (max-width:1100px){.a-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.a-more-all{display:none}}
@media (max-width:700px){
  .a-more-head{margin-bottom:var(--s4)}
  .a-cards{display:flex;gap:var(--s4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut);padding-bottom:var(--s2);scrollbar-width:none}
  .a-cards::-webkit-scrollbar{display:none}
  .a-card{flex:0 0 260px;scroll-snap-align:start}
}

/* 4. phones: the end bar */
.post-page .post-end{padding-top:0;padding-bottom:var(--s7);border-top:0;margin-top:0;gap:var(--s4)}
.post-page .pe-btn{min-height:48px;padding:0 var(--s5);border:1.5px solid var(--ink);background:transparent;color:var(--ink)}
.post-page .pe-btn:active,.post-page .pe-btn:hover{background:var(--ink);color:var(--paper)}
.post-page .pe-top{min-height:44px;padding-inline:var(--s2);font:500 var(--fs-ui) var(--ui);color:var(--ink-2)}
@media (min-width:901px){.post-page .post-end{display:none}}
@media (max-width:900px){.post-page .post-end{display:flex;justify-content:space-between}}

/* ==========================================================================
   HOME: production look; only the "מי אנחנו" text block follows A
   ========================================================================== */
.kicker{font-size:var(--fs-meta)}
.about-home .about-grid{align-items:center;gap:var(--s7)}
.about-home .about-grid h2{font:600 clamp(32px,4vw,48px)/1.15 var(--display);font-synthesis:none;letter-spacing:0;margin:0 0 var(--s3);color:var(--ink);text-align:start}
.about-home .about-grid p{margin:0 0 var(--s5)}
.about-home .btn{min-height:48px;box-sizing:border-box;padding:0 var(--s5);border-radius:var(--pill);font:600 var(--fs-ui)/1 var(--ui);background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.about-home .btn:hover{background:var(--ink);color:var(--paper)}
@media (max-width:900px){.about-home .about-grid{gap:var(--s5)}}

/* ==========================================================================
   DESTINATION: header as A; list as A from 701px, production on phones
   ========================================================================== */
.us-hero{padding-block:var(--s7)}
.us-hero .dest-title{font-weight:600;font-synthesis:none;font-size:clamp(56px,7vw,96px)}
.us-now{transform:none;font:600 var(--fs-meta)/1.2 var(--ui);padding:var(--s1) var(--s3)}
.us-flag{transform:none!important}
.us-ph{box-shadow:none;border-width:3px}
.us-pin b,.us-home b,.us-pin.s-r b{font-size:var(--fs-meta)!important}
.crumb,.destination-page .crumb{font-size:var(--fs-meta)}
@media (max-width:700px){.us-hero{padding-block:var(--s2) var(--s7)}}
@media (min-width:701px){
  .dest-stories{padding-block:var(--sec)}
  .dest-stories .sec-head h2{font:600 clamp(32px,4vw,48px)/1.15 var(--display);font-synthesis:none;letter-spacing:0;margin:0 0 var(--s3);color:var(--ink);text-align:start}
  .dest-stories .sec-head{margin-bottom:var(--s6)}
  .hc-cards .elementor-posts-container{gap:var(--s7)}
  .hc-cards .elementor-post__text::before,.hc-cards [data-hc-n]::before{content:none!important;display:none!important}
  .hc-cards .elementor-post__card{gap:var(--s7);background:transparent;border:0;box-shadow:none;border-radius:0}
  .hc-cards .elementor-post__thumbnail img{border-radius:var(--rad)}
  .hc-cards .elementor-post__title{font:600 clamp(22px,2.4vw,32px)/1.25 var(--display);font-synthesis:none;margin:0 0 var(--s3)}
  .hc-cards .elementor-post__excerpt p{font:400 var(--fs-ui)/1.65 var(--ui);margin:0 0 var(--s3)}
  .hc-cards .elementor-post__read-more{display:inline-flex;align-items:center;min-height:44px;font:600 var(--fs-ui)/1 var(--ui);color:var(--pen-2);text-decoration:none}
  .hc-cards .elementor-post__read-more:hover{color:var(--ink)}
  .hc-cards [data-guest] .elementor-post__title::before{content:"פוסט אורח";display:block;width:auto;margin:0 0 var(--s1);padding:0;border-radius:0;background:none;color:var(--muted);font:400 var(--fs-meta)/1.4 var(--ui);letter-spacing:0}
}
@media (min-width:701px) and (max-width:900px){
  .hc-cards .elementor-posts-container{gap:var(--s6)}
  .hc-cards .elementor-post__card,.hc-cards [data-hc-side=b] .elementor-post__card{gap:var(--s3);background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
  .hc-cards .elementor-post__text{padding:0}
  .hc-cards .elementor-post__title{font-size:22px}
}

/* ---------- fixes found by the checks: minimum text size, hit areas ---------- */
.ft-site h2,.ft-site .ft-bottom,.ft-site .ft-bottom span,.ft-site .ft-host{font-size:var(--fs-meta)}
.dests-head .kicker,.sec-head .kicker{font-size:var(--fs-meta)}
.hd .nav>a,.hd .nav .nav-dd-t{min-width:44px;justify-content:center}
.a-who a{display:inline-flex;align-items:center;min-height:44px}
footer.ft-site .ft-grid h2{font-size:var(--fs-meta)}
@media (max-width:480px){.ln-fit .ln{font-size:inherit!important;white-space:normal!important}}
@media (max-width:900px){.post-page{--gut:16px}}

/* ---------- round 2: titles, arrows, current nav item ---------- */
.post-page .post-head h1,.a-pn b,.a-card b,.usa .ucard-t,.hc-cards .elementor-post__title{text-wrap:balance}
.hd .nav>a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--pen);text-decoration-thickness:2px;text-underline-offset:6px}

/* ---------- A2 ---------- */
/* production header + hero + galleries are back; only text below 14px is raised */
.post-head .kicker{font-size:var(--fs-meta)}
.post-page .prose .wp-block-gallery figcaption,.post-page .prose .hc-strip figcaption,.post-page .prose .wp-block-gallery[data-hc-n]:not(.columns-1)::after,.post-page .prose .hc-strip::after,.post-page .prose .hc-gwrap::after{font-size:var(--fs-meta)}

/* gear tile: first tile of "עוד מארה״ב", a soft marker panel */
.a-gear{display:flex}
.a-gear a{flex:1;display:flex;flex-direction:column;box-sizing:border-box;padding:var(--s3);background:#FFF4C7;border-radius:var(--rad);color:var(--ink)}
.a-gear .a-card-ph{border-radius:8px}
.a-gear-k{margin-top:var(--s3);font:700 var(--fs-meta)/1.4 var(--ui);color:var(--ink)}
.a-gear-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2);margin-top:var(--s1)}
.a-gear-row b{margin:0;font:700 17px/1.4 var(--ui);color:var(--ink)}
.a-gear .a-arr{flex:none;font:700 17px/1.4 var(--ui);color:var(--ink)}
.a-gear a:hover b,.a-gear a:hover .a-arr{color:var(--pen-2)}

/* footer: uPress credit on the dark ground, no white chip */
.ft-host a{padding:0;background:none;border-radius:0;min-height:44px;align-items:center}
.ft-host img{background:none;filter:brightness(0) invert(1);opacity:.85;transition:opacity .15s ease-out}
.ft-host a:hover img,.ft-host a:focus-visible img{opacity:1}

/* ---------- home, production look: only text below 14px is raised ---------- */

/* ---------- round 3: USA band cards, phone menu sub-menu ---------- */
/* the band lists two posts now: two equal columns on desktop */
@media (min-width:901px){.usa .usa-g>.ucards{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* phones / tablets: uniform cards - same image box, title and excerpt clamped to 2 lines */
@media (max-width:900px){
  .usa .ucards .ucard{min-height:112px;box-sizing:border-box}
  .usa .ucards .ucard .ucard-img{width:88px;min-height:0;align-self:stretch}
  .usa .usa-g>.ucards .ucard .ucard-b .ucard-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .usa .usa-g>.ucards .ucard .ucard-b .ucard-x{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}
/* menu sheet: "ציוד לטיול" opens a sub-menu (details/summary) */
.sheet nav.sh-main .sh-sub{border-bottom:1px solid var(--line)}
.sheet nav.sh-main .sh-sub>summary{display:flex;align-items:center;gap:10px;min-height:54px;padding-inline:2px;font:400 22px/1.2 var(--display);color:var(--ink);cursor:pointer;list-style:none}
.sheet nav.sh-main .sh-sub>summary::-webkit-details-marker{display:none}
.sheet nav.sh-main .sh-sub>summary::marker{content:""}
.sheet nav.sh-main .sh-sub>summary::after{content:"";margin-inline-start:auto;margin-inline-end:4px;width:9px;height:9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.45;flex:none;transition:transform .15s ease-out}
.sheet nav.sh-main .sh-sub[open]>summary::after{transform:rotate(135deg)}
.sheet nav.sh-main .sh-sub>summary:active{background:var(--surface)}
.sheet nav.sh-main .sh-sub-l{display:grid}
.sheet nav.sh-main .sh-sub-l a{min-height:48px;padding-inline:var(--s5) 2px;border-top:1px solid var(--line);border-bottom:0;font:400 18px/1.3 var(--ui)}
.sheet nav.sh-main a small{font-size:var(--fs-meta)}
@media (prefers-reduced-motion:reduce){.sheet nav.sh-main .sh-sub>summary::after{transition:none}}
.sheet nav.sh-main .sh-sub:not([open])>.sh-sub-l{display:none}

/* ---------- A2 port: site-wide generalisations ---------- */
/* owner 2026-10-17: no publication date in the post meta (the <time> and the JSON-LD dates stay in the page) */
.post-head .post-meta>time{display:none}
/* the two gear posts have no gear tile: their three related cards fill the row */
@media (min-width:1101px){.a-cards.no-gear{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* current section in the top bar (a post of the USA / Japan): the same mark as the current page */
.hd .nav>a[aria-current="true"]{text-decoration:underline;text-decoration-color:var(--pen);text-decoration-thickness:2px;text-underline-offset:6px}

/* owner 2026-10-18: Amazon buttons on the gear lists. The A2 prose-link colour (.post-page .prose a) must not
   reach them: brand name white on the dark button, no underline; hover a lighter dark (never red, which hid the text) */
.post-page .prose .il-buy a{color:#fff;text-decoration:none}
.post-page .prose .il-buy a:hover{background:var(--ink-2)}
.post-page .prose .il-buy a .il-brand{color:#fff}
/* owner 2026-10-18: each product group shows its first products and ONE button "להציג עוד N מוצרים" that opens the rest
   of the group and its pink "עוד ..." panel together (script in PostV5, gear posts only). Every product stays in the HTML
   (indexed, affiliate links intact); without JS everything is open. */
.prose .il-list.il-folded>.il-item:nth-of-type(n+4){display:none}
.prose section.il-more.il-hidden{display:none}
.prose .il-fold{display:flex;align-items:center;justify-content:center;gap:var(--s3);min-height:44px;margin:var(--s2) auto var(--s7);padding:0 var(--s5);border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:600 var(--fs-ui)/1 var(--ui);cursor:pointer}
.prose .il-fold:hover{background:var(--surface)}
.prose .il-fold:focus-visible{outline:3px solid var(--pen-2);outline-offset:3px}
.prose .il-fold::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.prose .il-fold[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
@media (prefers-reduced-motion:no-preference){.prose .il-fold::after{transition:transform .15s ease-out}}

/* owner 2026-10-18: the Israel gear post gets its own prominent box at the end of every post (before previous/next),
   no longer a tile inside "עוד מ..." */
.a-gearbox{margin:0 0 var(--s7)}
.a-gearbox a{display:flex;align-items:center;gap:var(--s4);padding:var(--s4);background:#FFF4C7;border-radius:var(--rad);color:var(--ink);text-decoration:none}
.a-gearbox-ph{flex:none;width:160px;aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:var(--surface)}
.a-gearbox-ph img{display:block;width:100%;height:100%;object-fit:cover}
.a-gearbox-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s1)}
.a-gearbox-k{font:700 var(--fs-meta)/1.4 var(--ui);color:var(--ink)}
.a-gearbox-b b{font:700 21px/1.35 var(--ui);color:var(--ink)}
.a-gearbox .a-arr{flex:none;font:700 22px/1 var(--ui);color:var(--ink)}
.a-gearbox a:hover b,.a-gearbox a:hover .a-arr{color:var(--pen-2)}
.a-gearbox a:focus-visible{outline:3px solid var(--pen-2);outline-offset:3px}
@media (max-width:700px){.a-gearbox a{gap:var(--s3);padding:var(--s3)}.a-gearbox-ph{width:88px}.a-gearbox-b b{font-size:15px;line-height:1.4}.a-gearbox .a-arr{font-size:18px}}

/* owner 2026-10-18: in photo groups a caption under one photo pushed its column lower than the others; the caption now
   sits on the photo's bottom edge (text kept, same group layout as today), so every photo in the group ends level */
.prose .wp-block-gallery>figure{position:relative}
.prose .wp-block-gallery>figure>figcaption{position:absolute;inset-inline:0;bottom:0;margin:0;padding:28px 12px 8px;background:linear-gradient(to bottom,rgba(20,18,16,0),rgba(20,18,16,.72));color:#fff;font:500 var(--fs-meta)/1.4 var(--ui);text-align:start;border-end-start-radius:inherit;border-end-end-radius:inherit;pointer-events:none}
/* owner 2026-10-18: uPress logo level with "האתר מאוחסן בחסות:" (the cloud above the letters made it look high) */
.ft-host img{transform:translateY(-2px)}
/* owner 2026-10-18: about page disclosure ("לתשומת לבכם...") as plain text, no box behind it */
.elementor-element-91ddc1d .elementor-text-editor p{background:none;border:0;border-radius:0;padding:0;font-size:inherit;line-height:inherit;color:inherit}
/* owner 2026-10-18: the footer logo links to the home page */
.ft-site .ft-home{display:inline-block;min-height:44px;text-decoration:none}
.ft-site .ft-home:focus-visible{outline:3px solid var(--marker);outline-offset:4px;border-radius:6px}