/* MK autočalounictví – vzhled nad Twenty Twenty-Five */

:root {
	--mk-gutter: clamp(16px, 4vw, 40px);
	--mk-stitch: color-mix(in srgb, var(--wp--preset--color--accent-2) 70%, transparent);
	--mk-radius: 8px;
}

body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.mk-main { margin-top: 0 !important; padding-bottom: 0; }
.mk-main > * { margin-block-start: 0; }
::selection { background: var(--wp--preset--color--accent-2); color: #fff; }

/* ---------- Hlavička ---------- */
.mk-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(255,255,255,.08); }
.admin-bar .mk-header { top: var(--wp-admin--admin-bar--height, 32px); }
.mk-header__bar { padding-block: .7rem; gap: 1rem; min-height: 64px; }
.mk-brand { display: flex; align-items: center; gap: .75rem; text-decoration: none; color: inherit; }
.mk-brand img { width: 38px; height: auto; flex: none; }
.mk-brand__text { display: grid; line-height: 1.1; }
.mk-brand__name { font-family: var(--wp--preset--font-family--vollkorn); font-weight: 700; font-size: 1.2rem; letter-spacing: .01em; }
.mk-brand__sub { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; opacity: .65; margin-top: .2rem; }
.mk-header__right { gap: 1.4rem; }
.mk-nav a { color: inherit; text-decoration: none; padding-block: .3rem; border-bottom: 1px solid transparent; }
.mk-nav .wp-block-navigation-item__content:hover,
.mk-nav .current-menu-item > a { border-bottom-color: var(--wp--preset--color--accent-2); color: #fff; }
.mk-call {
	display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap;
	padding: .55rem 1rem; border-radius: 999px; text-decoration: none; font-weight: 700; font-size: .9rem;
	background: var(--wp--preset--color--accent-1); color: #fff;
}
.mk-call:hover { background: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--contrast); }
.wp-block-navigation__responsive-container.is-menu-open { padding: 1.2rem var(--mk-gutter) 2rem !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; padding-top: 3.5rem !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; gap: 1rem !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { border-bottom: 1px dashed rgba(255,255,255,.15); width: 100%; padding-bottom: .6rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-family: var(--wp--preset--font-family--vollkorn); font-size: 1.8rem; }
.wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; }

@media (max-width: 599px) {
	.mk-brand__sub { display: none; }
	.mk-brand__name { font-size: 1.05rem; }
	.mk-call { padding: .55rem; }
	.mk-call span { display: none; }
	.mk-header__right { gap: .6rem; }
}

/* ---------- Obecné prvky ---------- */
.mk-eyebrow {
	display: flex; width: fit-content; align-items: center; gap: .75rem; margin-bottom: .6rem !important;
	font-size: .78rem !important; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
}
.mk-eyebrow::before { content: ""; width: 2.2rem; border-top: 2px dashed currentColor; }
.has-contrast-background-color .mk-eyebrow { color: var(--wp--preset--color--accent-2); }
.mk-lead { font-size: clamp(1.05rem, 1rem + .35vw, 1.25rem) !important; line-height: 1.6; max-width: 46rem; }
.has-contrast-background-color .mk-lead { color: color-mix(in srgb, var(--wp--preset--color--base) 82%, transparent); }
.mk-section { padding-block: clamp(3.5rem, 8vw, 6.5rem); }
.mk-section > .wp-block-heading { margin-top: 0; }
/* úzké prvky v širokých sekcích zarovnat k levému okraji sloupce, ne na střed */
:where(.mk-section, .mk-pagehead).is-layout-constrained > :is(.mk-eyebrow, .mk-lead, .wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-term-description) {
	--mk-col: min(100%, var(--wp--style--global--wide-size));
	margin-left: calc((100% - var(--mk-col)) / 2) !important; margin-right: auto !important;
}
:where(.mk-section, .mk-pagehead).is-layout-constrained > :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title) { max-width: min(var(--mk-col), 22em); }
.mk-cta.is-layout-constrained > * { margin-left: auto !important; margin-right: auto !important; }
.mk-section > * + .wp-block-group,
.mk-section > * + .wp-block-query,
.mk-section > * + .wp-block-columns { margin-top: clamp(1.8rem, 4vw, 3rem); }
.mk-section > .wp-block-buttons { margin-top: 2.4rem; }

