/* Hover-state classes replacing the design-tool's style-hover="{{ }}" runtime attribute.
   !important is required: target elements carry an inline style="" base state
   (e.g. color:#b6b8cf), which always outranks a plain class selector. */
.pp-hv-nav:hover { color:#ffffff !important; }

.pp-hv-cta:hover { filter:brightness(1.08) !important; transform:translateY(-1px) !important; }

.pp-hv-ghost:hover { background:rgba(255,255,255,0.09) !important; border-color:rgba(255,255,255,0.32) !important; }

.pp-hv-chip:hover { border-color:rgba(125,123,255,0.5) !important; background:rgba(125,123,255,0.12) !important; color:#ffffff !important; }

.pp-hv-focus:hover, .pp-hv-focus:focus { border-color:rgba(125,123,255,0.55) !important; background:rgba(255,255,255,0.07) !important; }

.pp-hv-card:hover { border-color:rgba(125,123,255,0.4) !important; transform:translateY(-3px) !important; box-shadow:0 18px 50px rgba(77,99,255,0.16) !important; }