﻿
:root {
	--flow-red: #910000;
	--flow-yellow: var(--brand-yellow, #ffcc00);
	--flow-yellow-bright: var(--brand-yellow-bright, #ffd700);
	--flow-black: var(--brand-black, #000000);
	--flow-charcoal: #141414;
	--flow-canvas: #f3f4f6;
	--flow-surface: #ffffff;
	--flow-line: rgba(145, 0, 0, 0.12);
}

body {
	background: var(--flow-canvas);
	color: var(--news-text);
}

#content.site-content {
	background: var(--flow-canvas);
}

.site-header.site-header--magazine .header-top-bar,
.site-header.site-header--magazine .header-nav-bar {
	background: var(--header-yellow-grad) !important;
}

.site-header.site-header--magazine .site-branding .custom-logo-link img {
	max-height: clamp(48px, 8vw, 64px);
	max-width: min(440px, 88vw);
	width: auto;
	height: auto;
	object-fit: contain;
}

.site-header.site-header--magazine .breaking-ticker {
	background: var(--flow-black) !important;
	border-top: 2px solid var(--flow-red);
}

.site-header.site-header--magazine .breaking-label {
	background: var(--flow-red) !important;
}

.site-header.site-header--magazine .breaking-text {
	color: var(--flow-yellow-bright) !important;
}

.site-header.site-header--magazine + .header-ad,
.site-header.site-header--magazine ~ #content {
	border-top: none;
}

.container,
.site-header.site-header--magazine .header-top-inner,
.site-header.site-header--magazine .header-nav-inner,
.site-header.site-header--magazine .breaking-inner,
.site-main .container,
.site-footer.site-footer--harmonized .footer-top-band__inner,
.site-footer.site-footer--harmonized .footer-main-band__inner,
.site-footer.site-footer--harmonized .footer-bottom-inner {
	max-width: var(--container-width, 1280px);
	margin-inline: auto;
	width: 100%;
	box-sizing: border-box;
}

.site-main {
	margin-inline: auto;
	width: 100%;
	max-width: var(--container-width, 1280px);
	padding-inline: var(--ltv-container-pad, clamp(12px, 3vw, 20px));
	box-sizing: border-box;
}

body.home .site-main.front-page {
	max-width: none;
	padding-inline: var(--ref-page-gutter, clamp(14px, 3vw, 24px)) !important;
}

body.home .site-main.front-page > * {
	max-width: var(--container-width, 1280px);
	margin-inline: auto !important;
}

.front-page .home-premium-header,
.front-page .home-mosaic-accent-header,
.front-page .section-header,
.archive-lachtv-header,
.single-widget__header {
	border-bottom: 2px solid var(--flow-yellow) !important;
}

.archive-lachtv-read__header {
	border-bottom-color: var(--flow-red) !important;
}

body.dark-mode {
	--flow-canvas: #0a0a0a;
	background: var(--flow-canvas);
}

body.dark-mode #content.site-content {
	background: var(--flow-canvas);
}

body.dark-mode .site-footer.site-footer--harmonized {
	background: var(--flow-black) !important;
}

@media (max-width: 991px) {
	.site-footer.site-footer--harmonized .footer-col--brand {
		align-items: flex-start;
		text-align: start;
	}

	.site-footer.site-footer--harmonized .footer-logo-wrap,
	.site-footer.site-footer--harmonized .footer-social {
		justify-content: flex-start;
	}
}

@media (max-width: 768px) {
	.site-main {
		padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px));
	}
}
