/* Stylesheet for the generated "פתוח בשבת" SEO pages (ADR 0019, tools/gen_seo.js).
   The .nrow / .cat-ico / .pop-pill rules are copied verbatim from landing/index.html
   so the place cards look identical to the live results list; the rest is page
   layout for the static pages. */

:root {
  --violet: #8b5cf6;
  --pink: #ec4899;
  --ink: #241b33;
  --slate: #5b5470;
  --muted: #7c7391;
  --bg: #faf7ff;
  --card: #ffffff;
  --line: #ece6fb;
  --shadow-sm: 0 1px 3px rgba(36, 27, 51, .06);
}

* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg);
  font-family: "Heebo", -apple-system, "Segoe UI", Arial, sans-serif;
  color: var(--ink); line-height: 1.6;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 0 16px 48px; }

.topbar { background: linear-gradient(90deg, var(--violet), var(--pink)); }
.topbar .wrap { padding: 12px 16px; }
.topbar a.brand { color: #fff; font-weight: 800; text-decoration: none; font-size: 1.05rem; }
.topbar a.brand span { font-weight: 500; opacity: .9; }

nav.crumbs { font-size: .85rem; color: var(--muted); margin: 16px 0 4px; }
nav.crumbs a { color: var(--violet); text-decoration: none; }
nav.crumbs a:hover { text-decoration: underline; }

h1 { font-size: 1.55rem; margin: 6px 0 8px; }
.intro { color: var(--slate); margin: 0 0 6px; }
.count { color: var(--muted); font-size: .9rem; margin: 0 0 18px; font-weight: 600; }

.nlist { display: flex; flex-direction: column; gap: 9px; }
.grp { font-size: 1.05rem; margin: 22px 0 9px; display: flex; align-items: baseline; gap: 7px; }
.grp .grp-n { color: var(--muted); font-size: .85rem; font-weight: 600; }
.hub-index { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 9px; }
.hub-card { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; box-shadow: var(--shadow-sm); text-decoration: none; color: var(--ink); font-weight: 700; }
.hub-card:hover { border-color: var(--violet); }
.hub-card b { color: var(--violet); font-weight: 800; }

/* --- copied verbatim from landing/index.html (keep in sync via card fidelity) --- */
.nrow { display: flex; align-items: center; gap: 11px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 11px 14px; box-shadow: var(--shadow-sm); }
.nrow .body { min-width: 0; flex: 1; }
.nrow .nm { font-weight: 700; overflow-wrap: anywhere; }
.nrow .nm .city { font-weight: 500; color: var(--muted); font-size: .9em; }
.nrow .meta { font-size: .82rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nrow .nrow-status { margin-top: 4px; }
.nrow a.go { color: var(--violet); font-weight: 700; font-size: .82rem; white-space: nowrap; flex: 0 0 auto; }
.nrow a.waze { color: #33ccff; font-weight: 700; font-size: .82rem; white-space: nowrap; flex: 0 0 auto; }
.cat-ico { width: 1.05em; height: 1.05em; display: inline-block; vertical-align: -.17em; }
.cat-ico-wrap { display: inline-flex; vertical-align: -.17em; }
.pop-pill { display:inline-block; background:#fff5e6; border:1px solid #ffd591; color:#c05600; font-weight:700; border-radius:999px; padding:1px 9px; font-size:.8rem; }
.pop-pill-open { background:#e7f6ec; border-color:#a6dcb8; color:#1a7f37; }
.pop-pill-closed { background:#fde8e8; border-color:#f5b5b5; color:#b42318; }
/* --- end copied block --- */

.cta { margin: 22px 0 0; }
.cta a { display: inline-block; color: var(--violet); font-weight: 700; text-decoration: none; }
.cta a:hover { text-decoration: underline; }

footer { border-top: 1px solid var(--line); margin-top: 34px; padding-top: 16px; font-size: .8rem; color: var(--muted); }
footer p { margin: 0 0 8px; }
footer .caveat { color: var(--slate); }
footer a { color: var(--violet); }
footer nav.hub { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 6px 14px; }
footer nav.hub a { text-decoration: none; }
footer nav.hub a:hover { text-decoration: underline; }