/* P59ANIM — calm site animations (Shimon 9:26 PM Oct 15): menu lines morph into an X, menus/dropdowns slide+fade, light press/hover feedback.
   Rules: transform + opacity only (GPU-composited), 120-300 ms, no loops, no layout shift; everything moving lives inside
   prefers-reduced-motion:no-preference, so reduced motion = the old instant behaviour. Never touches admin, the design editor, the designs or the ⋯ hub. */
.dka-bars{position:relative;display:block;width:18px;height:14px;margin:auto;pointer-events:none}
.dka-bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transform-origin:50% 50%}
.dka-bars i:nth-child(1){top:0}.dka-bars i:nth-child(2){top:6px}.dka-bars i:nth-child(3){top:12px}
.dka-open>.dka-bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.dka-open>.dka-bars i:nth-child(2){opacity:0;transform:scaleX(.2)}
.dka-open>.dka-bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.dkh-ovx .dka-bars{width:20px}
@keyframes dka-fade-down{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes dka-fade-in{from{opacity:0}to{opacity:1}}
@keyframes dka-rise{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
 .dka-bars i{transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}
 /* phone main menu (☰ overlay, header + home): panel slides in from the side, backdrop fades */
 html.dka .dkh-ov{background:transparent!important;visibility:visible;transition:visibility 0s linear 0s}
 html.dka .dkh-ov::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:1;transition:opacity .28s ease}
 html.dka .dkh-ov.hidden{display:block!important;visibility:hidden;pointer-events:none;transition:visibility 0s linear .3s}
 html.dka .dkh-ov.hidden::before{opacity:0;transition-duration:.24s}
 html.dka .dkh-ovp{transform:translateX(0);transition:transform .3s cubic-bezier(.22,.61,.36,1)}
 html.dka .dkh-ov.hidden .dkh-ovp{transform:translateX(calc(-100% - 32px));transition:transform .24s cubic-bezier(.4,0,1,1)}
 html.dka .dkh-ov:not(.hidden) .dkh-ovp>*:not(.dkh-ovh){animation:dka-rise .26s cubic-bezier(.22,.61,.36,1) both}
 html.dka .dkh-ov:not(.hidden) .dkh-ovp>*:nth-child(2){animation-delay:.05s}
 html.dka .dkh-ov:not(.hidden) .dkh-ovp>*:nth-child(3){animation-delay:.08s}
 html.dka .dkh-ov:not(.hidden) .dkh-ovp>*:nth-child(4){animation-delay:.11s}
 html.dka .dkh-ov:not(.hidden) .dkh-ovp>*:nth-child(5){animation-delay:.14s}
 html.dka .dkh-ov:not(.hidden) .dkh-ovp>*:nth-child(6){animation-delay:.17s}
 html.dka .dkh-ov:not(.hidden) .dkh-ovp>*:nth-child(n+7){animation-delay:.2s}
 html.dka .dkh-acc.open .dkh-accc{animation:dka-fade-down .2s ease-out both}
 /* desktop ☰ all-categories dropdown: fades + slides down on open, back up on close */
 html.dka .dkh-dd{transition:opacity .2s ease,transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s}
 html.dka .dkh-dd.hidden{display:block!important;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}
 html.dka .dkh-dd .dkh-fly:not(.hidden),html.dka .dkh-dd.flyon .dkh-mc2{animation:dka-fade-in .18s ease-out both}
 html.dka .dkh-sug:not(.hidden),html.dka .sug:not(.hidden){animation:dka-fade-down .18s ease-out both}
 /* press feedback (public pages only: html.dka-pub) */
 /* P59 merge: each list keeps the element's existing transitions (styles.css/subcol.css) and adds scale */
 html.dka-pub .btn,html.dka-pub .dkh-cat,html.dka-pub .dkh-burger,html.dka-pub .hh-burger,html.dka-pub .dkh-menu{transition:scale .12s ease}
 html.dka-pub .sc-chip{transition:border-color .15s,background .15s,scale .12s ease}
 html.dka-pub .subtabs a{transition:background .15s,scale .12s ease}
 html.dka-pub .btn:active:not(:disabled),html.dka-pub .dkh-cat:active,html.dka-pub .sc-chip:active,html.dka-pub .subtabs a:active,html.dka-pub .dkh-burger:active,html.dka-pub .hh-burger:active,html.dka-pub .dkh-menu:active{scale:.96}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover){
 /* hover lift on cards (individual translate property: composes with any existing transform, no layout shift) */
 /* P59 merge: existing lists kept (styles.css .ccard/.subtile, allcards.css .ac-tile) + translate */
 html.dka-pub .ccard,html.dka-pub .ac-tile{transition:box-shadow .15s,transform .15s,translate .2s ease}
 html.dka-pub .subtile{transition:box-shadow .15s,translate .2s ease}

 html.dka-pub .ccard:hover,html.dka-pub .ac-tile:hover,html.dka-pub .subtile:hover{translate:0 -2px}
}

/* P59HOMEX — the home page moves the phone ☰ overlay to <body>, outside .dkh, so --dk-grad was undefined there:
   the panel header rendered white and its white logo + close X were invisible (pre-existing since the home overlay move).
   Give the moved overlay the header's own colours (and the theme's when a theme is on). Colour vars only; no motion. */
.dkh-home-ov{--dk-teal:#006775;--dk-grad:linear-gradient(90deg,#5298a1 0%,#006775 50%,#5298a1 100%)}
:where(html.th-on) .dkh-home-ov{--dk-teal:var(--th-dkteal);--dk-grad:var(--th-hdr)}

/* ---------- Category icon hover keeps size and shape ---------- */
/* ===== P69HV (Shimon 10:02 AM Oct 16): hovering / pressing a category icon keeps exactly the same size and shape - no lift, no ring fade,
   no shrink into a small square. If the category has a hover file in the admin ("תמונה במעבר עכבר / GIF"), that file plays in the same circle
   (GIF/WebP/PNG in place of the image; a video file plays muted + looped in the same box); with no hover file nothing visible changes. ===== */
header.home-h .home-cats a:hover .ic,header.home-h .home-cats a:focus-visible .ic,header.home-h .home-cats a:active .ic,.home-cats a:hover .ic,.home-cats a:active .ic{transform:none!important;translate:none!important}
header.home-h .home-cats a:hover .ic,header.home-h .home-cats a:focus-visible .ic,header.home-h .home-cats a:active .ic{box-shadow:0 0 0 3px #d5dfe2!important;background:#f4f8f9!important}
.ccard:hover .ic,.ccard:active .ic{transform:none!important}
img[data-sahov*="/icons/orig/"],.ic img.p69hv-on{object-fit:cover;border-radius:50%;display:block}
.ic img[data-sahov*="/icons/orig/"]{width:100%!important;height:100%!important}
.ic{position:relative}
.ic>video.p69hv-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none;display:block}
/* P69HV addition (Shimon 10:15 AM): touch screens never show a hover look on the category icons */
@media (hover:none),(pointer:coarse){.ic>video.p69hv-vid{display:none!important}}