/* Hide user-selected topic icons in Recent Topics. */
.recent-topics dl.row-item > dt {
    background-image: none !important;
}
/* Hide the "Powered by MathJax" logo that kinerity/mathjax adds to the footer. */
#page-footer a[href="https://www.mathjax.org"] {
    display: none;
}

/*
 * MathJax 3 sizes its hidden assistive MathML to the whole formula. Absolutely
 * positioned at the top of the formula, it can reach below the post text, and
 * .postbody .content (overflow-x: auto) then gets a vertical scrollbar over empty
 * space. Keep it 1px x 1px, as MathJax 2 did; the visible formula is unaffected.
 */
mjx-container mjx-assistive-mml {
    width: 1px !important;
    height: 1px !important;
}

/*
 * Board Announcements: keep the close button visible on desktop too (upstream
 * shows it only on hover) and make it larger, as on the old forum.
 */
body.notouch .phpbb_announcement .close {
    opacity: 0.6;
}
.phpbb_announcement .close .icon {
    font-size: 28px;
}
/* Keep the text clear of the larger close button on narrow screens. */
.phpbb_announcement .close + div {
    padding-right: 30px;
}

/*
 * Header banner (Light style, template event overall_header_headerbar_after).
 * Full header width; the image's own proportions set the height, nothing is cropped.
 * The whole banner is the link to the index.
 */
.tiedepalsta-banner a,
.tiedepalsta-banner img {
    display: block;
}
.tiedepalsta-banner img {
    width: 100%;
    height: auto;
}

/*
 * Board Announcements in the Light header (overall_header_headerbar_before): the old
 * forum's box spacing, the first one directly below the gap under the top menu.
 */
.inventea-header .phpbb_announcement {
    margin: 10px;
    padding: 5px 10px;
}
.inventea-header .phpbb_announcement:first-child {
    margin-top: 0;
}

/* Search in the Light breadcrumb row (overall_header_breadcrumbs_after), as on the old forum. */
#nav-breadcrumbs #search {
    min-width: 250px;
}

/*
 * Server reboot warning (tiedepalsta_reboot_banner.html, js/tiedepalsta-reboot.js, ops/reboot).
 *
 * Placed right after the sticky top menu (#wrap > .inventea-headerbar, z-index 99) as its
 * sibling, and sticky just below it: --tiedepalsta-reboot-top is the menu's height, kept
 * current by the script, so the warning never covers the menu's buttons.
 *
 * Layering, from the top:
 *   99  the top menu: a stacking context of its own, so every open menu (main menu, user
 *       menu, notifications) is painted above the warning and stays clickable;
 *   44-51 phpBB's modal overlays (#darkenwrapper, .phpbb_alert, loading indicator);
 *   40  this warning;
 *   0-4 forum content (Board Announcements 0-1, content drop-downs 2-4).
 * No other value is involved.
 *
 * Board Announcements' look: the maintenance colour #A89352, white text, rounded box; red
 * #BF0000 for the last minute. No transitions or animations.
 */
.tiedepalsta-reboot {
	position: sticky;
	top: var(--tiedepalsta-reboot-top, 0px);
	z-index: 40;
	padding: 6px 20px 4px;
	background: var(--tp-wrapper-bg, #ffffff);
}
.tiedepalsta-reboot[hidden],
.tiedepalsta-reboot [hidden] {
	display: none !important;
}
.tiedepalsta-reboot-box {
	background-color: #a89352;
	color: #ffffff;
	border-radius: 7px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.35;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.tiedepalsta-reboot.is-critical .tiedepalsta-reboot-box,
.tiedepalsta-reboot.is-rebooting .tiedepalsta-reboot-box {
	background-color: #bf0000;
	text-shadow: none;
}
.tiedepalsta-reboot p {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
.tiedepalsta-reboot-title {
	font-weight: bold;
	font-size: 16px !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.tiedepalsta-reboot-reason,
.tiedepalsta-reboot-save {
	font-weight: 600;
}
.tiedepalsta-reboot-countdown {
	margin: 2px 0 !important;
	font-size: 16px !important;
	font-weight: bold;
}
.tiedepalsta-reboot-time {
	font-size: 22px;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.03em;
}
.tiedepalsta-reboot-at {
	font-weight: 600;
	white-space: nowrap;
}
.tiedepalsta-reboot strong {
	color: inherit;
}
/* Anchor links (#p123) land below the menu and the warning while it is shown. */
html.tiedepalsta-reboot-active {
	scroll-padding-top: var(--tiedepalsta-reboot-offset, 0px);
}
@media only screen and (max-width: 700px) {
	/* As .inventea-wrapper on narrow screens: no side padding. */
	.tiedepalsta-reboot {
		padding: 4px 0 2px;
	}
	.tiedepalsta-reboot-box {
		border-radius: 0;
		padding: 6px 10px;
		font-size: 13px;
	}
	.tiedepalsta-reboot-title,
	.tiedepalsta-reboot-countdown {
		font-size: 14px !important;
	}
	.tiedepalsta-reboot-time {
		font-size: 18px;
	}
}