/*
 * Mörkt utseende. Laddas bara på sidor med mallen "Aktietävling (bred)"
 * och allt är avgränsat till body.cbs-at-dark, så resten av hemsidan påverkas inte.
 */

body.cbs-at-dark {
	--cbs-at-bg: #0f130e;
	--cbs-at-surface: #151b13;
	--cbs-at-line: #262e23;
	--cbs-at-text: #edece6;
	--cbs-at-muted: #a7ac9f;
	--cbs-at-green: #85c441;
	--cbs-at-red: #e0605f;
	background-color: var(--cbs-at-bg);
	color: var(--cbs-at-muted);
}

/* ---------- Temats meny ---------- */

body.cbs-at-dark nav ul li a {
	color: #cfd2c8;
}

body.cbs-at-dark nav ul li a:hover {
	color: var(--cbs-at-text);
}

body.cbs-at-dark nav ul li.cta a {
	border-color: var(--cbs-at-muted);
	color: var(--cbs-at-text);
}

body.cbs-at-dark nav ul li.cta:hover,
body.cbs-at-dark nav ul li.cta a:hover {
	border-color: var(--cbs-at-green);
}

body.cbs-at-dark .mobile-menu-button i,
body.cbs-at-dark .mobile-menu a.close i {
	color: var(--cbs-at-text);
}

body.cbs-at-dark .mobile-menu {
	background-color: var(--cbs-at-bg);
}

body.cbs-at-dark .mobile-menu ul li a {
	color: var(--cbs-at-text);
}

/* ---------- Temats sidfot ---------- */

body.cbs-at-dark footer {
	background-color: #0b0e0a;
	border-top: 1px solid var(--cbs-at-line);
}

body.cbs-at-dark footer .bg-black {
	background-color: #000;
}

body.cbs-at-dark footer p,
body.cbs-at-dark footer a,
body.cbs-at-dark footer .copyright a {
	color: var(--cbs-at-muted);
}

body.cbs-at-dark footer p.condensed {
	color: var(--cbs-at-text);
}

body.cbs-at-dark footer a:hover {
	color: var(--cbs-at-text);
}

body.cbs-at-dark footer .copyright,
body.cbs-at-dark footer .border-top,
body.cbs-at-dark footer hr {
	border-color: var(--cbs-at-line) !important;
}

/* ---------- Typografi ---------- */

