/* The Clovigo bar (clovigo-bar.js): a slim glass pill at the foot of the screen on a Premium Design
   at clovigo.com, with the way back to the designs and the way to order this one. It takes the page's
   own type, colours and buttons (its .btn.pri: HOLON's ice blue, AURUM's emerald), and the menu bar's
   own frosting (the same blur, so the browser has already made it). */
.cv-bar { position: fixed; z-index: 19; left: 50%; bottom: max(16px, env(safe-area-inset-bottom)); display: flex; align-items: center; gap: 6px; padding: 5px; border-radius: 999px; font-family: var(--body, inherit); background: rgba(8, 12, 20, .42); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); box-shadow: inset 0 0 0 1px var(--line2, rgba(255, 255, 255, .24)), 0 18px 48px -16px rgba(0, 0, 0, .7); opacity: 0; visibility: hidden; transform: translate(-50%, 10px); transition: opacity .45s var(--ease, ease), transform .45s var(--ease, ease), visibility 0s .45s; }
.cv-bar.on { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .45s var(--ease, ease), transform .45s var(--ease, ease), visibility 0s; }
.cv-bar a { text-decoration: none; }
/* the way back: quiet, the page's own light text */
.cv-bar .cv-back { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px 0 12px; border-radius: 999px; color: var(--ink2, #d6dbe6); font-size: 13.5px; font-weight: 500; letter-spacing: .01em; white-space: nowrap; transition: color .3s, background .3s; }
.cv-bar .cv-back:hover { color: var(--ink, #fff); background: rgba(255, 255, 255, .06); }
.cv-bar .cv-back svg { width: 15px; height: 15px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
/* the way to order it: the page's own main button, a size smaller */
.cv-bar .btn.cv-use { height: 38px; padding: 0 18px; font-size: 13.5px; }
.cv-bar a:focus-visible { outline: 2px solid var(--ink, #fff); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .cv-bar, .cv-bar.on { transform: translate(-50%, 0); transition: none; }
}