.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--wp--preset--color--accent-1); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--accent-1); color: #fff; border-color: var(--wp--preset--color--accent-1); }
.has-contrast-background-color .wp-block-button.is-style-outline > .wp-block-button__link { color: var(--wp--preset--color--base); border-color: color-mix(in srgb, var(--wp--preset--color--base) 45%, transparent); }
.has-contrast-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }
.has-contrast-background-color .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover { background: var(--wp--preset--color--accent-2); border-color: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--contrast); }
.has-contrast-background-color a:not(.wp-element-button):not(.mk-call):not(.mk-brand):not(.wp-block-navigation-item__content) { color: var(--wp--preset--color--accent-2); }
.mk-header a.mk-brand { color: var(--wp--preset--color--base); }

.mk-rounded img, .wp-block-gallery img { border-radius: var(--mk-radius); }

/* ---------- Úvod: hero ---------- */
.mk-hero { padding-block: clamp(1.5rem, 3vw, 2.75rem) clamp(3rem, 6vw, 5rem); position: relative; overflow: hidden; }
.mk-hero::after { /* jemné „prošití“ u spodního okraje */
	content: ""; position: absolute; left: 0; right: 0; bottom: 14px; border-top: 2px dashed var(--mk-stitch); opacity: .55;
}
.mk-hero__cols { gap: clamp(2rem, 5vw, 4.5rem); }
.mk-hero__title { margin-top: .3rem; margin-bottom: 1.2rem; }
.mk-hero .wp-block-buttons { margin-top: 2rem; }
.mk-facts { margin-top: 2.2rem !important; font-size: .9rem !important; color: color-mix(in srgb, var(--wp--preset--color--base) 70%, transparent); }
.mk-facts strong { color: var(--wp--preset--color--base); }
.mk-sep { margin-inline: .6rem; color: var(--wp--preset--color--accent-2); }

.mk-mosaic.wp-block-gallery.has-nested-images {
	display: grid !important; grid-template-columns: 1.15fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; aspect-ratio: 1 / 1;
}
.mk-mosaic.wp-block-gallery.has-nested-images figure.wp-block-image { width: auto !important; margin: 0 !important; height: 100%; }
.mk-mosaic.wp-block-gallery.has-nested-images figure.wp-block-image:first-child { grid-row: span 2; }
.mk-mosaic.wp-block-gallery.has-nested-images figure.wp-block-image img { height: 100%; width: 100%; object-fit: cover; }
@media (max-width: 781px) {
	.mk-mosaic.wp-block-gallery.has-nested-images { aspect-ratio: 4 / 3; margin-top: 1rem; }
	.mk-hero__cols > .wp-block-column { flex-basis: 100% !important; }
}

/* ---------- Úvod: služby ---------- */
.mk-cards { gap: 1.25rem !important; }
.mk-card {
	position: relative; padding: 1.9rem 1.7rem 1.6rem; border-radius: var(--mk-radius);
	background: #fff; border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 9%, transparent);
	transition: transform .25s ease, box-shadow .25s ease;
}
.mk-card::before { /* prošití */
	content: ""; position: absolute; inset: 7px; border: 1.5px dashed color-mix(in srgb, var(--wp--preset--color--accent-1) 35%, transparent);
	border-radius: 5px; pointer-events: none; transition: border-color .25s;
}
.mk-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgba(23,21,19,.35); }
.mk-card:hover::before { border-color: var(--wp--preset--color--accent-1); }
.mk-card > * { margin: 0; }
.mk-card h3 { margin: .35rem 0 .55rem; }
.mk-card p:last-child { color: var(--wp--preset--color--accent-4); font-size: .97rem; }
.mk-card__num { font-family: var(--wp--preset--font-family--vollkorn); font-style: italic; font-size: 1.05rem !important; color: var(--wp--preset--color--accent-1); }

/* ---------- Pásy ---------- */
.mk-band .wp-block-columns { gap: clamp(2rem, 5vw, 4.5rem); }
.mk-band img { box-shadow: 0 20px 40px -25px rgba(23,21,19,.5); }

