/*
 * Bridge between the ported design (assets/css/zonebar.css) and the markup the
 * block editor produces. Only what the core blocks add on top of the original
 * DOM is handled here – nothing from the original stylesheet is repeated.
 */

/* ------------------------------------------------------------------ header */

/* The "Více" item is a real <button> so it can carry aria-expanded; the design
   styled it as one of the nav anchors, so the button chrome is reset. */
.nav-links .nav-dropdown-toggle {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	font-family: 'Outfit', system-ui, sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.5px;
	color: var(--white);
	transition: color 0.3s;
}

.nav-links .nav-dropdown-toggle:hover {
	color: var(--gold);
}

/* ---------------------------------------------------------------- page shell */

.page-shell {
	max-width: 1100px;
	margin: 0 auto;
	padding: 120px 30px 100px;
}

@media (max-width: 600px) {
	.page-shell {
		padding: 96px 18px 70px;
	}
}

/* Core groups add a flow layout with a block gap; the original design controls
   its own spacing, so the gap is neutralised inside ported sections. */
.page-shell .wp-block-group.career-block > * + *,
.page-shell .wp-block-group.page-hero > * + * {
	margin-block-start: 0;
}

.page-hero .wp-block-heading {
	margin: 0;
}

/* --------------------------------------------------------------- detail pages */

.detail-page .detail-body {
	padding: 0;
}

.detail-page .detail-body h2 {
	font-family: 'Cormorant Garamond', Georgia, serif;
}

/* -------------------------------------------------------------------- career */

.career-wrap {
	max-width: 760px;
	margin: 0 auto;
}

.career-mail a {
	color: var(--gold);
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid var(--gold);
}

.career-cta p {
	color: var(--grey);
}

/* ---------------------------------------------------------------------- blog */

/* The query loop renders a <ul> of <li>; the original design styled a grid of
   .blog-card divs, so the list items take that role. */
.wp-block-post-template.blog-grid {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-grid > .wp-block-post {
	background: var(--black-card);
	border: 1px solid rgba(219, 151, 56, 0.15);
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.4s;
	padding: 0 0 24px;
}

.blog-grid > .wp-block-post:hover {
	border-color: var(--gold);
	transform: translateY(-5px);
}

.blog-grid .wp-block-post-featured-image {
	margin: 0;
}

.blog-grid .wp-block-post-featured-image img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	display: block;
}

.blog-grid .wp-block-post-title,
.blog-grid .wp-block-post-excerpt,
.blog-grid .wp-block-post-date {
	padding: 0 24px;
}

.blog-grid .wp-block-post-title {
	font-size: 22px;
	margin: 18px 0 10px;
}

.blog-grid .wp-block-post-title a {
	color: var(--white);
	text-decoration: none;
}

.blog-grid .wp-block-post-title a:hover {
	color: var(--gold);
}

.blog-grid .wp-block-post-excerpt {
	color: var(--grey);
	font-size: 14.5px;
	line-height: 1.7;
}

.blog-grid .wp-block-post-date {
	color: var(--gold);
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 14px;
}

.blog-detail-img img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	margin-bottom: 30px;
}

.wp-block-query-pagination {
	justify-content: center;
	gap: 14px;
	margin-top: 40px;
}

/* -------------------------------------------------------------- post content */

.page-shell .wp-block-post-content h2,
.page-shell .wp-block-post-content h3 {
	color: var(--gold);
	margin: 32px 0 14px;
}

.page-shell .wp-block-post-content p {
	color: var(--grey);
	line-height: 1.8;
	margin-bottom: 18px;
}

.page-shell .wp-block-post-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

/* --------------------------------------------------------------- menu filter */

/* The filter hides whole sections; `hidden` has to beat the design's display
   rules on those wrappers. */
.zm-sekce[hidden],
.zm-kb[hidden] {
	display: none !important;
}

/* Core's global padding belongs to the editor canvas, not to sections that
   bring their own spacing from the original design. */
.page-shell .wp-block-group.has-global-padding {
	padding-left: 0;
	padding-right: 0;
}