/* ===========================================================================
   dla-icons.css - DBIM icons (see inc-icons.php)
   DBIM 3.0: icons use the key (darkest) colour of the selected colour group,
   or white on dark backgrounds. Change --dla-key to change every icon.
   =========================================================================== */
:root { --dla-key: #29136C; }

.dla-ic {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -.25em;
    flex: 0 0 auto;
    fill: currentColor;
    color: var(--dla-key);
    overflow: visible;
    pointer-events: none;
}
.dla-ic-sm { width: 1em; height: 1em; vertical-align: -.15em; }
.dla-ic-lg { width: 1.5em; height: 1.5em; vertical-align: -.35em; }

/* White on dark backgrounds */
.dla-ic-white,
.dla-topbar .dla-ic,
.dla-nav .dla-ic,
.dla-search button .dla-ic,
.lp-card > h2 .dla-ic,
.hm-news-label .dla-ic,
.hm-quick a:hover .dla-ic,
.nf-btn-primary .dla-ic,
.sm-root-node .dla-ic,
.doc-btn:hover .dla-ic,
.cc-archive a:hover .dla-ic { color: #fff; }

/* Inside buttons the icon follows the button text colour */
button .dla-ic, .dla-ic-inherit { color: inherit; }

/* High contrast: icons follow the text colour (yellow / white on black) */
html.dla-hc .dla-ic { color: inherit !important; }

@media (forced-colors: active) { .dla-ic { color: CanvasText; } a .dla-ic { color: LinkText; } }
@media print { .dla-ic { color: #000 !important; } }

/* Mobile menu button: the theme drew it with the Font Awesome font, now a DBIM-style icon */
.toggle-inner::after { content: none !important; display: none !important; }
.toggle-inner { display: flex !important; align-items: center; justify-content: center; }
.toggle-inner .dla-ic { width: 26px; height: 26px; vertical-align: 0; }
html.dla-hc .toggle-inner .dla-ic { color: #ff0 !important; }