/* ---------- Mřížky karet (Query Loop) ---------- */
.mk-grid .wp-block-post-template { gap: clamp(1rem, 2.5vw, 1.75rem) !important; }
.mk-grid .wp-block-post { position: relative; }
.mk-grid .wp-block-post-featured-image { margin: 0; overflow: hidden; border-radius: var(--mk-radius); }
.mk-grid .wp-block-post-featured-image img { transition: transform .5s ease; }
.mk-grid .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.045); }
.mk-grid .wp-block-post-title { font-size: 1.2rem !important; margin: .8rem 0 0; }
.mk-grid .wp-block-post-title a { color: inherit; text-decoration: none; }
.mk-grid .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; } /* celá karta klikací */
.mk-grid .wp-block-post:hover .wp-block-post-title a { color: var(--wp--preset--color--accent-1); }
.mk-grid--dark .wp-block-post:hover .wp-block-post-title a { color: var(--wp--preset--color--accent-2); }
.mk-card-meta { margin: .9rem 0 0; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--accent-1); }
.mk-card-meta a { color: inherit; text-decoration: none; position: relative; z-index: 1; }
.mk-card-meta + .mk-card-title { margin-top: .2rem !important; }
.mk-grid .wp-block-query-pagination { margin-top: 3rem; font-weight: 600; }
@media (max-width: 781px) {
	.mk-grid .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.mk-grid .wp-block-post-title { font-size: 1.02rem !important; margin-top: .55rem; }
	.mk-card-meta { font-size: .68rem; margin-top: .6rem; }
}

/* ---------- CTA ---------- */
.mk-cta { text-align: center; }
.mk-cta > .wp-block-heading { margin-inline: auto !important; }
.mk-cta .wp-block-buttons { justify-content: center; }
.mk-cta > p { color: var(--wp--preset--color--accent-4); }
.mk-cta--band { border-top: 2px dashed color-mix(in srgb, var(--wp--preset--color--accent-1) 30%, transparent); }

/* ---------- Hlavička podstránek ---------- */
.mk-pagehead { padding-block: clamp(2.6rem, 6vw, 4.5rem); }
.mk-pagehead > * { margin-block: 0; }
.mk-pagehead h1 { margin-top: .2rem !important; }
.mk-pagehead .mk-lead, .mk-pagehead .wp-block-term-description { margin-top: 1rem !important; }
.mk-pagehead__meta { margin-top: .9rem !important; font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mk-content { padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.mk-main > .wp-block-query, .mk-main > .mk-filter { margin-top: clamp(2rem, 5vw, 3.5rem); }
.mk-main > .wp-block-query { margin-bottom: clamp(3rem, 7vw, 5rem); }
.mk-back { padding-bottom: 3rem; }
.mk-back a { font-weight: 700; text-decoration: none; }

/* galerie a reference: fotky přes šířku */
.mk-single .mk-content > .wp-block-gallery,
.mk-content > .wp-block-gallery { max-width: var(--wp--style--global--wide-size) !important; }
.wp-block-gallery.has-nested-images:not(.mk-mosaic) {
	display: grid !important; grid-template-columns: repeat(var(--mk-cols, 3), minmax(0, 1fr)); gap: clamp(8px, 1.4vw, 16px);
}
.wp-block-gallery.has-nested-images.columns-2 { --mk-cols: 2; }
.wp-block-gallery.has-nested-images.columns-4 { --mk-cols: 4; }
.wp-block-gallery.has-nested-images:not(.mk-mosaic) figure.wp-block-image { width: auto !important; margin: 0 !important; }
.wp-block-gallery.has-nested-images figure.wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; height: auto; }
@media (max-width: 599px) { .wp-block-gallery.has-nested-images:not(.mk-mosaic) { --mk-cols: 2 !important; } }

/* filtr kategorií */
.mk-filter { gap: .5rem; }
.mk-filter .wp-block-html { display: contents; }
.mk-chips { display: contents; list-style: none; margin: 0; padding: 0; }
.mk-chips li { margin: 0; }
.mk-chip, .mk-chips a {
	display: inline-block; padding: .5rem 1.05rem; border-radius: 999px; text-decoration: none; font-weight: 600; font-size: .9rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 18%, transparent); color: var(--wp--preset--color--contrast);
}
.mk-chip.is-active, .mk-chips .current-cat a, .mk-chip:hover, .mk-chips a:hover {
	background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--contrast);
}