body.cbs-at-dark h1,
body.cbs-at-dark h2,
body.cbs-at-dark h3,
body.cbs-at-dark h4,
body.cbs-at-dark h5 {
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-page-content p,
body.cbs-at-dark .cbs-at {
	color: var(--cbs-at-text);
}


/* ---------- Pluginets delar ---------- */

body.cbs-at-dark .cbs-at-meta,
body.cbs-at-dark .cbs-at-label,
body.cbs-at-dark .cbs-at-stat-sub,
body.cbs-at-dark .cbs-at-legend,
body.cbs-at-dark .cbs-at-gap td,
body.cbs-at-dark .cbs-at-closed {
	color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-stat-value {
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-up,
body.cbs-at-dark .cbs-at-stat-value.cbs-at-up {
	color: var(--cbs-at-green);
}

body.cbs-at-dark .cbs-at-down,
body.cbs-at-dark .cbs-at-stat-value.cbs-at-down,
body.cbs-at-dark .cbs-at-error {
	color: var(--cbs-at-red);
}

body.cbs-at-dark .cbs-at-tape,
body.cbs-at-dark .cbs-at-overview-wrap {
	border-color: var(--cbs-at-line);
}

body.cbs-at-dark .cbs-at-tape {
	background-color: var(--cbs-at-surface);
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-table th {
	color: var(--cbs-at-muted);
	border-bottom-color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-table td,
body.cbs-at-dark .cbs-at-table tbody th {
	border-bottom-color: var(--cbs-at-line);
}

body.cbs-at-dark .cbs-at-own td {
	color: var(--cbs-at-text);
	background-color: rgba(133, 196, 65, 0.08);
}

body.cbs-at-dark .cbs-at-rank.cbs-at-top1,
body.cbs-at-dark .cbs-at-rank.cbs-at-top2,
body.cbs-at-dark .cbs-at-rank.cbs-at-top3 {
	color: var(--cbs-at-green);
}

body.cbs-at-dark .cbs-at-chart-wrap {
	background-color: var(--cbs-at-surface);
	border-color: var(--cbs-at-line);
}

body.cbs-at-dark .cbs-at-tooltip {
	background-color: var(--cbs-at-bg);
	border-color: var(--cbs-at-line);
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-periods button {
	background-color: var(--cbs-at-surface);
	border-color: var(--cbs-at-line);
	color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-periods button[aria-pressed="true"] {
	border-color: var(--cbs-at-green);
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-tabs button {
	color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-tabs button[aria-selected="true"] {
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at select,
body.cbs-at-dark .cbs-at input[type="text"] {
	color: var(--cbs-at-text);
	border-bottom-color: var(--cbs-at-muted);
	background-color: transparent;
}

body.cbs-at-dark .cbs-at select:focus,
body.cbs-at-dark .cbs-at input[type="text"]:focus {
	border-bottom-color: var(--cbs-at-green);
}

body.cbs-at-dark .cbs-at select option {
	background-color: var(--cbs-at-surface);
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at .button.outline {
	border-color: var(--cbs-at-muted);
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at .button.outline:hover {
	border-color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-legend span::before {
	border-top-color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-legend .cbs-at-legend-index::before {
	border-top-color: var(--cbs-at-muted);
}

/* Sponsorbandet: loggorna ligger på ljusa brickor så att alla loggor syns, även mörka. */
body.cbs-at-dark .cbs-at-sponsor-band {
	background: #151b13;
	border-color: var(--cbs-at-line);
}

body.cbs-at-dark .cbs-at .cbs-at-sponsor-band-label {
	color: var(--cbs-at-green);
}

body.cbs-at-dark .cbs-at-sponsor-band li {
	padding: 10px 18px;
	border-radius: 6px;
	background: #f1f0ea;
}

@media (max-width: 767.98px) {
	body.cbs-at-dark .cbs-at-sponsor-band li {
		padding: 8px 12px;
	}
}

body.cbs-at-dark .cbs-at-sponsors {
	border-top-color: var(--cbs-at-line);
}

/* Temat har "p a { color: #151812 !important }", som annars blir osynligt på mörkt. */
body.cbs-at-dark .cbs-at-page p a:not(.button):not(.cbs-at-person) {
	color: var(--cbs-at-green) !important;
}

body.cbs-at-dark footer p a {
	color: var(--cbs-at-muted) !important;
}

/* Chalmers Studentkårs logga är mörkblå. Gör den ljus och enfärgad på mörk botten. */
body.cbs-at-dark footer .chalmers img {
	filter: brightness(0) invert(0.8);
}

/* ---------- Aktielista, aktiesida, affärer ---------- */

body.cbs-at-dark .cbs-at-nav,
body.cbs-at-dark .cbs-at-pricebox,
body.cbs-at-dark .cbs-at-stats,
body.cbs-at-dark .cbs-at-trades li {
	border-color: var(--cbs-at-line);
}

body.cbs-at-dark .cbs-at-nav a {
	color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-nav a[aria-current="page"] {
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-stats dt,
body.cbs-at-dark .cbs-at-trade-time {
	color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-pricebox-price {
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-logo {
	box-shadow: none;
}

body.cbs-at-dark .cbs-at-logo-initials {
	background: var(--cbs-at-line);
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-stock-name a,
body.cbs-at-dark .cbs-at-trades a,
body.cbs-at-dark .cbs-at-transactions a {
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-back {
	color: var(--cbs-at-green);
}

body.cbs-at-dark .cbs-at-tape-item {
	color: var(--cbs-at-text);
	text-decoration: none;
}

/* ---------- Marknader ---------- */

body.cbs-at-dark .cbs-at-logo-flag .cbs-at-flag {
	box-shadow: 0 0 0 1.5px var(--cbs-at-bg);
}

body.cbs-at-dark .cbs-at-markets a {
	border-color: var(--cbs-at-line);
	color: var(--cbs-at-muted);
	background-color: var(--cbs-at-surface);
}

body.cbs-at-dark .cbs-at-markets a[aria-selected="true"] {
	border-color: var(--cbs-at-green);
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at-market-count,
body.cbs-at-dark .cbs-at-pricebox-sek {
	color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-tape-index {
	color: var(--cbs-at-text);
}

/* ---------- Deltagare, statistik, vinnare ---------- */

/* !important: temats "p a" vinner annars när namnet står i ett stycke (Dagens raket). */
body.cbs-at-dark .cbs-at .cbs-at-person {
	color: var(--cbs-at-text) !important;
}

body.cbs-at-dark .cbs-at-prog {
	border-color: var(--cbs-at-line);
	color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-badge span {
	color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at-bar {
	background: var(--cbs-at-line);
}

body.cbs-at-dark .cbs-at .cbs-at-star {
	color: var(--cbs-at-line);
}

body.cbs-at-dark .cbs-at .cbs-at-star[aria-pressed="true"] {
	color: var(--cbs-at-green);
}

body.cbs-at-dark .cbs-at-winners,
body.cbs-at-dark .cbs-at-podium li {
	border-color: var(--cbs-at-line);
}

body.cbs-at-dark .cbs-at-podium li {
	background: var(--cbs-at-surface);
}

body.cbs-at-dark .cbs-at-trade-time.cbs-at-up {
	color: var(--cbs-at-green);
}

body.cbs-at-dark .cbs-at-trade-time.cbs-at-down {
	color: var(--cbs-at-red);
}

/* Vanliga rullgardinsmenyer blir annars vita på Windows. */
body.cbs-at-dark .cbs-at select {
	background-color: var(--cbs-at-surface);
	color-scheme: dark;
}

body.cbs-at-dark .cbs-at .cbs-at-tape-pause {
	background: var(--cbs-at-bg);
	border-color: var(--cbs-at-line);
	color: var(--cbs-at-text);
}

body.cbs-at-dark .cbs-at .cbs-at-periods button:hover,
body.cbs-at-dark .cbs-at .cbs-at-markets a:hover {
	border-color: var(--cbs-at-muted);
}

body.cbs-at-dark .cbs-at .cbs-at-tabs button:hover,
body.cbs-at-dark .cbs-at-nav a:hover {
	color: var(--cbs-at-text);
}


/* =================================================================
   Levande färgvåg bakom hela sidan och inledningen
   ================================================================= */

/* Vågen ligger fast bakom allt; sidan och sidfoten ligger ovanpå. */
.cbs-at-bg {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
	display: block;
	pointer-events: none;
}

body.cbs-at-bg-static .cbs-at-bg {
	display: none;
}

body.cbs-at-bg-static {
	background: radial-gradient(120% 80% at 80% 0%, #2c5219 0%, rgba(44, 82, 25, 0) 60%) fixed, var(--cbs-at-bg);
}

body.cbs-at-dark .cbs-at-page {
	position: relative;
	z-index: 1;
	background: transparent;
	overflow-x: clip;
}

/* Starkast färg överst, mörkt och lugnt bakom tabellerna. */
body.cbs-at-dark .cbs-at-page::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(15, 19, 14, 0) 0, rgba(15, 19, 14, 0.25) 420px, rgba(15, 19, 14, 0.9) 860px, rgba(15, 19, 14, 0.94) 100%);
}

body.cbs-at-dark .cbs-at-page:not(.cbs-at-page-hero)::before {
	background: linear-gradient(180deg, rgba(15, 19, 14, 0.2) 0, rgba(15, 19, 14, 0.9) 360px, rgba(15, 19, 14, 0.94) 100%);
}

body.cbs-at-dark footer {
	position: relative;
	z-index: 1;
}

.cbs-at-hero {
	--cbs-at-nav: 187px;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	column-gap: 60px;
	align-items: end;
	min-height: 620px;
	padding: calc(var(--cbs-at-nav) + 20px) 0 70px;
}

.cbs-at-hero-text {
	position: relative;
}

.cbs-at-hero-kicker {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: #b5e04a;
	margin: 0 0 14px;
}

.cbs-at-hero-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: clamp(56px, 8vw, 124px);
	line-height: 0.88;
	letter-spacing: -0.005em;
	color: var(--cbs-at-text);
	margin: 0 0 22px;
	max-width: 11ch;
	text-wrap: balance;
}

.cbs-at-hero-lead {
	font-size: 19px !important;
	color: #dfe3d7 !important;
	max-width: 30em;
	margin: 0 0 8px !important;
}

.cbs-at-hero-period {
	font-size: 14px !important;
	color: #c3c8ba !important;
	margin: 0 !important;
}

.cbs-at-hero-join {
	margin-top: 22px;
}

.cbs-at-hero-join .cbs-at-meta:first-child {
	display: none;
}

/* Solitt kort, ingen glaseffekt. */
.cbs-at-hero-card {
	position: relative;
	padding: 26px 28px;
	border-radius: 4px;
	background: var(--cbs-at-bg);
	border: 1px solid var(--cbs-at-line);
}

.cbs-at-hero-total {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 52px;
	line-height: 1.05;
	color: var(--cbs-at-text);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.cbs-at-hero-spark {
	display: block;
	width: 100%;
	height: 62px;
	margin: 14px 0 0;
}

.cbs-at-hero-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid var(--cbs-at-line);
}

.cbs-at-hero-v {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: var(--cbs-at-text);
	font-variant-numeric: tabular-nums;
}

.cbs-at-hero-v.cbs-at-up { color: var(--cbs-at-green); }
.cbs-at-hero-v.cbs-at-down { color: var(--cbs-at-red); }

.cbs-at-hero-s {
	display: block;
	font-size: 13px !important;
	color: var(--cbs-at-muted) !important;
	margin: 0 !important;
}

@media (max-width: 991.98px) {
	.cbs-at-hero {
		--cbs-at-nav: 138px;
		grid-template-columns: minmax(0, 1fr);
		row-gap: 30px;
		min-height: 0;
		padding-bottom: 40px;
	}

	.cbs-at-hero-total {
		font-size: 40px;
	}
}

/* Temats meny ligger ovanpå inledningen. */
body.cbs-at-dark nav.container {
	z-index: 20;
}