/* ===== MDS Hover Language — Trust & Authority ===== */
:root { --mh-dur:180ms; --mh-out:240ms; --mh-ease:cubic-bezier(.2,0,0,1); --mh-shadow:0 8px 24px rgba(27,42,74,.12); }
/* product cards */
.pcard { transition: transform var(--mh-dur) var(--mh-ease), box-shadow var(--mh-dur) var(--mh-ease), border-color var(--mh-dur) var(--mh-ease); }
.pcard:hover { transform: translateY(-3px); box-shadow: var(--mh-shadow); border-color: rgba(3,105,161,.45) !important; }
.pcard:hover .pbody > b { color:#0369A1; }
/* tiles: family strips, related, category tiles */
.fam-grid > a, .rel a, .tile { transition: transform var(--mh-dur) var(--mh-ease), box-shadow var(--mh-dur) var(--mh-ease), border-color var(--mh-dur) var(--mh-ease), background var(--mh-dur) var(--mh-ease); }
.fam-grid > a:hover, .rel a:hover, .tile:hover { transform: translateY(-2px); background:#F5F8FB; border-color: rgba(3,105,161,.45) !important; box-shadow: var(--mh-shadow); }
/* buttons */
.btn { transition: filter 150ms var(--mh-ease), transform 120ms var(--mh-ease); }
.btn:hover { filter: brightness(.92); }
.btn:active { transform: scale(.98); }
/* content links */
p a:hover, td a:hover, .below a:hover, li a:hover { text-decoration: underline; text-underline-offset: 3px; }
/* main menu links: animated underline */
.mm-links a { position: relative; }
.mm-links a::after { content:""; position:absolute; bottom:8px; right:0; left:0; height:2px; background:#0369A1; transform:scaleX(0); transform-origin:right; transition:transform var(--mh-dur) var(--mh-ease); }
.mm-links a:hover::after { transform:scaleX(1); }
/* use-case tiles */
.uc-tile { transition: transform var(--mh-dur) var(--mh-ease), box-shadow var(--mh-dur) var(--mh-ease), border-color var(--mh-dur) var(--mh-ease); }
.uc-tile:hover { transform: translateY(-2px); box-shadow: var(--mh-shadow); border-color: rgba(3,105,161,.45); }
.uc-tile:hover b { color:#0369A1 !important; }
/* brand cards + chips + blog cards */
.bb, .bs, .bcard { transition: transform var(--mh-dur) var(--mh-ease), box-shadow var(--mh-dur) var(--mh-ease), border-color var(--mh-dur) var(--mh-ease), background var(--mh-dur) var(--mh-ease); cursor:pointer; }
.bb:hover, .bcard:hover { transform: translateY(-3px); box-shadow: var(--mh-shadow); border-color: rgba(3,105,161,.45) !important; }
.bs:hover { transform: translateY(-2px); background:#F5F8FB; border-color: rgba(3,105,161,.45) !important; box-shadow: var(--mh-shadow); color:#0369A1; }
.bcard:hover .bbody b { color:#0369A1; }
/* keyboard focus = same affordance */
a:focus-visible, button:focus-visible { outline:2px solid #0369A1; outline-offset:2px; border-radius:6px; }
/* reduced motion */
@media (prefers-reduced-motion: reduce) {
  .pcard:hover, .fam-grid > a:hover, .rel a:hover, .tile:hover { transform:none; }
  /* אותו קובץ מעניק translateY גם לאלה — הם פשוט נשמטו מהרשימה */
  .bb:hover, .bs:hover, .bcard:hover, .uc-tile:hover,
  .relcard:hover { transform:none; }
  .btn:active { transform:none; }
  .mm-links a::after { transition:none; }
}