/* boxy */
.mk-box { padding: 2rem; border-radius: var(--mk-radius); background: var(--wp--preset--color--accent-5); position: relative; }
.mk-box::before { content: ""; position: absolute; inset: 8px; border: 1.5px dashed color-mix(in srgb, var(--wp--preset--color--accent-1) 35%, transparent); border-radius: 5px; pointer-events: none; }
.mk-box > * { margin-block: 0 .6rem; position: relative; }

/* kontakt */
.mk-contact { gap: clamp(2rem, 5vw, 4rem); }
.mk-contact .wp-block-heading { font-size: 1.7rem; }
.page .mk-content:has(.mk-contact) { max-width: none; }
.mk-content > .mk-contact { max-width: var(--wp--style--global--wide-size) !important; }

/* ---------- Patička ---------- */
.mk-footer { padding-block: 3.5rem 1.5rem; font-size: .95rem; }
.mk-footer__grid { display: grid; gap: 2.5rem; grid-template-columns: 1.4fr 1fr 1fr; }
.mk-footer__brand img { width: 52px; height: auto; }
.mk-footer__brand p { max-width: 30ch; color: color-mix(in srgb, var(--wp--preset--color--base) 70%, transparent); }
.mk-footer__h { font-family: var(--wp--preset--font-family--manrope); font-size: .75rem !important; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--accent-2); margin: 0 0 .8rem; }
.mk-footer p { margin: 0 0 .8rem; }
.mk-footer a { color: var(--wp--preset--color--base) !important; text-decoration: none; }
.mk-footer a:hover { color: var(--wp--preset--color--accent-2) !important; }
.mk-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.mk-footer__bottom {
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin-top: 2.5rem; padding-top: 1.2rem;
	border-top: 1px dashed rgba(255,255,255,.18); font-size: .82rem; color: color-mix(in srgb, var(--wp--preset--color--base) 55%, transparent);
}
@media (max-width: 781px) { .mk-footer__grid { grid-template-columns: 1fr 1fr; } .mk-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 479px) { .mk-footer__grid { grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

.mk-content > .mk-lead { max-width: none; }
.mk-single .mk-content > .mk-lead { max-width: 46rem; margin-left: calc((100% - min(100%, var(--wp--style--global--wide-size))) / 2) !important; }
.wp-block-navigation__responsive-container.is-menu-open {
	--navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; --navigation-layout-align: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { justify-content: flex-start !important; align-items: flex-start !important; text-align: left; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { border-bottom: 0 !important; }
.mk-cards.is-layout-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 959px) { .mk-cards.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 599px) { .mk-cards.is-layout-grid { grid-template-columns: 1fr !important; } }

/* úvod – delší text v hero */
.mk-hero__text { color: color-mix(in srgb, var(--wp--preset--color--base) 72%, transparent); max-width: 46rem; }
.mk-claim {
	margin-top: 1.6rem !important; font-family: var(--wp--preset--font-family--vollkorn); font-style: italic;
	font-size: clamp(1.25rem, 1.1rem + .6vw, 1.6rem) !important; color: var(--wp--preset--color--accent-2);
}

/* úvod: menší nadpis, aby se text vešel na obrazovku notebooku */
.mk-hero .mk-hero__title { font-size: clamp(2.2rem, 1.5rem + 2.6vw, 3.4rem) !important; margin-bottom: 1rem; }
.mk-hero .mk-hero__cols > .wp-block-column:first-child > .mk-eyebrow { margin-top: 0 !important; }
@media (min-width: 782px) {
	.mk-hero .mk-hero__cols { align-items: flex-start !important; }
	.mk-hero .mk-hero__cols > .wp-block-column { align-self: flex-start !important; }
	.mk-hero .mk-mosaic { margin-top: 2.2rem !important; }
}