/*
Theme Name: NewsQ
Theme URI: https://www.singlequeen.cz/
Description: Moderní zpravodajská šablona
Author: SingleQueen
Version: 1.3.20
*/

body {
	background-color: var(--newsq-page-background, #f2f4f6);
	color: #191c1e;
}

body.seznam header {
	position: relative;
	top: auto;
	width: 100%;
	max-width: 1060px;
	margin: 226px auto 0;
}

body.seznam main {
	position: relative;
	max-width: 1060px;
}

body.seznam footer {
	position: relative;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
}

body.seznam header .max-w-\[1000px\],
body.seznam header .newsq-header-shell,
body.seznam main.max-w-\[1000px\],
body.seznam footer .max-w-\[1000px\] {
	max-width: 1060px;
}

body.seznam header.sticky-nav,
body.seznam .newsq-header-below-leader.newsq-header-scrolled {
	position: relative;
	top: auto;
}

main {
	background-color: #ffffff;
}

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.gradient-overlay {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
}

.sticky-nav {
	position: sticky;
	top: 0;
	z-index: 50;
}

#newsq-nav-panel {
	display: block;
}

@media (max-width: 767px) {
	#newsq-nav-panel {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 4rem;
		bottom: 0;
		z-index: 40;
		overflow-y: auto;
		background-color: var(--newsq-primary, #4648d4);
		border-bottom: 1px solid var(--newsq-outline-variant, #c4c6d0);
		box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
	}

	#newsq-nav-panel.is-open {
		display: block;
	}

	body.admin-bar #newsq-nav-panel {
		top: calc(4rem + var(--wp-admin--admin-bar--height, 32px));
	}

	#newsq-nav-panel .sub-menu {
		position: static !important;
		display: flex !important;
		flex-direction: column;
		min-width: 0;
		padding-left: 0.75rem;
		margin-top: 0.25rem;
		margin-bottom: 0.5rem;
		background: transparent !important;
		border: none !important;
		border-radius: 0;
		box-shadow: none !important;
	}

	#newsq-nav-panel .sub-menu a {
		color: rgba(255, 255, 255, 0.85) !important;
		background-color: transparent !important;
		border-radius: 0.375rem;
	}

	#newsq-nav-panel .sub-menu a:hover,
	#newsq-nav-panel .sub-menu a:focus {
		background-color: rgba(255, 255, 255, 0.1) !important;
		color: #fff !important;
	}

	#newsq-nav-panel .sub-menu .current-menu-item > a,
	#newsq-nav-panel .sub-menu .current-menu-ancestor > a,
	#newsq-nav-panel .sub-menu .current-menu-parent > a {
		color: #fff !important;
		font-weight: 700 !important;
		background-color: rgba(255, 255, 255, 0.18) !important;
		border-left: 3px solid #fff;
		padding-left: calc(1rem - 3px);
	}

	body.newsq-nav-open {
		overflow: hidden;
	}
}

.newsq-header-below-leader .newsq-header-shell {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	transition:
		max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.3s ease;
}

.newsq-header-below-leader.newsq-header-scrolled {
	position: sticky;
	top: 0;
	z-index: 50;
	width: 100%;
}

.newsq-header-below-leader.newsq-header-scrolled .newsq-header-shell {
	max-width: 100%;
}

body.admin-bar .sticky-nav,
body.admin-bar .newsq-header-below-leader.newsq-header-scrolled {
	top: var(--wp-admin--admin-bar--height, 32px);
}

@media (prefers-reduced-motion: reduce) {
	.newsq-header-below-leader .newsq-header-shell {
		transition: none;
	}
}

.section-anchor {
	border-left: 4px solid var(--newsq-primary);
	padding-left: 1rem;
}

.highlight-links a,
.widget_sq_sources_widget a {
	color: var(--newsq-primary);
	text-decoration: underline;
}

.highlight-links a:hover,
.highlight-links a:focus,
.widget_sq_sources_widget a:hover,
.widget_sq_sources_widget a:focus {
	text-decoration: none;
}

.content-body p {
	margin-bottom: 1.5rem;
}

.content-body h2,
.content-body h3,
.content-body h4 {
	font-weight: 700;
	margin: 1.5rem 0 1rem;
}

.content-body blockquote {
	margin: 2.5rem 0;
	padding: 1.5rem;
	background-color: #f2f4f6;
	border-left: 4px solid var(--newsq-primary);
	font-style: italic;
}

.content-body ul:not(.list-none):not(.itslovnik-kategorie-index__list),
.content-body ol:not(.list-none) {
	margin: 0 0 1.5rem;
	padding-left: 1.625rem;
}

.content-body ul:not(.list-none):not(.itslovnik-kategorie-index__list) {
	list-style-type: disc;
}

.content-body ol:not(.list-none) {
	list-style-type: decimal;
}

.content-body ul:not(.list-none):not(.itslovnik-kategorie-index__list) > li,
.content-body ol:not(.list-none) > li {
	margin-bottom: 0.375rem;
	padding-left: 0.375rem;
}

.content-body ul:not(.list-none):not(.itslovnik-kategorie-index__list) > li:last-child,
.content-body ol:not(.list-none) > li:last-child {
	margin-bottom: 0;
}

.content-body ul:not(.list-none):not(.itslovnik-kategorie-index__list) > li::marker,
.content-body ol:not(.list-none) > li::marker {
	color: var(--newsq-primary);
}

.content-body ul:not(.list-none) ul {
	list-style-type: circle;
	margin-top: 0.375rem;
	margin-bottom: 0.375rem;
}

.content-body ul:not(.list-none) ul ul {
	list-style-type: square;
}

.content-body ol:not(.list-none) ol {
	list-style-type: lower-alpha;
	margin-top: 0.375rem;
	margin-bottom: 0.375rem;
}

.content-body ol:not(.list-none) ol ol {
	list-style-type: lower-roman;
}

.content-body hr.wp-block-separator.has-alpha-channel-opacity {
	margin-bottom: 25px;
	border-color: #e6e8ea;
	color: #e6e8ea;
}

.newsq-footer {
	background-color: var(--newsq-footer-background, #122236);
}

.newsq-footer-beak {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.newsq-footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	row-gap: 1rem;
}

.newsq-footer-menu > li {
	display: flex;
	align-items: center;
}

.newsq-footer-menu > li:not(:last-child)::after {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--newsq-primary);
	margin: 0 1rem;
	flex-shrink: 0;
}

.newsq-footer-text {
	color: rgba(255, 255, 255, 0.65);
}

.newsq-footer-divider {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.navigation.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.navigation.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	padding: 0.375rem 0.75rem;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #191c1e;
	text-decoration: none;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.navigation.pagination a.page-numbers:hover {
	color: var(--newsq-primary);
	background-color: #f2f4f6;
}

.navigation.pagination .page-numbers.current {
	color: var(--newsq-primary);
	font-weight: 600;
}
