/* Buttons site-wide (Marc, 23.10.2026): the homepage button everywhere. Download sections (any
   section with a button that downloads a file: /downloads/, .pdf, .zip, .air, WPDM) keep the
   theme style. Small buttons keep their shape, typography only. All others: black bar, Vito Wide
   caps, arrow in the accent colour (cyan on the COMM/ACD pages and in tiles whose headline uses
   cyan, else magenta); hover fills the bar with the accent.
   Selectors start with ":root .tm-page" so they beat the theme's section-colour variants
   (e.g. ".uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover"). */
.page-id-178, .page-id-655, .page-id-1065, .page-id-1085 { --aav-page-acc: #00ffff; }

:root .tm-page .uk-button-small:not(:where(.uk-section:has(a.uk-button:is([href*="/downloads/"], [href$=".pdf"], [href$=".zip"], [href$=".air"], [href*="wpdm"])) *)) {
    font-family: "Vito Wide", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 12px;
}
:root .tm-page .uk-button:not(.uk-button-small):not(:where(.uk-section:has(a.uk-button:is([href*="/downloads/"], [href$=".pdf"], [href$=".zip"], [href$=".air"], [href*="wpdm"])) *)) {
    --aav-acc: var(--aav-page-acc, #e32ca0);
    font-family: "Vito Wide", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 12px;
    line-height: 16px;   /* 16 + 2 × 7 = 30px, same size as the small buttons (26px + 2px border); */
    padding: 7px calc(15px + 1.45em) 7px 15px;   /* room for the arrow; long (German) labels wrap into a compact second line */
    position: relative;
    background: #1a1a1a;
    color: #fff;
    border: 0;
    border-radius: 0;
    transition: background-color 0.15s, color 0.15s;
}
:root .tm-page .uk-grid > *:has(h1 span[style*="#40efff"], h2 span[style*="#40efff"], h2 span[style*="#00ffff"]) .uk-button:not(.uk-button-small) { --aav-acc: #40efff; }
:root .tm-page .uk-button:not(.uk-button-small):not(:where(.uk-section:has(a.uk-button:is([href*="/downloads/"], [href$=".pdf"], [href$=".zip"], [href$=".air"], [href*="wpdm"])) *))::after { content: "\2192"; color: var(--aav-acc); font-weight: 700; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); line-height: 1; }   /* on the right edge, so it never wraps alone */
:root .tm-page .uk-button:not(.uk-button-small):not(:where(.uk-section:has(a.uk-button:is([href*="/downloads/"], [href$=".pdf"], [href$=".zip"], [href$=".air"], [href*="wpdm"])) *)):hover { background: var(--aav-acc); color: #000; }
:root .tm-page .uk-button:not(.uk-button-small):not(:where(.uk-section:has(a.uk-button:is([href*="/downloads/"], [href$=".pdf"], [href$=".zip"], [href$=".air"], [href*="wpdm"])) *)):hover::after { color: #000; }