/* ConnectHere, the Tel Aviv theme ("kikar", Hebrew for square): DIZENGOFF SQUARE. Loaded after inca.css on Tel Aviv pages only.
   Built from photographs of the city (23.10.2026), after Henry turned down two abstract looks ("it has nothing to do with Tel Aviv"): the page
   is made of the three things anyone in Gush Dan knows at a glance.
   1. The blue enamel street sign (royal blue plate, white rounded inner frame, white letters): every section title is one, the header is a big
      one, the icons are the small blue house-number plates. At night the signs turn into the white light boxes of the main streets.
   2. Agam's "Fire and Water" fountain in Dizengoff Square: rings of vertical coloured slats with white ones between. Its slats are the band
      under the header, the Firgun block and the colours of the days on the events board: the city's own rainbow, the touch of pride and freedom.
   3. The white houses: clean white panels with soft round corners and the hard shadow of the Mediterranean sun, on a sun-warmed pavement.
   The picture is a drawing of the square (/img/kikar-square-1.svg, scripts/make_kikar_svg.py): the round white house, the fountain, palms,
   a ficus, bougainvillea, the towers of Gush Dan behind (Ramat Gan's too), the sign "Dizengoff Sq." on its pole.
   Type: Rubik (bold, like the letters on the signs) and Outfit for Latin headlines; no new font. Every selector hangs on html[data-theme="kikar"].
   Body text is >= 7:1 on its panel (day and night). */

/* ================================================================ tokens */
html[data-theme="kikar"] {
  /* the pavement and the white houses, day */
  --pave: #efebe2; --plaster: #fbfaf6; --ivory: #ffffff;
  --t1: #ffffff; --t2: #fff6e3; --t3: #fbfaf6; --t4: #eef4fa; --t5: #f2f7ec;
  /* the sign, and the fountain's slats */
  --sign: #1f4fb4; --sign-d: #183f92; --sign-h: #2a5cc6;
  --a-red: #e8432f; --a-orange: #f39322; --a-yellow: #f7cb2d; --a-green: #6db94a; --a-cyan: #36a9e1; --a-blue: #2350b8; --a-violet: #7c4dbd; --a-pink: #e04b8e; --a-white: #f7f4ec;
  /* deeper slat colours for panels that carry white text (>= 4.5:1 for the big date numbers, >= 7:1 is kept for text by --ink) */
  --d-red: #b8301f; --d-green: #2f6f34; --d-violet: #5b3596; --d-pink: #a8285f; --d-blue: #1f4fb4;
  --palm: #2f7d3a; --bougain: #c81d7a;
  --ink: #1d2433; --mute: #2b3346; --em: var(--sign); --focus: var(--ink); --line: var(--ink);
  /* the inca machinery off: no tilt, no ring, no slant, no joint */
  --J: 0px; --ring: 0px; --Sx: 0px; --jt: 0px;
  --py: 24px; --padx: 22px; --curve: 34px; --gx: 8px; --gy: 8px;
  --face: var(--t1);
  --sun: var(--a-yellow); --accent: var(--sign); --teal: var(--sign); --deep: var(--sign-d); --wa: #0f7a43; --wa-hover: #0b6638;
  --lulu: #0d5058; --display: "Outfit", "Rubik", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  /* the fountain: vertical slats, colour, colour, white */
  --agam: repeating-linear-gradient(90deg,
    var(--a-red) 0 16px, var(--a-white) 16px 20px, var(--a-orange) 20px 36px, var(--a-yellow) 36px 52px, var(--a-white) 52px 56px,
    var(--a-green) 56px 72px, var(--a-cyan) 72px 88px, var(--a-white) 88px 92px, var(--a-blue) 92px 108px, var(--a-violet) 108px 124px,
    var(--a-white) 124px 128px, var(--a-pink) 128px 144px);
  /* the hard Mediterranean shadow under a white panel, and its edge */
  --card-shadow: 5px 6px 0 rgba(120, 104, 74, .2), 0 10px 22px -14px rgba(60, 50, 30, .45);
  --rimc: rgba(29, 36, 51, .1);
  --seam: rgba(29, 36, 51, .22);
  --scene: url(/img/kikar-square-1.svg);
  /* the sign plate: blue, a white rounded frame inside it, a lip of shadow */
  --plate: inset 0 0 0 3px var(--sign), inset 0 0 0 5.5px #fff, 0 3px 0 rgba(17, 36, 82, .3);
  /* painted boards (buttons) and the paper of the menus */
  --btn-bg: var(--sign); --btn-ink: #fff; --btn-h: var(--sign-h); --btn-shadow: rgba(17, 36, 82, .35);
  --chip-bg: #fff; --paper: #ffffff; --label-bg: rgba(31, 79, 180, .08);
  --pop: 0 14px 26px -12px rgba(30, 40, 70, .45);
  scrollbar-color: #9aa6bf #efebe2;
}
@media (min-width: 900px) { html[data-theme="kikar"] { --py: 30px; --padx: 34px; --curve: 48px; --gx: 11px; --gy: 11px; } }

/* the pavement of the square: light stone slabs, one hairline joint */
html[data-theme="kikar"], html[data-theme="kikar"] body {
  background:
    linear-gradient(90deg, rgba(150, 136, 110, .13) 1px, transparent 1px) 0 0 / 96px 96px,
    linear-gradient(0deg, rgba(150, 136, 110, .13) 1px, transparent 1px) 0 0 / 96px 48px,
    var(--pave);
}
html[data-theme="kikar"] ::selection { background: var(--a-yellow); color: var(--ink); }
html[data-theme="kikar"] .wall { overflow-x: clip; background: inherit; }

