/* the site menu (assets/nav.js): a round button at the top corner, a drawer with every page, one footer */
.site-menu-btn { position: fixed; top: 14px; right: 14px; z-index: 60; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px 8px 14px; border: 0; border-radius: 999px; background: rgba(52, 64, 55, 0.92); color: #ECE9E0; font: 700 16px 'Assistant', sans-serif; cursor: pointer; box-shadow: 0 8px 20px rgba(50, 34, 34, 0.18); backdrop-filter: blur(4px); }
.site-menu-btn:hover { background: #526457; }
.site-menu-btn .bars { display: inline-grid; gap: 4px; }
.site-menu-btn .bars i { display: block; width: 18px; height: 2px; border-radius: 2px; background: #FFE05C; }
.site-menu-shade { position: fixed; inset: 0; z-index: 70; background: rgba(40, 34, 30, 0.35); }
.site-menu { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(340px, 88vw); overflow-y: auto; padding: 22px 26px 30px; background: #ECE9E0 url('texture.jpg'); box-shadow: -10px 0 40px rgba(50, 34, 34, 0.2); }
@keyframes menu-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
.site-menu-close { position: absolute; top: 14px; left: 14px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(52, 64, 55, 0.08); color: #344037; font-size: 18px; cursor: pointer; }
.site-menu-logo { display: block; width: 70px; height: auto; margin: 0 auto 10px; }
.site-menu-group { padding: 12px 0; border-bottom: 1px solid rgba(82, 100, 87, 0.2); }
.site-menu-title { margin: 0 0 4px; font-family: 'Bellefair', serif; font-size: 20px; color: #526457; }
.site-menu a { display: block; padding: 7px 0; color: #344037; font-weight: 700; font-size: 18px; text-decoration: none; }
.site-menu a:hover, .site-menu a[aria-current="page"] { color: #4E7D58; text-decoration: underline; text-decoration-color: #FFE05C; text-decoration-thickness: 3px; text-underline-offset: 5px; }
.site-menu .site-menu-wa { margin-top: 18px; padding: 12px 18px; border-radius: 999px; background: #344037; color: #ECE9E0; text-align: center; }
.site-menu .site-menu-wa:hover { color: #FFE05C; text-decoration: none; }
html.menu-open { overflow: hidden; }

.site-foot { margin-top: 96px; padding-top: 48px; padding-bottom: 32px; border-top: 1px solid rgba(82, 100, 87, 0.25); }
.site-foot-map { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; }
.site-foot-title { margin: 0 0 6px; font-family: 'Bellefair', serif; font-size: 19px; color: #526457; }
.site-foot-map a { display: block; padding: 4px 0; color: #344037; font-size: 16px; text-decoration: none; }
.site-foot-map a:hover, .site-foot-legal a:hover { text-decoration: underline; }
.site-foot-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-top: 36px; }
.site-foot-legal a { color: #344037; font-size: 15px; }
.site-foot-copy { margin-top: 18px; text-align: center; font-size: 14px; color: #526457; }
@media (max-width: 720px) {
  .site-menu-btn { top: 10px; right: 10px; }
  .site-foot-map { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) { .site-menu { animation: none; } }

/* the menu button is a flower (2026-10-16): on hover it lifts, glows, the daisy turns and blooms, petals drift off */
.site-menu-btn { transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, background .35s; overflow: visible; }
.site-menu-btn .bloom-ico { display: inline-grid; place-items: center; width: 28px; height: 28px; }
.site-menu-btn .bloom-ico img { width: 28px; height: 28px; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.site-menu-btn:hover, .site-menu-btn:focus-visible { transform: translateY(-2px) scale(1.04); box-shadow: 0 12px 26px rgba(50, 34, 34, 0.22), 0 0 0 4px rgba(255, 224, 92, 0.35); }
.site-menu-btn:hover .bloom-ico img, .site-menu-btn[aria-expanded="true"] .bloom-ico img { transform: rotate(180deg) scale(1.25); }
.site-menu-btn .pet { position: absolute; top: 50%; right: 26px; width: 7px; height: 7px; border-radius: 50% 0; background: #fff; opacity: 0; pointer-events: none; }
.site-menu-btn:hover .pet { animation: petal 1.1s ease-out forwards; }
.site-menu-btn:hover .p2 { animation-name: petal2; animation-delay: .12s; background: #FFE05C; } .site-menu-btn:hover .p3 { animation-name: petal3; animation-delay: .24s; background: #E9A6AE; }
@keyframes petal2 { 0% { opacity: 1; transform: translate(0, 0) rotate(0); } 100% { opacity: 0; transform: translate(-4px, -34px) rotate(-140deg); } }
@keyframes petal3 { 0% { opacity: 1; transform: translate(0, 0) rotate(0); } 100% { opacity: 0; transform: translate(-34px, -6px) rotate(200deg); } }
@keyframes petal { 0% { opacity: 1; transform: translate(0, 0) rotate(0); } 100% { opacity: 0; transform: translate(-26px, -26px) rotate(160deg); } }
@media (prefers-reduced-motion: reduce) { .site-menu-btn, .site-menu-btn .bloom-ico img { transition: none; } .site-menu-btn .pet { display: none; } }

/* "שבילים" with "לצעוד בהם יחד" under it, in her handwritten font */
.site-menu-btn .lbls { display: inline-flex; flex-direction: column; align-items: flex-start; line-height: 1.05; }
.site-menu-btn .sub-lbl { font-family: 'Amatic SC', 'Assistant', sans-serif; font-weight: 700; font-size: 17px; color: #FFE05C; letter-spacing: .3px; }
.site-menu-btn { padding-top: 6px; padding-bottom: 6px; }

/* the menu drawer on her dark green paper (Canva "באנר לדף נחיתה", page 44), all text in cream (2026-10-16) */
.site-menu { background: #5F6F63 url('texture-green.jpg') center / cover; color: #F4E1BC; box-shadow: -10px 0 40px rgba(20, 30, 22, 0.35); }
.site-menu-group { border-bottom-color: rgba(244, 225, 188, 0.22); }
.site-menu-title { color: rgba(244, 225, 188, 0.75); }
.site-menu a { color: #F4E1BC; }
.site-menu a:hover, .site-menu a[aria-current="page"] { color: #FFF6E3; text-decoration-color: #F4E1BC; }
.site-menu-close { background: rgba(244, 225, 188, 0.14); color: #F4E1BC; }
.site-menu .site-menu-wa { background: #F4E1BC; color: #344037; }
.site-menu .site-menu-wa:hover { background: #FFF6E3; color: #344037; }