/* Project-wide overrides on top of Bootstrap/Font Awesome -- see
   webui/templates/___blank.jinja2, which loads this after both. */
a {
    text-decoration: none;
}

/* Hover affordance for .clicktocopy elements (webui/static/js/ui.js
   copies data-clickcontent to the clipboard on click) -- a copy icon
   fades in on hover/focus so the element doesn't need an icon of its
   own sitting there permanently (e.g. mail/templates/mail/
   domain_detail.jinja2's DNS records table, one per copyable value). */
.clicktocopy {
    cursor: pointer;
    padding-right: 1.3em;
    position: relative;
}
.clicktocopy::after {
    color: var(--bs-secondary-color);
    content: "\f0c5"; /* fa-copy (solid) */
    font: normal 900 .85em/1 "Font Awesome 6 Free";
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .1s ease-in-out;
}
.clicktocopy:hover::after,
.clicktocopy:focus-visible::after {
    opacity: 1;
}