/* Formverk Mus 2.1
   Den almindelige mus bruges overalt. Små detaljer:
   - et korssting syes frem, hvor man klikker (fv-mus.js)
   - links i brødtekst får en stiplet understregning, der syes frem ved hover
   - i "Brodér en hilsen" på Kontakt er musen en synål */

/* Korssting ved klik */
.fv-mus-x{position:fixed;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;z-index:99999}
.fv-mus-x::before,.fv-mus-x::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:3.6px;margin:-1.8px 0 0 -10px;border-radius:3px;background:#5f6b45;transform:rotate(45deg) scaleX(0);animation:fv-mus-a .5s cubic-bezier(.3,1.4,.5,1) forwards,fv-mus-out .35s ease .55s forwards}
.fv-mus-x::after{transform:rotate(-45deg) scaleX(0);background:#76845a;animation:fv-mus-b .5s cubic-bezier(.3,1.4,.5,1) .1s forwards,fv-mus-out .35s ease .55s forwards}
.fv-mus-x.is-light::before{background:#fbe6a4}.fv-mus-x.is-light::after{background:#fbfaf3}
@keyframes fv-mus-a{to{transform:rotate(45deg) scaleX(1)}}
@keyframes fv-mus-b{to{transform:rotate(-45deg) scaleX(1)}}
@keyframes fv-mus-out{to{opacity:0}}

/* Syet understregning på links i brødtekst (ikke knapper og menuer) */
:where(.entry-content,.wp-block-post-content) :is(p,li,figcaption,blockquote) a:not(.wp-element-button):not([class*="fv-"]):not(:has(img)){
  text-decoration:none!important;
  background-image:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 9px);
  background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;
  padding-bottom:2px;transition:background-size .45s ease}
:where(.entry-content,.wp-block-post-content) :is(p,li,figcaption,blockquote) a:not(.wp-element-button):not([class*="fv-"]):not(:has(img)):is(:hover,:focus-visible){background-size:100% 2px}

/* Synål i broderi-feltet på Kontakt */
.fv-draw{cursor:url("naal.svg") 2 2,crosshair!important}

@media (prefers-reduced-motion:reduce){.fv-mus-x{display:none}}