/* Vendreel house links v1 — no plain underlined text links (Nikola 2026-10-09: „to ne bi smeo nijedan sajt da ima tako linkove obične").
   1) Any link without a class inside text (p, li, small, label, td, footer…) gets a modern look: no default underline, accent colour, a gradient underline that grows on hover/focus.
   2) .vr-link  = a standalone action link (forgot password, back, privacy…): soft pill + SVG icon + arrow that slides.
   3) .vr-linkrow = a row of .vr-link chips (form footers, card footers).
   Theme with --vrl-accent, --vrl-accent2, --vrl-bg, --vrl-ink. Reduced-motion aware. A plain underline only if the client asks. */
:root{--vrl-accent:#b0473d;--vrl-accent2:#e08a5f;--vrl-bg:rgba(31,43,71,.05);--vrl-bg-h:rgba(176,71,61,.1);--vrl-ink:#1f2b47}
:is(p,li,small,label,td,dd,figcaption,blockquote,h1,h2,h3,h4,.prose,footer)>a:not([class]){color:var(--vrl-accent);font-weight:600;text-decoration:none;background-image:linear-gradient(90deg,var(--vrl-accent),var(--vrl-accent2));
  background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:background-size .35s cubic-bezier(.16,1,.3,1),color .25s}
:is(p,li,small,label,td,dd,figcaption,blockquote,h1,h2,h3,h4,.prose,footer)>a:not([class]):hover,:is(p,li,small,label,td,dd,figcaption,blockquote,h1,h2,h3,h4,.prose,footer)>a:not([class]):focus-visible{background-size:100% 2px;outline:none}
:is(p,li,small,label,td,dd,figcaption,blockquote,h1,h2,h3,h4,.prose,footer)>a:not([class]):focus-visible{box-shadow:0 0 0 3px rgba(176,71,61,.25);border-radius:4px}
.vr-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border-radius:999px;background:var(--vrl-bg);color:var(--vrl-ink);
  font:600 .9rem/1.2 inherit;font-family:inherit;text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:background .3s,color .3s,border-color .3s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.vr-link svg,.vr-link .ic{width:17px;height:17px;flex:none;color:var(--vrl-accent);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.vr-link::after{content:"";width:7px;height:7px;flex:none;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg) translate(-2px,2px);opacity:.45;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s}
.vr-link.no-arrow::after{display:none}
.vr-link:hover,.vr-link:focus-visible{background:var(--vrl-bg-h);color:var(--vrl-accent);border-color:rgba(176,71,61,.25);transform:translateY(-1px);box-shadow:0 10px 22px -16px rgba(176,71,61,.7);outline:none}
.vr-link:hover svg,.vr-link:hover .ic{transform:rotate(-10deg) scale(1.15)}
.vr-link:hover::after{transform:rotate(45deg) translate(1px,-1px);opacity:1}
.vr-link.sm{min-height:34px;padding:6px 12px;font-size:.84rem}
.vr-linkrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media (prefers-reduced-motion:reduce){:is(p,li,small,label,td,dd,figcaption,blockquote,h1,h2,h3,h4,.prose,footer)>a:not([class]),.vr-link,.vr-link svg,.vr-link::after{transition:none}}