/* ================================================================ the panels (stones): white houses with one round corner and a hard sun shadow */
html[data-theme="kikar"] .stone,
html[data-theme="kikar"] .stone::before,
html[data-theme="kikar"] .stone.free::after { clip-path: none; }
html[data-theme="kikar"] .stone { background: none; --pt: calc(var(--py) + var(--gy)); --pb: calc(var(--py) + var(--gy)); }
html[data-theme="kikar"] .course > .stone { --lpad: 0px; --rpad: 0px; }
html[data-theme="kikar"] .wall > main { margin-top: 0; }
html[data-theme="kikar"] .wall > main > .course + .course, html[data-theme="kikar"] .wall > footer.course, html[data-theme="kikar"] .course > .stone + .stone { margin-top: 0; }
html[data-theme="kikar"] .stone::before {
  inset: var(--gy) var(--gx); filter: none;
  border-radius: 14px; border-start-end-radius: var(--curve);
  background: var(--face);
  box-shadow: var(--card-shadow), inset 0 0 0 1.5px var(--rimc);
}
html[data-theme="kikar"] .stone { --face: var(--t1); }
html[data-theme="kikar"] .t1 { --face: var(--t1); }
html[data-theme="kikar"] .t2 { --face: var(--t2); }
html[data-theme="kikar"] .t3 { --face: var(--t3); }
html[data-theme="kikar"] .t4 { --face: var(--t4); }
html[data-theme="kikar"] .t5 { --face: var(--t5); }
html[data-theme="kikar"] .stone.terr { --face: var(--t2); }
html[data-theme="kikar"] .nl { --face: var(--t4); }
/* dark panels: sign blue, the deep blue of the pool, the bottle green of WhatsApp */
html[data-theme="kikar"] .stone.wa, html[data-theme="kikar"] .stone.blue, html[data-theme="kikar"] .stone.teal, html[data-theme="kikar"] .stone.deep,
html[data-theme="kikar"] .hi-strip {
  --ink: #fff; --mute: #f1f4fb; --em: var(--a-yellow); --focus: #fff; --line: #fff; --rimc: rgba(255, 255, 255, .22);
}
html[data-theme="kikar"] .stone.wa { --face: #0f5e36; }
html[data-theme="kikar"] .stone.teal, html[data-theme="kikar"] .stone.blue { --face: var(--sign); }
/* a blue panel is a sign: the white frame runs inside its edge */
html[data-theme="kikar"] .stone.teal::before, html[data-theme="kikar"] .stone.blue::before, html[data-theme="kikar"] .stone.wa::before {
  box-shadow: var(--card-shadow), inset 0 0 0 6px var(--face), inset 0 0 0 9px rgba(255, 255, 255, .9);
}
html[data-theme="kikar"] .stone.deep { --face: var(--sign-d); }
/* the sun: the fountain's yellow slat */
html[data-theme="kikar"] .stone.sun, html[data-theme="kikar"] .partner-cta {
  --face: var(--a-yellow); --ink: #1d2433; --mute: #1d2433; --em: #1d2433; --focus: #1d2433;
}
/* "Today in Tel Aviv": the warm white of a house in the afternoon sun, the fountain's slats along its foot (inca paints this panel dark, so the ink is set again) */
html[data-theme="kikar"] .todayc > .stone:first-child { --face: var(--t2); --ink: #1d2433; --mute: #2b3346; --em: var(--sign); --focus: #1d2433; color: var(--ink); }
html[data-theme="kikar"] .todayc > .stone:first-child::before { background: var(--agam) 0 100% / 144px 10px repeat-x, var(--face); }
html[data-theme="kikar"] .todayc > .stone:last-child { --face: var(--t1); }
html[data-theme="kikar"] a.stone:hover::before { filter: brightness(1.03); box-shadow: 7px 8px 0 rgba(120, 104, 74, .24), 0 12px 24px -14px rgba(60, 50, 30, .5), inset 0 0 0 1.5px var(--rimc); }
html[data-theme="kikar"] a.stone.teal:hover::before, html[data-theme="kikar"] a.stone.blue:hover::before { box-shadow: 7px 8px 0 rgba(120, 104, 74, .24), inset 0 0 0 6px var(--face), inset 0 0 0 9px #fff; }
html[data-theme="kikar"] a.stone:focus-visible { background: none; outline: 3px solid var(--focus); outline-offset: -14px; }
html[data-theme="kikar"] a.stone:focus-visible > .c { outline: none; }
html[data-theme="kikar"] .hi-strip { background: var(--sign) !important; color: #fff !important; }

/* ================================================================ the header: one long street sign, with the fountain's slats under it */
html[data-theme="kikar"] .wall > header.course { z-index: 6; }
html[data-theme="kikar"] .wall > header.course > .stone { --pt: 14px; --pb: 30px; --ink: #fff; --mute: #fff; --em: var(--a-yellow); --focus: #fff; color: var(--ink); }
html[data-theme="kikar"] .stone.free::before {
  inset: 0; border-radius: 0;
  background:
    var(--agam) 0 100% / 100% 12px no-repeat,
    linear-gradient(var(--sign), var(--sign)) 0 0 / 100% calc(100% - 12px) no-repeat;
  box-shadow: 0 4px 0 rgba(17, 36, 82, .18);
}
/* the white frame of the sign, inside the blue */
html[data-theme="kikar"] .stone.free::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none; display: block; inset: 7px 7px 19px; width: auto; height: auto;
  border: 2.5px solid rgba(255, 255, 255, .92); border-radius: 12px; background: none;
}
html[data-theme="kikar"] .hdr .c { padding-inline: 20px; row-gap: 8px; }
@media (min-width: 900px) { html[data-theme="kikar"] .hdr .c { padding-inline: 36px; } html[data-theme="kikar"] .wall > header.course > .stone { --pt: 16px; --pb: 32px; } }
html[data-theme="kikar"] .bn { font: 700 27px/1 var(--display); letter-spacing: -.01em; color: #fff; }
html[data-theme="kikar"] .bn span { color: var(--a-yellow); }
html[data-theme="kikar"] .brand img { border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #fff; }
@media (min-width: 900px) { html[data-theme="kikar"] .bn { font-size: 31px; } }
@media (max-width: 420px) { html[data-theme="kikar"] .bn { font-size: 23px; } }
/* the two controls on the sign: white pills */
html[data-theme="kikar"] .ld-btn, html[data-theme="kikar"] .plb {
  clip-path: none !important; border-radius: 999px; background: #fff; color: var(--sign-d); box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
}
html[data-theme="kikar"] .ld-btn:hover, html[data-theme="kikar"] .ld.open .ld-btn, html[data-theme="kikar"] .plb:hover { background: #fff6d6; }
html[data-theme="kikar"] .ld-btn:focus-visible, html[data-theme="kikar"] .plb:focus-visible { outline: 3px solid var(--a-yellow); outline-offset: 3px; }
html[data-theme="kikar"] .plb .ico-svg:first-child { color: var(--a-red); }
/* menus and popups: white panels with one round corner */
html[data-theme="kikar"] .ld-menu, html[data-theme="kikar"] .plpop, html[data-theme="kikar"] .fab-menu {
  background: var(--paper); color: var(--ink);
  border: 0; border-radius: 12px; border-start-end-radius: 26px; box-shadow: var(--pop), 0 0 0 1.5px var(--seam);
}
html[data-theme="kikar"] .ld-i, html[data-theme="kikar"] .pli, html[data-theme="kikar"] .fab-i { color: var(--ink); border-radius: 999px; }
html[data-theme="kikar"] .ld-i:hover, html[data-theme="kikar"] .ld-i:focus-visible, html[data-theme="kikar"] .pli:hover, html[data-theme="kikar"] .pli:focus-visible,
html[data-theme="kikar"] .fab-i:hover, html[data-theme="kikar"] .fab-i:focus-visible, html[data-theme="kikar"] .fab-save:hover { background: var(--sign); color: #fff; }
html[data-theme="kikar"] .pli[aria-current], html[data-theme="kikar"] .ld-i[aria-checked="true"], html[data-theme="kikar"] .pli .ico-svg { color: var(--sign); }
html[data-theme="kikar"] .pli:hover .ico-svg, html[data-theme="kikar"] .pli:focus-visible .ico-svg { color: #fff; }
html[data-theme="kikar"] .fab-intro, html[data-theme="kikar"] .fab-save, html[data-theme="kikar"] .plall { color: var(--ink); }
html[data-theme="kikar"]:not(.js) .ld-menu { background: var(--sign-d); }
html[data-theme="kikar"]:not(.js) .ld-i { color: #fff; }
html[data-theme="kikar"]:not(.js) .ld-i[aria-current] { background: #fff; color: var(--sign-d); }

/* ================================================================ the picture: Dizengoff Square, drawn (SVG) */
html[data-theme="kikar"] .stone.photo { --face: #cfe6f6; }
html[data-theme="kikar"] .stone.photo::before { background: var(--ph) var(--phpos, 50% 50%) / var(--phsize, cover) no-repeat, var(--face); }
html[data-theme="kikar"] .photo-valley { --ph: var(--scene); --phpos: 50% 64%; --phsize: cover; }
html[data-theme="kikar"] .photo-textile { --ph: var(--scene); --phpos: 50% 80%; --phsize: auto 150%; }
html[data-theme="kikar"] .photo-plaza { --ph: var(--scene); --phpos: 82% 58%; --phsize: auto 170%; }
@media (max-width: 899.98px) { html[data-theme="kikar"] .hero-course .photo-valley { min-height: 210px; } html[data-theme="kikar"] .photo-textile { min-height: 200px; } }

/* ================================================================ type: bold, plain, like the letters on the signs */
html[data-theme="kikar"] h1, html[data-theme="kikar"] h2, html[data-theme="kikar"] .dnum, html[data-theme="kikar"] .dname, html[data-theme="kikar"] .aw {
  font-family: var(--display); font-weight: 700; text-transform: none;
}
html[data-theme="kikar"] h1 { font-size: clamp(38px, 10.8vw, 54px); line-height: 1.02; letter-spacing: -.035em; }
html[data-theme="kikar"] h2 { font-size: clamp(25px, 6.8vw, 32px); line-height: 1.12; letter-spacing: -.02em; }
html[data-theme="kikar"] h3 { font-family: var(--sans); font-weight: 700; letter-spacing: 0; }
@media (min-width: 900px) {
  html[data-theme="kikar"] h1 { font-size: clamp(52px, 4.9vw, 84px); line-height: 1; }
  html[data-theme="kikar"] h2 { font-size: clamp(30px, 2.4vw, 40px); }
}
html[data-theme="kikar"] h1 em { color: var(--em); }
/* every section title is a street sign: the blue enamel plate with its white frame */
html[data-theme="kikar"] main h2 {
  display: inline-block; width: fit-content; max-width: 100%; align-self: flex-start; justify-self: start; padding: .26em .62em .3em; border-radius: 12px;
  background: var(--sign); color: #fff; box-shadow: var(--plate); text-wrap: balance;
}
/* on a blue or dark panel the sign is lit from inside: white plate, blue letters */
html[data-theme="kikar"] main .stone.wa h2, html[data-theme="kikar"] main .stone.teal h2, html[data-theme="kikar"] main .stone.blue h2, html[data-theme="kikar"] main .stone.deep h2, html[data-theme="kikar"] main .evhead h2 {
  background: #fff; color: var(--sign-d); box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 5.5px var(--sign), 0 3px 0 rgba(0, 0, 0, .25);
}
html[data-theme="kikar"] .eyebrow-date { font: 600 15px/1.3 var(--display); letter-spacing: .1em; color: var(--ink); margin-top: 10px; }
html[data-theme="kikar"] .lead { font-size: 19px; font-weight: 450; }
html[data-theme="kikar"] .fine { max-width: 62ch; }
@media (max-width: 899.98px) { html[data-theme="kikar"] .lead { font-size: 18px; } }
html[data-theme="kikar"][lang="he"] h1, html[data-theme="kikar"][lang="he"] h2, html[data-theme="kikar"][lang="he"] .dname, html[data-theme="kikar"][lang="he"] .aw { font-family: "Rubik", var(--display); font-weight: 700; line-height: 1.14; letter-spacing: 0; }
html[data-theme="kikar"][lang="he"] .eyebrow-date { letter-spacing: 0; }
html[data-theme="kikar"] .hero { --face: var(--t1); }
/* the hero carries a strip of the fountain's slats along its top, like the band at the foot of the header */
html[data-theme="kikar"] .hero::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none; clip-path: none;
  inset: var(--gy) var(--gx) auto; height: 10px; border-radius: 14px 14px 0 0; border-start-end-radius: var(--curve);
  background: var(--agam); -webkit-mask: linear-gradient(#000 0 10px, transparent 10px); mask: linear-gradient(#000 0 10px, transparent 10px);
}
html[data-theme="kikar"] .hero > .c { padding-top: 10px; }

/* the page title of /events is a big sign (inca gives it white lettering) */
html[data-theme="kikar"] .evhead { --face: var(--sign); --ink: #fff; --mute: #fff; --em: var(--a-yellow); --focus: #fff; }
html[data-theme="kikar"] .evhead::before { background: var(--face); box-shadow: var(--card-shadow), inset 0 0 0 6px var(--face), inset 0 0 0 9px rgba(255, 255, 255, .9); }
html[data-theme="kikar"] .evhead .sub, html[data-theme="kikar"] .evhead .fcount { color: #fff; }
html[data-theme="kikar"] .evhead .linkbtn, html[data-theme="kikar"] .evhead .plain-link { color: var(--a-yellow); }
/* inca's stair notch on phones is a cut in a joint that does not exist here */
html[data-theme="kikar"] .todayc > .stone:first-child::after, html[data-theme="kikar"] .steps-head::after, html[data-theme="kikar"] .evhead::after { content: none; }
/* Lulu's quiet doors keep her own teal */
html[data-theme="kikar"] .doors .door.quiet, html[data-theme="kikar"] #tail .door.quiet { --face: var(--lulu); --ink: #fff; --mute: #f1f6f6; --em: var(--a-yellow); --focus: #fff; --rimc: rgba(255, 255, 255, .22); }
html[data-theme="kikar"] .doors .door.quiet::before, html[data-theme="kikar"] #tail .door.quiet::before { box-shadow: var(--card-shadow), inset 0 0 0 6px var(--face), inset 0 0 0 9px rgba(255, 255, 255, .85); }
html[data-theme="kikar"] .doors .door.quiet .niche, html[data-theme="kikar"] #tail .door.quiet .niche { background: #fff; color: var(--lulu); box-shadow: inset 0 0 0 2.5px #fff, inset 0 0 0 4.5px var(--lulu), 0 2px 0 rgba(0, 0, 0, .25); }
html[data-theme="kikar"] .card.quiet .cgo { background: #fff; color: var(--lulu); box-shadow: none; }

/* ================================================================ parts: pills, house-number plates */
html[data-theme="kikar"] .btn, html[data-theme="kikar"] .nl-submit, html[data-theme="kikar"] .fbtn, html[data-theme="kikar"] .gjoin {
  --bb: var(--btn-bg); --bc: var(--btn-ink);
  clip-path: none !important; border: 0; border-radius: 999px; background: var(--bb); color: var(--bc); filter: none; text-transform: none;
  box-shadow: 0 3px 0 var(--btn-shadow);
  transition: transform .12s ease-out, box-shadow .12s ease-out, background-color .12s ease-out;
}
html[data-theme="kikar"] .btn, html[data-theme="kikar"] .nl-submit { font: 700 17px/1.2 var(--sans); }
html[data-theme="kikar"] .btn:hover, html[data-theme="kikar"] .nl-submit:hover { --bb: var(--btn-h); filter: none; }
html[data-theme="kikar"] .btn:active, html[data-theme="kikar"] .nl-submit:active, html[data-theme="kikar"] .fbtn:active, html[data-theme="kikar"] .gjoin:active { transform: translateY(2px); box-shadow: 0 1px 0 var(--btn-shadow); }
html[data-theme="kikar"] .btn:focus-visible, html[data-theme="kikar"] .nl-submit:focus-visible, html[data-theme="kikar"] .fbtn:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; box-shadow: 0 3px 0 var(--btn-shadow); }
html[data-theme="kikar"] .btn-sun, html[data-theme="kikar"] .fbtn { --bb: var(--a-yellow); --bc: var(--ink); --btn-shadow: rgba(120, 90, 0, .35); }
html[data-theme="kikar"] .btn-sun:hover, html[data-theme="kikar"] .fbtn:hover { --bb: #f9d757; }
html[data-theme="kikar"] .gjoin { --bb: #25d366; --bc: #062d16; }
html[data-theme="kikar"] .gjoin:hover { --bb: #1fbd5b; }
html[data-theme="kikar"] .stone.teal .btn:not(.btn-line), html[data-theme="kikar"] .stone.blue .btn:not(.btn-line), html[data-theme="kikar"] .stone.deep .btn:not(.btn-line), html[data-theme="kikar"] .stone.wa .btn:not(.btn-line) { --bb: #fff; --bc: var(--sign-d); }
html[data-theme="kikar"] .partner-cta .btn:not(.btn-line) { --bb: var(--ink); --bc: #fff; }
html[data-theme="kikar"] .partner-cta .btn:not(.btn-line):hover { --bb: #2e3850; }
html[data-theme="kikar"] .btn-line, html[data-theme="kikar"] .btn-line:hover, html[data-theme="kikar"] .btn-line:active { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 2.5px currentColor; }
html[data-theme="kikar"] .btn-line:hover { background: color-mix(in srgb, var(--ink) 10%, transparent); }
html[data-theme="kikar"] .cgo, html[data-theme="kikar"] .ev .evgo, html[data-theme="kikar"] .chip, html[data-theme="kikar"] .kt,
html[data-theme="kikar"] .dir .card .go, html[data-theme="kikar"] .seg { clip-path: none !important; }
html[data-theme="kikar"] .cgo, html[data-theme="kikar"] .card.quiet .cgo, html[data-theme="kikar"] .card.grpcard .cgo { background: var(--sign); color: #fff; border-radius: 999px; padding-inline: 15px 11px; font-weight: 700; }
html[data-theme="kikar"] .stone.teal .cgo, html[data-theme="kikar"] .stone.blue .cgo, html[data-theme="kikar"] .stone.deep .cgo, html[data-theme="kikar"] .stone.wa .cgo, html[data-theme="kikar"] .stone.sun .cgo { background: var(--ink); color: #fff; }
html[data-theme="kikar"] .stone.teal .cgo, html[data-theme="kikar"] .stone.blue .cgo, html[data-theme="kikar"] .stone.deep .cgo { background: #fff; color: var(--sign-d); }
html[data-theme="kikar"] .card.grpcard .cgo { background: #25d366; color: #062d16; }
/* the icon: a blue house-number plate with its white frame */
html[data-theme="kikar"] .niche {
  clip-path: none; padding-top: 0; border-radius: 12px; color: #fff; background: var(--sign);
  box-shadow: inset 0 0 0 2.5px var(--sign), inset 0 0 0 4.5px #fff, 0 3px 0 rgba(17, 36, 82, .3);
}
html[data-theme="kikar"] .stone.teal .niche, html[data-theme="kikar"] .stone.blue .niche, html[data-theme="kikar"] .stone.deep .niche, html[data-theme="kikar"] .stone.wa .niche {
  background: #fff; color: var(--sign-d); box-shadow: inset 0 0 0 2.5px #fff, inset 0 0 0 4.5px var(--sign), 0 3px 0 rgba(0, 0, 0, .25);
}
html[data-theme="kikar"] .stone.wa .niche { color: #0f5e36; box-shadow: inset 0 0 0 2.5px #fff, inset 0 0 0 4.5px #0f5e36, 0 3px 0 rgba(0, 0, 0, .25); }
html[data-theme="kikar"] .stone.sun .niche, html[data-theme="kikar"] .partner-cta .niche { background: var(--ink); box-shadow: inset 0 0 0 2.5px var(--ink), inset 0 0 0 4.5px var(--a-yellow), 0 3px 0 rgba(0, 0, 0, .25); }
html[data-theme="kikar"] .card.grpcard .niche { background: #fff; color: #0f7a43; box-shadow: inset 0 0 0 2.5px #fff, inset 0 0 0 4.5px #0f7a43; }
html[data-theme="kikar"] .step .n { clip-path: none; border-radius: 10px; background: var(--sign); color: #fff; font-family: var(--display); box-shadow: inset 0 0 0 2px var(--sign), inset 0 0 0 3.5px #fff; }
html[data-theme="kikar"] .tx b { font-weight: 700; text-wrap: balance; }
html[data-theme="kikar"] .go { border-radius: 50%; }

/* ================================================================ Firgun: a ring of Agam's slats, the word on a white plate in front of it */
html[data-theme="kikar"] .ayni-course { padding-block: 10px 6px; }
html[data-theme="kikar"] .ayni-course > .stone { --pt: 44px; --pb: 48px; --face: #fff; --ink: #1d2433; --mute: #1d2433; --em: var(--sign); --focus: #1d2433; }
html[data-theme="kikar"] .ayni-course > .stone::before {
  border-radius: 22px; background: var(--agam) 0 0 / 144px 100%, var(--a-white);
  box-shadow: var(--card-shadow);
}
/* the light falls on the round ring: brighter in the middle, darker at both ends */
html[data-theme="kikar"] .ayni-course > .stone::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none; display: block; clip-path: none; width: auto; height: auto;
  inset: calc(var(--gy) + 22px) calc(var(--gx) + 22px); border-radius: 16px; border-start-end-radius: 34px;
  background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, .55), 4px 5px 0 rgba(29, 36, 51, .2);
}
html[data-theme="kikar"] .ayni-course .c { padding-inline: calc(var(--padx) + 34px); padding-block: 22px; }
html[data-theme="kikar"] .aw { font-size: clamp(54px, 15vw, 84px); line-height: 1; letter-spacing: -.04em; color: var(--sign); }
html[data-theme="kikar"][lang="he"] .aw, html[data-theme="kikar"] .aw[lang="he"] { letter-spacing: 0; font-family: "Rubik", var(--display); }
html[data-theme="kikar"] .ayni span { color: var(--ink); font-weight: 500; font-size: 17px; max-width: 46em; }
@media (min-width: 900px) { html[data-theme="kikar"] .ayni { flex-direction: row; align-items: center; gap: 44px; } html[data-theme="kikar"] .aw { font-size: clamp(76px, 6.4vw, 108px); } html[data-theme="kikar"] .ayni-course .c { padding-inline: calc(var(--padx) + 48px); } }
@media (max-width: 899.98px) { html[data-theme="kikar"] .ayni-course > .stone::after { inset: calc(var(--gy) + 14px) calc(var(--gx) + 14px); } html[data-theme="kikar"] .ayni-course .c { padding-inline: calc(var(--padx) + 20px); } }

/* ================================================================ the footer: the pavement; the emblem is a slice of the fountain */
html[data-theme="kikar"] .ft .stone { --py: 22px; }
html[data-theme="kikar"] .ft .t3 { --face: var(--t3); }
html[data-theme="kikar"] .ft .t5 { --face: var(--t4); }
html[data-theme="kikar"] .ft .emblem { --face: var(--sign); --ink: #fff; --mute: #fff; --em: var(--a-yellow); --focus: #fff; }
html[data-theme="kikar"] .ft .emblem::before { box-shadow: var(--card-shadow), inset 0 0 0 6px var(--face), inset 0 0 0 9px rgba(255, 255, 255, .9); }
html[data-theme="kikar"] .ft .emblem .chakana { width: 54px; height: 54px; flex: none; fill: none; border-radius: 50%; border: 3px solid #fff; background: var(--agam) 0 0 / 144px 100%; }
html[data-theme="kikar"] .ft .emblem .chakana path { display: none; }
html[data-theme="kikar"] .ft .safe .ico-svg { color: #8ee0a7; }
html[data-theme="kikar"] .wall > footer.course > .stone:last-child { --pb: 22px; }
html[data-theme="kikar"] body.has-fab .wall > footer.course > .stone:last-child { --pb: calc(22px + 70px + env(safe-area-inset-bottom, 0px)); }

/* ================================================================ the floating Lulu button: a small sign */
html[data-theme="kikar"] .fab, html[data-theme="kikar"][dir="rtl"] .fab { clip-path: none; border-radius: 16px; background: var(--sign); box-shadow: inset 0 0 0 3px var(--sign), inset 0 0 0 5px #fff; padding-inline-end: 22px; }
html[data-theme="kikar"] .fab:hover { background: var(--sign-h); box-shadow: inset 0 0 0 3px var(--sign-h), inset 0 0 0 5px #fff; }
html[data-theme="kikar"] .fab-t small { color: #eef2fb; }
html[data-theme="kikar"] .fabw { filter: drop-shadow(3px 4px 0 rgba(17, 36, 82, .3)); }
@media (max-width: 420px) { html[data-theme="kikar"] .fab-t small { display: none; } html[data-theme="kikar"] .fab { padding-inline-end: 18px; } }

/* ================================================================ the events board */
html[data-theme="kikar"] .evs li, html[data-theme="kikar"] #tlist > ul > li { border-bottom: 1.5px dashed var(--seam); }
html[data-theme="kikar"] .evs li:last-child, html[data-theme="kikar"] #tlist > ul > li:last-child { border-bottom: 0; }
html[data-theme="kikar"] .ev .t, html[data-theme="kikar"] #tlist > ul > li .t { font: 700 19px/1.2 var(--display); font-variant-numeric: tabular-nums; color: var(--sign); }
html[data-theme="kikar"] .stone.teal .ev .t, html[data-theme="kikar"] .stone.deep .ev .t { color: #fff; }
html[data-theme="kikar"] .ev .t small { font: 500 14px/1.3 var(--sans); color: var(--mute); }
html[data-theme="kikar"] .ev .ti { font-weight: 700; }
html[data-theme="kikar"] .ev .by, html[data-theme="kikar"] .ev .vn { color: var(--mute); }
html[data-theme="kikar"] .tlist h3 { font: 600 14px/1.2 var(--display); letter-spacing: .1em; color: var(--ink); }
html[data-theme="kikar"][lang="he"] .tlist h3 { letter-spacing: 0; font-family: var(--sans); font-weight: 700; }
html[data-theme="kikar"] .tlist .grp.now h3, html[data-theme="kikar"] .tag.now { background: var(--a-red); color: #fff; border-radius: 999px; padding-inline: 10px; }
html[data-theme="kikar"] .tlist .grp.now h3 { background: #b8301f; }
html[data-theme="kikar"] .tag { border-radius: 999px; color: var(--ink); font-size: 14px; }
html[data-theme="kikar"] .tag.now { font-weight: 700; background: #b8301f; }
html[data-theme="kikar"] .tag.free { background: var(--label-bg); }
/* the thumbnail: a small panel with one round corner */
html[data-theme="kikar"] .ev .th { clip-path: none; border-radius: 8px; border-start-end-radius: 18px; background: color-mix(in srgb, var(--face) 70%, #000); box-shadow: 3px 3px 0 rgba(120, 104, 74, .22); }
html[data-theme="kikar"] .ev .evgo, html[data-theme="kikar"] a.ev:hover .evgo, html[data-theme="kikar"] a.ev:active .evgo { background: var(--sign); color: #fff; border-radius: 999px; padding-inline: 12px 8px; }
html[data-theme="kikar"] a.ev:hover { background: color-mix(in srgb, var(--sign) 5%, transparent); }
html[data-theme="kikar"] a.ev:hover .evgo-i { transform: none; }
html[data-theme="kikar"] a.ev:active { background: color-mix(in srgb, var(--sign) 10%, transparent); }
html[data-theme="kikar"] .ev[data-k] { padding-inline-start: 8px; }
html[data-theme="kikar"] .ev[data-k]::before { content: none; }
html[data-theme="kikar"] .kt { --kt-edge: 1.5px; border-radius: 999px; font-weight: 650; }
html[data-theme="kikar"] .kt:not(.kb) { font-size: 14px; }
html[data-theme="kikar"] .ev .kt, html[data-theme="kikar"] #tlist .kt, html[data-theme="kikar"] .evmain .kt { --kb: #fff; --kf: var(--ink); --ke: rgba(29, 36, 51, .45); }
html[data-theme="kikar"] .kt.kb { border-radius: 999px; box-shadow: inset 0 0 0 2px var(--kf); color: color-mix(in srgb, var(--kf) 72%, #000); }
html[data-theme="kikar"] .kt.kb:hover { box-shadow: inset 0 0 0 3px var(--kf); }
html[data-theme="kikar"] .kt.kb[aria-pressed="true"] { color: var(--kb); box-shadow: inset 0 0 0 2px var(--kf), 0 0 0 2.5px #fff; }
html[data-theme="kikar"] .kt.kb .kn { opacity: 1; font-size: 14px; }
html[data-theme="kikar"] .kt.kb:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
html[data-theme="kikar"] .town { background: var(--label-bg); border-radius: 999px; color: var(--ink); font-size: 14px; }
/* the controls */
html[data-theme="kikar"] .seg { background: #fff; padding: 3px; border-radius: 999px; box-shadow: 0 2px 0 var(--btn-shadow), inset 0 0 0 1.5px var(--seam); }
html[data-theme="kikar"] .seg button { color: var(--ink); border-radius: 999px; }
html[data-theme="kikar"] .seg button[aria-pressed="true"] { background: var(--sign); color: #fff; }
html[data-theme="kikar"] .seg button:focus-visible { outline: 3px solid var(--ink); outline-offset: -3px; }
html[data-theme="kikar"] .seg button[aria-pressed="true"]:focus-visible { outline-color: var(--a-yellow); }
html[data-theme="kikar"] .daybar .fbtn:focus-visible { outline-color: var(--ink); }
html[data-theme="kikar"] .badge { background: var(--sign); color: #fff; border-radius: 999px; }
html[data-theme="kikar"] .chip { background: var(--chip-bg); color: var(--ink); border-radius: 999px; box-shadow: inset 0 0 0 2px rgba(29, 36, 51, .45); }
html[data-theme="kikar"] .chip:hover { box-shadow: inset 0 0 0 2px var(--ink); }
html[data-theme="kikar"] .chip[aria-pressed="true"], html[data-theme="kikar"] .dayrow .chip[aria-current="true"] { background: var(--sign); color: #fff; box-shadow: none; }
html[data-theme="kikar"] .chip:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
/* a day: its label is one slat of the fountain, a new colour every day, the date number big like a house number */
html[data-theme="kikar"] .day > .stone.daylabel.daylabel { --face: var(--d-blue); --ink: #fff; --mute: #fff; --em: var(--a-yellow); --focus: #fff; }
html[data-theme="kikar"] main > .day:nth-child(6n+2) > .daylabel.daylabel { --face: var(--d-red); }
html[data-theme="kikar"] main > .day:nth-child(6n+3) > .daylabel.daylabel { --face: var(--a-yellow); --ink: #1d2433; --mute: #1d2433; --em: #1d2433; --focus: #1d2433; }
html[data-theme="kikar"] main > .day:nth-child(6n+4) > .daylabel.daylabel { --face: var(--d-green); }
html[data-theme="kikar"] main > .day:nth-child(6n+5) > .daylabel.daylabel { --face: var(--d-violet); }
html[data-theme="kikar"] main > .day:nth-child(6n) > .daylabel.daylabel { --face: var(--a-orange); --ink: #1d2433; --mute: #1d2433; --em: #1d2433; --focus: #1d2433; }
html[data-theme="kikar"] .day > .stone.daylabel::before { box-shadow: var(--card-shadow), inset 0 0 0 6px var(--face), inset 0 0 0 9px rgba(255, 255, 255, .85); }
html[data-theme="kikar"] .day > .stone:last-child { --face: var(--t1); }
@media (min-width: 900px) {
  html[data-theme="kikar"] .course.todayc { --w1: .27 !important; }
  html[data-theme="kikar"] .course.day { --w1: .2 !important; }
  html[data-theme="kikar"] .todayc > .stone:last-child, html[data-theme="kikar"] .day > .stone:last-child { --padx: 30px; }
  html[data-theme="kikar"] .day > .daylabel > .c { position: sticky; top: 96px; }
  html[data-theme="kikar"] .todayc > .stone:first-child > .c { position: sticky; top: 24px; }
  html[data-theme="kikar"] .day > .daylabel, html[data-theme="kikar"] .todayc > .stone:first-child { justify-content: flex-start; }
}
html[data-theme="kikar"] .dnum { font-size: 64px; line-height: .9; letter-spacing: -.04em; }
html[data-theme="kikar"] .dname { font-size: 28px; }
html[data-theme="kikar"] .dmon { font: 600 18px/1 var(--display); letter-spacing: .12em; color: var(--ink); }
html[data-theme="kikar"][lang="he"] .dmon { letter-spacing: 0; font-family: var(--sans); font-weight: 700; }
@media (min-width: 900px) { html[data-theme="kikar"] .dnum { font-size: clamp(90px, 7.6vw, 132px); } html[data-theme="kikar"] .dname { font-size: clamp(30px, 2.5vw, 38px); } }
html[data-theme="kikar"] .dtag { background: #fff; color: var(--ink); border-radius: 999px; padding: 4px 12px 3px; }
html[data-theme="kikar"] .dtag.now { background: var(--a-yellow); color: var(--ink); }
html[data-theme="kikar"] .day .subh { border-top: 1.5px dashed var(--seam); color: var(--ink); }
/* the filter sheet, the day bar, the map */
html[data-theme="kikar"] .sheet, html[data-theme="kikar"] .daybar, html[data-theme="kikar"] .grp-strip {
  background: var(--paper); color: var(--ink); --ink: #1d2433; --mute: #2b3346; --focus: #1d2433;
}
html[data-theme="kikar"] .sheet { border: 0; border-radius: 14px; border-start-end-radius: 34px; box-shadow: var(--pop), 0 0 0 1.5px var(--seam); overscroll-behavior: contain; }
@media (max-width: 599.98px) { html[data-theme="kikar"] .sheet { border-radius: 26px 26px 0 0; } }
html[data-theme="kikar"] .sheet-foot { background: var(--pave); border-top: 1.5px solid var(--seam); }
html[data-theme="kikar"] .sheet-foot .btn-line { background: #fff; color: var(--ink); }
html[data-theme="kikar"] .sheet legend { color: var(--ink); }
html[data-theme="kikar"] .sheet::backdrop { background: rgba(14, 22, 46, .66); }
html[data-theme="kikar"] .xbtn { border-radius: 50%; }
html[data-theme="kikar"] .daybar { border-bottom: 0; box-shadow: 0 8px 0 -4px transparent; background: linear-gradient(#fff, #fff) 0 0 / 100% calc(100% - 6px) no-repeat, var(--agam) 0 100% / 100% 6px no-repeat; }
html[data-theme="kikar"] #map { border: 0; border-radius: 14px; border-start-end-radius: 34px; box-shadow: 5px 6px 0 rgba(120, 104, 74, .2), 0 0 0 1.5px var(--seam); }
html[data-theme="kikar"] #map .leaflet-popup-content-wrapper { background: var(--paper); color: var(--ink); border-radius: 10px; border-start-end-radius: 20px; box-shadow: var(--pop), 0 0 0 1.5px var(--seam); max-width: calc(100vw - 96px); }
html[data-theme="kikar"] #map .leaflet-popup-content { margin: 12px 34px 12px 14px; max-width: calc(100vw - 124px); overflow-wrap: anywhere; }
html[data-theme="kikar"] #map .leaflet-popup-tip { background: var(--paper); }
html[data-theme="kikar"] #map a.leaflet-popup-close-button { color: var(--ink); }
@media (max-width: 599.98px) { html[data-theme="kikar"] #map .leaflet-top.leaflet-left { top: auto; bottom: 22px; } }
html[data-theme="kikar"] .pin { background: var(--sign); color: #fff; box-shadow: 0 0 0 2px #fff; }
html[data-theme="kikar"] .grp-course { padding: 0; }
html[data-theme="kikar"] .grp-strip { padding: 12px 16px calc(12px + 12px); gap: 10px 20px; }
@media (max-width: 599.98px) { html[data-theme="kikar"] .grp-strip .gj-t { font-size: 15px; } html[data-theme="kikar"] .grp-strip .gjoin { min-height: 46px; } }
@media (min-width: 900px) { html[data-theme="kikar"] .grp-strip { padding: 16px 34px calc(16px + 12px); } }
@media (max-width: 899.98px) {
  html[data-theme="kikar"] .evhead { --py: 20px; }
  html[data-theme="kikar"] .evhead .kinds { -webkit-mask: linear-gradient(90deg, #000 calc(100% - 44px), transparent); mask: linear-gradient(90deg, #000 calc(100% - 44px), transparent); }
  html[data-theme="kikar"][dir="rtl"] .evhead .kinds { -webkit-mask: linear-gradient(270deg, #000 calc(100% - 44px), transparent); mask: linear-gradient(270deg, #000 calc(100% - 44px), transparent); }
  html[data-theme="kikar"] .evhead .sub { font-size: 15px; }
  html[data-theme="kikar"] .todayc > .stone:first-child, html[data-theme="kikar"] .day > .daylabel { --py: 18px; }
}

/* ================================================================ newsletter */
html[data-theme="kikar"] .nl input[type="email"], html[data-theme="kikar"] .nl select, html[data-theme="kikar"] input[type=text], html[data-theme="kikar"] textarea { border-radius: 12px; border: 2px solid var(--ink); background: #fff; color: var(--ink); }
html[data-theme="kikar"] .nl-chip span { border-radius: 999px; border-width: 2px; background: #fff; color: var(--ink); border-color: rgba(29, 36, 51, .5); }
html[data-theme="kikar"] .nl-chip input:checked + span { background: var(--sign); border-color: var(--sign); color: #fff; }
@media (min-width: 1100px) {
  html[data-theme="kikar"] .nl > .c { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 56px; align-content: start; }
  html[data-theme="kikar"] .nl > .c > * { grid-column: 1; }
  html[data-theme="kikar"] .nl > .c > .nlform, html[data-theme="kikar"] .nl > .c > .nl-done { grid-column: 2; grid-row: 1 / span 4; }
  html[data-theme="kikar"] .nl > .c > h2 { justify-self: start; }
}

/* ================================================================ the chat with Lulu (public/chatinca.css, body.chatpage) */
html[data-theme="kikar"] body.chatpage {
  --c-bg2: #efebe2; --c-paper: #fbfaf6; --c-head: #1f4fb4; --c-bub: #ffffff; --c-pop: #ffffff;
  --c-ink: #1d2433; --c-mute: #2b3346; --c-line: rgba(29, 36, 51, .18); --c-line2: rgba(29, 36, 51, .5);
  --c-terra: #1f4fb4; --c-terra-h: #2a5cc6; --c-terra-t: #183f92; --c-on-terra: #fff; --c-teal: #0d5058;
  --c-lulu: #0d5058; --c-lulu-o: #f07010;
  --c-user: #1f4fb4; --c-on-user: #fff; --c-link: #183f92; --c-focus: #1d2433;
  --pop-shadow: var(--pop), 0 0 0 1.5px rgba(29, 36, 51, .22);
}
html[data-theme="kikar"]:has(body.chatpage) { background: var(--pave); }
html[data-theme="kikar"] body.chatpage { background: transparent; }
html[data-theme="kikar"] body.chatpage .chatapp { background: var(--c-paper); }
html[data-theme="kikar"] .chatpage .chat-hd { --c-ink: #fff; --c-mute: #fff; --c-terra-t: #f7cb2d; --c-focus: #fff; color: #fff;
  background: var(--sign); box-shadow: inset 0 0 0 5px var(--sign), inset 0 0 0 7.5px rgba(255, 255, 255, .9);
  padding-top: calc(12px + env(safe-area-inset-top, 0px)); padding-bottom: 14px; }
html[data-theme="kikar"] .chatpage .chat-hd::after { clip-path: none; bottom: -8px; height: 8px; background: var(--agam); -webkit-mask: none; mask: none; }
html[data-theme="kikar"] .chatpage .hd-t h1 { font: 700 26px/1.1 var(--display); letter-spacing: -.01em; color: #fff; }
html[data-theme="kikar"] .chatpage .hd-av { box-shadow: 0 0 0 2.5px #fff; }
html[data-theme="kikar"] .chatpage .ld-btn, html[data-theme="kikar"] .chatpage .cmb { clip-path: none; border-radius: 999px; background: #fff; color: #183f92; box-shadow: 0 2px 0 rgba(0, 0, 0, .3); }
html[data-theme="kikar"] .chatpage .plb { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .7); }
html[data-theme="kikar"] .chatpage .plb .ico-svg:first-child { color: #f7cb2d; }
html[data-theme="kikar"] .chatpage .plpop, html[data-theme="kikar"] .chatpage .cml, html[data-theme="kikar"] .chatpage .ld-menu { --c-ink: #1d2433; --c-mute: #2b3346; --c-terra-t: #183f92; --c-focus: #1d2433; color: #1d2433; }
html[data-theme="kikar"] .chatpage .empty h2 { font: 700 clamp(34px, 9.6vw, 46px)/1.04 var(--display); letter-spacing: -.03em; }
html[data-theme="kikar"] .chatpage .start { border-radius: 14px; border-start-end-radius: 26px; box-shadow: inset 0 0 0 2px var(--c-ink), 3px 3px 0 rgba(120, 104, 74, .2); }
html[data-theme="kikar"] .chatpage .start:hover { background: #fff6d6; }
html[data-theme="kikar"] .chatpage .si, html[data-theme="kikar"][dir="rtl"] .chatpage .si { clip-path: none; border-radius: 10px; }
html[data-theme="kikar"] .chatpage .bub { border-radius: 16px; }
html[data-theme="kikar"] .chatpage .turn.in .bub, html[data-theme="kikar"] .chatpage .turn.in[dir="rtl"] .bub { clip-path: none; border-end-start-radius: 4px; box-shadow: inset 0 0 0 1.5px var(--c-line2); }
html[data-theme="kikar"] .chatpage .turn.out .bub, html[data-theme="kikar"][dir="rtl"] .chatpage .turn.out .bub { clip-path: none; border-end-end-radius: 4px; box-shadow: none; }
html[data-theme="kikar"] .chatpage .composer { border-radius: 999px; box-shadow: inset 0 0 0 2px var(--c-ink); }
html[data-theme="kikar"] .chatpage .send, html[data-theme="kikar"][dir="rtl"] .chatpage .send { clip-path: none; border-radius: 50%; }
html[data-theme="kikar"] .chatpage .composer-wrap { background: transparent; }

/* ================================================================ night: Dizengoff after dark. Deep blue, the panels in shade, the signs lit white, the fountain glowing */
@media (prefers-color-scheme: dark) {
  html[data-theme="kikar"] {
    --pave: #0f1630; --plaster: #172040; --ivory: #1d274a;
    --t1: #18213f; --t2: #1d2344; --t3: #161f3b; --t4: #1a2647; --t5: #182a3d;
    --sign: #2d62d4; --sign-d: #1b45a4; --sign-h: #3a6fe0;
    --ink: #f3f1ea; --mute: #e2e1dc; --em: #f7cb2d; --focus: #f3f1ea; --line: #f3f1ea;
    --card-shadow: 5px 6px 0 rgba(0, 0, 0, .35), 0 10px 22px -12px rgba(0, 0, 0, .7);
    --rimc: rgba(255, 255, 255, .1);
    --seam: rgba(243, 241, 234, .26);
    --btn-bg: #f3f1ea; --btn-ink: #13306f; --btn-h: #fff; --btn-shadow: rgba(0, 0, 0, .5);
    --chip-bg: #161f3b; --paper: #1d274a; --label-bg: rgba(255, 255, 255, .1);
    --pop: 0 14px 26px -10px rgba(0, 0, 0, .75);
    scrollbar-color: #4e5a7a #0f1630;
  }
  html[data-theme="kikar"], html[data-theme="kikar"] body {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 96px 96px,
      linear-gradient(0deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 96px 48px,
      var(--pave);
  }
  html[data-theme="kikar"] .stone.photo::before { filter: brightness(.66) saturate(1.1) hue-rotate(-8deg); }
  html[data-theme="kikar"] .stone { --face: var(--t1); }
  html[data-theme="kikar"] .t1 { --face: var(--t1); } html[data-theme="kikar"] .t2 { --face: var(--t2); } html[data-theme="kikar"] .t3 { --face: var(--t3); }
  html[data-theme="kikar"] .t4 { --face: var(--t4); } html[data-theme="kikar"] .t5 { --face: var(--t5); } html[data-theme="kikar"] .stone.terr { --face: var(--t2); }
  html[data-theme="kikar"] .nl { --face: var(--t4); }
  html[data-theme="kikar"] .stone.photo { --face: #1a2647; }
  html[data-theme="kikar"] .stone.wa { --face: #0c4a2b; }
  html[data-theme="kikar"] .stone.teal, html[data-theme="kikar"] .stone.blue { --face: #1b45a4; }
  html[data-theme="kikar"] .stone.deep { --face: #13306f; }
  /* the yellow panels stay yellow: the lit kiosk window at night */
  html[data-theme="kikar"] .stone.sun, html[data-theme="kikar"] .partner-cta {
    --face: #f2c62a; --ink: #1d2433; --mute: #1d2433; --em: #1d2433; --focus: #1d2433;
  }
  html[data-theme="kikar"] .stone.sun .btn:not(.btn-line), html[data-theme="kikar"] .partner-cta .btn:not(.btn-line) { --bb: #1d2433; --bc: #fff; }
  html[data-theme="kikar"] .stone.sun .btn-line, html[data-theme="kikar"] .partner-cta .btn-line { color: #1d2433; }
  html[data-theme="kikar"] .todayc > .stone:last-child { --face: var(--t1); }
  html[data-theme="kikar"] .todayc > .stone:first-child { --ink: #f3f1ea; --mute: #e2e1dc; --em: #f7cb2d; --focus: #f3f1ea; }
  html[data-theme="kikar"] .ft .t3 { --face: var(--t3); }
  html[data-theme="kikar"] .ft .t5 { --face: var(--t4); }
  html[data-theme="kikar"] .ft .emblem { --face: #1b45a4; }
  /* the signs at night: white light boxes, blue letters */
  html[data-theme="kikar"] main h2 { background: #f6f4ee; color: #183f92; box-shadow: inset 0 0 0 3px #f6f4ee, inset 0 0 0 5.5px #2d62d4, 0 0 18px rgba(255, 246, 214, .18); }
  html[data-theme="kikar"] .stone.free::before { background: var(--agam) 0 100% / 100% 12px no-repeat, linear-gradient(#183f92, #183f92) 0 0 / 100% calc(100% - 12px) no-repeat; }
  html[data-theme="kikar"] .ayni-course > .stone { --ink: #1d2433; --mute: #1d2433; --em: #183f92; --focus: #1d2433; }
  html[data-theme="kikar"] .ayni-course > .stone::before { filter: brightness(.92) saturate(1.15); }
  html[data-theme="kikar"] .aw { color: #183f92; }
  html[data-theme="kikar"] .ayni-course > .stone::after { background: #f6f4ee; box-shadow: 0 0 0 4px rgba(255, 255, 255, .35), 0 0 30px rgba(255, 240, 200, .25); }
  html[data-theme="kikar"] .ld-menu, html[data-theme="kikar"] .plpop, html[data-theme="kikar"] .fab-menu { color: var(--ink); }
  html[data-theme="kikar"] .ld-i, html[data-theme="kikar"] .pli, html[data-theme="kikar"] .fab-i { color: var(--ink); }
  html[data-theme="kikar"] .fab-intro, html[data-theme="kikar"] .fab-save, html[data-theme="kikar"] .plall { color: var(--mute); }
  html[data-theme="kikar"] .pli[aria-current], html[data-theme="kikar"] .ld-i[aria-checked="true"], html[data-theme="kikar"] .pli .ico-svg { color: #f7cb2d; }
  html[data-theme="kikar"] .ld-i:hover, html[data-theme="kikar"] .ld-i:focus-visible, html[data-theme="kikar"] .pli:hover, html[data-theme="kikar"] .pli:focus-visible,
  html[data-theme="kikar"] .fab-i:hover, html[data-theme="kikar"] .fab-i:focus-visible, html[data-theme="kikar"] .fab-save:hover { background: #f3f1ea; color: #13306f; }
  html[data-theme="kikar"] .ld-btn, html[data-theme="kikar"] .plb { color: #13306f; }
  html[data-theme="kikar"] .niche { background: #f6f4ee; color: #183f92; box-shadow: inset 0 0 0 2.5px #f6f4ee, inset 0 0 0 4.5px #2d62d4, 0 3px 0 rgba(0, 0, 0, .4); }
  html[data-theme="kikar"] .step .n { background: #f6f4ee; color: #183f92; box-shadow: inset 0 0 0 2px #f6f4ee, inset 0 0 0 3.5px #2d62d4; }
  html[data-theme="kikar"] .cgo, html[data-theme="kikar"] .ev .evgo, html[data-theme="kikar"] a.ev:hover .evgo, html[data-theme="kikar"] a.ev:active .evgo { background: #f3f1ea; color: #13306f; }
  html[data-theme="kikar"] .stone.sun .cgo { background: #1d2433; color: #fff; }
  html[data-theme="kikar"] .ev .t, html[data-theme="kikar"] #tlist > ul > li .t { color: #f7cb2d; }
  html[data-theme="kikar"] .btn-sun, html[data-theme="kikar"] .fbtn { --bb: #f7cb2d; --bc: #1d2433; }
  html[data-theme="kikar"] .btn-sun:hover, html[data-theme="kikar"] .fbtn:hover { --bb: #f9d757; }
  html[data-theme="kikar"] .fbtn:focus-visible { outline-color: var(--ink); }
  html[data-theme="kikar"] .seg { background: #f3f1ea; }
  html[data-theme="kikar"] .seg button { color: #1d2433; }
  html[data-theme="kikar"] .seg button[aria-pressed="true"] { background: #13306f; color: #fff; }
  html[data-theme="kikar"] .chip { color: var(--ink); box-shadow: inset 0 0 0 2px rgba(243, 241, 234, .5); }
  html[data-theme="kikar"] .chip:hover { box-shadow: inset 0 0 0 2px var(--ink); }
  html[data-theme="kikar"] .chip[aria-pressed="true"], html[data-theme="kikar"] .dayrow .chip[aria-current="true"] { background: #f3f1ea; color: #13306f; }
  html[data-theme="kikar"] .chip:focus-visible { outline-color: var(--ink); }
  html[data-theme="kikar"] .dtag { background: #f3f1ea; color: #1d2433; }
  html[data-theme="kikar"] .dtag.now { background: #f7cb2d; color: #1d2433; }
  html[data-theme="kikar"] .badge { background: #f7cb2d; color: #1d2433; }
  html[data-theme="kikar"] .kt.kb { color: color-mix(in srgb, var(--kf) 55%, #fff); }
  html[data-theme="kikar"] .ev .kt, html[data-theme="kikar"] #tlist .kt, html[data-theme="kikar"] .evmain .kt { --kb: rgba(0, 0, 0, .25); --kf: var(--ink); --ke: rgba(243, 241, 234, .5); }
  html[data-theme="kikar"] .ev .th { box-shadow: 3px 3px 0 rgba(0, 0, 0, .4); }
  html[data-theme="kikar"] .sheet, html[data-theme="kikar"] .daybar, html[data-theme="kikar"] .grp-strip { color: var(--ink); --ink: #f3f1ea; --mute: #e2e1dc; --focus: #f3f1ea; }
  html[data-theme="kikar"] .daybar { background: linear-gradient(#1d274a, #1d274a) 0 0 / 100% calc(100% - 6px) no-repeat, var(--agam) 0 100% / 100% 6px no-repeat; }
  html[data-theme="kikar"] .sheet legend { color: var(--ink); }
  html[data-theme="kikar"] .sheet-foot { background: #161f3b; border-top-color: var(--seam); }
  html[data-theme="kikar"] .sheet-foot .btn-line { background: #1d274a; color: var(--ink); }
  html[data-theme="kikar"] #map { box-shadow: 5px 6px 0 rgba(0, 0, 0, .35), 0 0 0 1.5px var(--seam); }
  html[data-theme="kikar"] #map .leaflet-popup-content-wrapper, html[data-theme="kikar"] #map .leaflet-popup-tip { background: #1d274a; color: var(--ink); }
  html[data-theme="kikar"] #map a.leaflet-popup-close-button, html[data-theme="kikar"] #map .pop, html[data-theme="kikar"] #map .pop li span { color: var(--ink); }
  html[data-theme="kikar"] #map .pop a { color: #f7cb2d; }
  html[data-theme="kikar"] .pin { background: #f7cb2d; color: #1d2433; box-shadow: 0 0 0 2px #f3f1ea; }
  html[data-theme="kikar"] .tlist .grp.now h3, html[data-theme="kikar"] .tag.now { background: #e8432f; color: #fff; }
  html[data-theme="kikar"] .nl input[type="email"], html[data-theme="kikar"] .nl select, html[data-theme="kikar"] input[type=text], html[data-theme="kikar"] textarea, html[data-theme="kikar"] input[type=email], html[data-theme="kikar"] input[type=url] { background: #0f1630; color: var(--ink); border-color: var(--ink); }
  html[data-theme="kikar"] .stone input::placeholder, html[data-theme="kikar"] .stone textarea::placeholder { color: #aab0c4; opacity: 1; }
  html[data-theme="kikar"] .nl-chip span { background: #161f3b; color: var(--ink); border-color: rgba(243, 241, 234, .55); }
  html[data-theme="kikar"] .nl-chip input:checked + span { background: #f3f1ea; border-color: #f3f1ea; color: #13306f; }
  html[data-theme="kikar"] .fab { background: #1b45a4; box-shadow: inset 0 0 0 3px #1b45a4, inset 0 0 0 5px #fff; }
  /* the chat at night */
  html[data-theme="kikar"] body.chatpage {
    --c-bg2: #0f1630; --c-paper: #161f3b; --c-head: #183f92; --c-bub: #1d274a; --c-pop: #1d274a;
    --c-ink: #f3f1ea; --c-mute: #e2e1dc; --c-line: rgba(243, 241, 234, .2); --c-line2: rgba(243, 241, 234, .55);
    --c-terra: #f3f1ea; --c-terra-h: #fff; --c-terra-t: #f7cb2d; --c-on-terra: #13306f; --c-link: #f7cb2d; --c-focus: #f3f1ea;
    --c-user: #2d62d4; --c-on-user: #fff; --c-teal: #7fc0b2;
    --pop-shadow: var(--pop), 0 0 0 1.5px rgba(243, 241, 234, .25);
  }
  html[data-theme="kikar"]:has(body.chatpage) { background: #0f1630; }
  html[data-theme="kikar"] .chatpage .chat-hd { background: #183f92; box-shadow: inset 0 0 0 5px #183f92, inset 0 0 0 7.5px rgba(255, 255, 255, .9); }
  html[data-theme="kikar"] .chatpage .plpop, html[data-theme="kikar"] .chatpage .cml, html[data-theme="kikar"] .chatpage .ld-menu { --c-ink: #f3f1ea; --c-mute: #e2e1dc; --c-terra-t: #f7cb2d; --c-focus: #f3f1ea; color: #f3f1ea; }
  html[data-theme="kikar"] .chatpage .start:hover { background: #1d274a; }
}

/* ================================================================ Windows high contrast: gradients and shadows are dropped; give controls a real edge */
@media (forced-colors: active) {
  html[data-theme="kikar"] .btn, html[data-theme="kikar"] .nl-submit, html[data-theme="kikar"] .fbtn, html[data-theme="kikar"] .gjoin, html[data-theme="kikar"] .chip,
  html[data-theme="kikar"] .seg, html[data-theme="kikar"] .ld-btn, html[data-theme="kikar"] .plb, html[data-theme="kikar"] .kt, html[data-theme="kikar"] .cgo, html[data-theme="kikar"] .ev .evgo { border: 2px solid ButtonText; }
  html[data-theme="kikar"] main h2 { border: 2px solid CanvasText; }
  html[data-theme="kikar"] .stone::before, html[data-theme="kikar"] .stone::after { display: none; }
  html[data-theme="kikar"], html[data-theme="kikar"] body, html[data-theme="kikar"] .wall, html[data-theme="kikar"] .sheet, html[data-theme="kikar"] .daybar, html[data-theme="kikar"] .grp-strip { background: Canvas; }
}

/* ================================================================ print stays plain */
@media print { html[data-theme="kikar"], html[data-theme="kikar"] body, html[data-theme="kikar"] .wall { background: #fff; } html[data-theme="kikar"] .stone::before, html[data-theme="kikar"] .stone::after { display: none; } html[data-theme="kikar"] main h2 { background: none; color: #000; box-shadow: none; } }