/* Hand-written, not generated: a rebuild of ldict.css leaves this file alone. */

/* Elastic has no dark-mode link colour, so plain links keep the light #c4231a, which reaches only
   2.6:1 on the dark background. #ff7a70 reaches 6:1. :where() keeps the specificity of a bare
   `a`, so buttons and list items keep their own colours. */
:where(html.dark-mode) a {
    color: #ff7a70;
}
:where(html.dark-mode) a:hover {
    color: #ff9d95;
}

/* The wide LD ICT wordmark fills the whole side-menu header; give it room. Elastic caps the image
   at the menu width including padding (border-box), so more padding also makes it smaller.
   Only on the full-width menu: narrower layouts show the square icon. */
@media screen and (min-width: 1025px) {
    #layout-menu .popover-header img {
        padding: .9rem 1.1rem;
    }
}