/* «מקומות לאירועים» block on city pages and the venues.html hub — uses the tokens from style.css */
.venues{scroll-margin-top:84px;}
.venues h3{scroll-margin-top:84px;margin-top:34px;}
.venue-jump{margin:16px 0 4px;}
.venue-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 18px;}
/* phones: one swipeable row per group, the next card peeks in so the row reads as scrollable */
@media (max-width:639px){
  .venue-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:-20px;padding:2px 20px 10px;scroll-padding-inline:20px;scrollbar-width:thin;}
  .venue{scroll-snap-align:start;}
  .venue:hover{transform:none;}
}
@media (max-width:639px){
  .venue-fit .pills{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 8px;scrollbar-width:none;}
  .venue-fit .pills::-webkit-scrollbar{display:none;}
  .venue-fit .pills a{flex:none;}
}
.venue-swipe{display:none;font-size:13.5px;color:var(--text-3);margin:4px 0 0;}
@media (max-width:639px){.venue-swipe{display:block;}}
@media (min-width:640px){.venue-grid{grid-template-columns:1fr 1fr;}}
@media (min-width:980px){.venue-grid{grid-template-columns:repeat(3,1fr);}}
.venue{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 8px;transition:border-color .2s ease, transform .2s ease;}
.venue:hover{border-color:var(--pink);transform:translateY(-2px);}
.venue-kind{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--gold);letter-spacing:.02em;margin-bottom:6px;}
.venue h4{font-size:18px;font-weight:800;line-height:1.3;margin:0 0 6px;color:var(--text);}
.venue-meta{font-size:14.5px;color:var(--text-3);margin:0 0 6px;}
.venue-note{font-size:15.5px;color:var(--text-2);margin:0 0 6px;flex:1;}
.venue-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:auto;}
.venue-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:700;color:var(--pink-soft);}
.venue-links a:hover{color:var(--gold);}
.venue-fit{background:rgba(255,255,255,.03);border:1px dashed var(--line);border-radius:16px;padding:14px 16px 2px;margin:0 0 10px;}
.venue-fit p{margin:0;color:var(--text-2);font-size:15.5px;}
.venue-fit .pills{margin:12px 0;}
.venue-cta{margin:30px 0 14px;padding:24px 22px;border-radius:22px;background:linear-gradient(135deg, var(--card), var(--card-2));border:1px solid var(--line);box-shadow:var(--shadow-1);}
.venue-cta h3{margin:0 0 8px;}
.venue-cta p{margin:0;color:var(--text-2);}
.venue-cta .hero-actions{margin-top:18px;}
.venues .note a{color:var(--pink-soft);font-weight:700;}
/* inline links on pages that load this file read as links, not as plain text */
main .wrap > p a:not(.btn), main .wrap > ul li a, .table-wrap td a, .faq p a{color:var(--pink-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
main .wrap > p a:not(.btn):hover, main .wrap > ul li a:hover, .table-wrap td a:hover, .faq p a:hover{color:var(--gold);}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.table-wrap table{min-width:560px;}