/*
Theme Name: MireX3D
Theme URI: https://mirex3d.cz/
Author: Miroslav Černý
Description: Bloková šablona pro MireX3D – 3D tisk pro výrobní firmy. Signální žlutá a grafit, písma Archivo a IBM Plex uložená přímo v šabloně.
Version: 1.5.2
Requires at least: 6.6
Requires PHP: 8.0
License: GPLv2 or later
Text Domain: mirex3d
*/

:root{
  --mx-bg:var(--wp--preset--color--bg);
  --mx-surface:var(--wp--preset--color--surface);
  --mx-ink:var(--wp--preset--color--ink);
  --mx-muted:var(--wp--preset--color--muted);
  --mx-line:var(--wp--preset--color--line);
  --mx-accent:var(--wp--preset--color--accent);
  --mx-accent-ink:var(--wp--preset--color--accent-ink);
  --mx-accent-text:var(--wp--preset--color--accent-text);
  --mx-steel:var(--wp--preset--color--steel);
  --mx-steel-ink:var(--wp--preset--color--steel-ink);
  --mx-chip:var(--wp--preset--color--chip);
  --mx-display:var(--wp--preset--font-family--display);
  --mx-mono:var(--wp--preset--font-family--mono);
  --mx-pad:clamp(16px,4vw,40px);
}
html{scroll-padding-top:80px}
body{margin:0}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--mx-accent);outline-offset:3px}
a{color:var(--mx-accent-text)}
.mx-main{margin-block-start:0}
.wp-site-blocks>*{margin-block-start:0}

/* ---------- Typografie ---------- */
h1,h2,h3,h4{font-family:var(--mx-display);font-stretch:88%;text-wrap:balance}
.mx-label{font:500 12px/1.2 var(--mx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mx-muted);margin:0}
.mx-lead{font-size:clamp(17px,1.6vw,20px);color:var(--mx-muted);max-width:34em}
strong{font-weight:600}

/* ---------- Hlavička ---------- */
.mx-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--mx-line);padding-inline:var(--mx-pad)}
.mx-header::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--mx-bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.admin-bar .mx-header{top:32px}
@media (max-width:782px){.admin-bar .mx-header{top:46px}}
.mx-header__in{min-height:64px;gap:24px;align-items:center}
.mx-logo{margin:0;font:800 22px/1 var(--mx-display);font-stretch:112%;letter-spacing:.02em}
.mx-logo a{color:var(--mx-ink);text-decoration:none}
.mx-logo strong{color:var(--wp--preset--color--logo-accent,#B88C00);font-weight:800}
.mx-nav{margin-left:auto;font-size:14.5px;gap:20px}
.mx-nav a{color:var(--mx-muted);text-decoration:none}
.mx-nav a:hover,.mx-nav .current-menu-item>a{color:var(--mx-ink)}
.mx-nav .current-menu-item>a{box-shadow:inset 0 -2px 0 var(--mx-accent)}
.mx-header__cta .wp-block-button__link{padding:.65em 1em;font-size:14px}
.mx-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--mx-surface);padding:24px var(--mx-pad)}
.mx-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{font-size:18px;color:var(--mx-ink)}
.mx-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.mx-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important;justify-content:flex-start!important}
.mx-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:6px!important;width:100%}
.mx-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid var(--mx-line);padding:10px 0;align-items:flex-start!important;justify-content:flex-start!important;text-align:left}
.mx-nav .wp-block-navigation__responsive-container.is-menu-open{--navigation-layout-justification-setting:flex-start;--navigation-layout-justify:flex-start}
.mx-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{font:700 22px/1.2 var(--mx-display)}
@media (max-width:600px){.mx-header__cta{display:none!important}}

/* ---------- Sekce ---------- */
.mx-sec,.mx-hero,.mx-pagehead,.mx-contact,.mx-about{padding-inline:var(--mx-pad)}
.mx-sec{padding-block:clamp(44px,6vw,80px)}
.mx-sec--tight{padding-block:clamp(40px,6vw,72px)}
.mx-sec--surface{background:var(--mx-surface);border-block:1px solid var(--mx-line)}
.mx-sec>*,.mx-hero>*,.mx-pagehead>*,.mx-contact>*,.mx-about>*{margin-block-start:0}
.mx-sec>*+*{margin-block-start:clamp(28px,4vw,44px)}

.mx-sechead{align-items:flex-end!important;gap:24px 48px!important;margin-bottom:0}
.mx-sechead h2{font-size:clamp(30px,4vw,48px);font-weight:750;margin:12px 0 0}
.mx-sechead p:not(.mx-label){color:var(--mx-muted);margin:0;max-width:36em}

/* ---------- Hero ---------- */
.mx-hero{padding-block:clamp(40px,7vw,88px) clamp(48px,7vw,96px)}
.mx-hero__cols{align-items:center!important;gap:clamp(32px,5vw,72px)!important}
@media (min-width:782px){.mx-hero__cols>.wp-block-column:first-child{flex:0 1 54%!important}}
.mx-hero h1{font-size:clamp(40px,6.2vw,78px);font-weight:800;line-height:1.02;margin:18px 0 0}
.mx-hero .mx-lead{margin:22px 0 32px}
.wp-block-buttons{gap:12px}
.wp-block-button__link{padding:.85em 1.3em;border:1.5px solid transparent;text-decoration:none}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--mx-ink);border-color:var(--mx-ink)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--mx-ink);color:var(--mx-bg)}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{filter:brightness(1.06)}

.mx-chips{list-style:none;padding:0;margin:36px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.mx-chips li{font:500 12.5px/1 var(--mx-mono);background:var(--mx-chip);padding:8px 10px;border-radius:3px;margin:0}
.mx-chips--lg li{font-size:13.5px;padding:9px 11px}

/* Fotka v rámečku se žlutými rohy */
.mx-frame{position:relative;margin:0}
.mx-frame img{display:block;width:100%;border-radius:2px;object-fit:cover}
.mx-frame--tall img{aspect-ratio:3/4}
.mx-frame--portrait img{aspect-ratio:4/5}
.mx-frame--43 img{aspect-ratio:4/3}
.mx-frame::before,.mx-frame::after{content:"";position:absolute;width:28px;height:28px;border:2px solid var(--mx-accent);pointer-events:none;z-index:1}
.mx-frame::before{top:-10px;left:-10px;border-right:0;border-bottom:0}
.mx-frame::after{bottom:-10px;right:-10px;border-left:0;border-top:0}
.mx-frame figcaption{position:absolute;left:12px;bottom:12px;margin:0;font:500 11.5px/1 var(--mx-mono);background:var(--mx-surface);color:var(--mx-ink);padding:7px 9px;border-radius:2px;z-index:1}

/* Místo pro fotku */
.mx-ph{aspect-ratio:16/9;background:repeating-linear-gradient(135deg,var(--mx-chip) 0 12px,transparent 12px 24px);display:flex!important;align-items:flex-end;padding:14px;border-bottom:1px solid var(--mx-line)}
.mx-ph p{font:500 11.5px/1.3 var(--mx-mono);background:var(--mx-surface);padding:6px 8px;border-radius:2px;color:var(--mx-muted);margin:0!important}
.mx-ph--tall{aspect-ratio:4/3;border:1px solid var(--mx-line);border-radius:4px}
.mx-ph--portrait{aspect-ratio:4/5;border:1px solid var(--mx-line);border-radius:4px}

/* ---------- Podstránky ---------- */
.mx-pagehead{padding-block:clamp(24px,3.5vw,44px) clamp(24px,3vw,40px);border-bottom:1px solid var(--mx-line)}
.mx-pagehead__cols{align-items:center!important;gap:clamp(28px,5vw,64px)!important}
.mx-pagehead h1{font-size:clamp(32px,4.4vw,54px);font-weight:800;line-height:1.04;margin:12px 0 0;max-width:16em}
.mx-pagehead .mx-lead{margin:16px 0 22px;max-width:36em}
.mx-pagehead--legal h1{font-size:clamp(30px,4vw,48px)}

/* Služby */
.mx-svc{border-top:1px solid var(--mx-line);gap:0!important}
.mx-svc>.wp-block-column{padding:28px 28px 32px 0;display:flex;flex-direction:column;gap:12px}
.mx-svc>.wp-block-column+.wp-block-column{padding-left:28px;border-left:1px solid var(--mx-line)}
.mx-svc h3{font-size:26px;font-weight:700;margin:0}
.mx-svc p{margin:0;color:var(--mx-muted)}
.mx-more{margin-top:auto!important}
.mx-more a{font-weight:600;color:var(--mx-accent-text);text-decoration:none;font-size:15px}
@media (max-width:781px){.mx-svc>.wp-block-column,.mx-svc>.wp-block-column+.wp-block-column{padding:24px 0;border-left:0;border-bottom:1px solid var(--mx-line)}}

/* Proč MireX3D */
.mx-why{gap:28px!important}
.mx-why>.wp-block-column{border-top:2px solid var(--mx-ink);padding-top:18px}
.mx-why h3{font-size:22px;font-weight:700;margin:0 0 8px}
.mx-why p{margin:0;color:var(--mx-muted);font-size:15.5px}

/* Podmínky spolupráce */
.mx-terms{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 12px}
.mx-terms li{border:1.5px solid var(--mx-line);border-radius:4px;padding:10px 14px;font-weight:600;font-size:15px;margin:0;background:var(--mx-bg)}

/* Dlaždice */
.mx-cards{gap:20px!important}
.mx-card{background:var(--mx-surface);border:1px solid var(--mx-line);border-radius:4px;overflow:hidden;padding:0 0 26px!important;display:flex!important;flex-direction:column}
.mx-card>*:not(.mx-ph):not(.mx-card__img){margin-inline:24px!important}
.mx-card>.mx-ph,.mx-card>.mx-card__img{margin:0 0 22px!important}
.mx-card__img img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}
.mx-card h3{font-size:24px;font-weight:700;margin:0 0 12px}
.mx-card p{margin:0;color:var(--mx-muted)}
.mx-card .mx-more{margin-top:16px!important}
.mx-spec{display:inline-block;align-self:flex-start;margin-top:14px!important;font:500 12.5px/1 var(--mx-mono)!important;background:var(--mx-chip);padding:7px 9px;border-radius:3px;color:var(--mx-ink)!important}
.mx-dash{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.mx-dash li{padding-left:18px;position:relative;color:var(--mx-muted);margin:0}
.mx-dash li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:var(--mx-accent)}
@media (max-width:781px){.mx-cards,.mx-items{grid-template-columns:1fr!important}}

/* Položky ve dvou sloupcích */
.mx-items{gap:0 48px!important;border-top:1px solid var(--mx-line)}
.mx-item{padding:24px 0;border-bottom:1px solid var(--mx-line)}
.mx-item>*{margin-block-start:0}
.mx-item h3{font-size:22px;font-weight:700;margin:0 0 8px}
.mx-item p{margin:0;color:var(--mx-muted)}

/* Grafitový pruh s kroky */
.mx-steel{background:var(--mx-steel);color:var(--mx-steel-ink)}
.mx-steel .mx-label{color:#9AA7B0}
.mx-steel .mx-sechead p:not(.mx-label),.mx-steel .mx-steps p{color:#B7C1C8}
.mx-steps{gap:20px!important}
.mx-steps>.wp-block-column{border-top:2px solid var(--mx-accent);padding-top:20px}
.mx-steps h3{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--mx-steel-ink)}
.mx-steps p{margin:0}
.mx-step-no{font:500 13px/1 var(--mx-mono)!important;color:var(--mx-accent)!important;margin:0 0 14px!important}

/* Zvýrazněný blok */
.mx-callout{border-left:3px solid var(--mx-accent);background:var(--mx-surface);padding:20px 24px!important;border-radius:0 4px 4px 0;max-width:46em}
.mx-callout>*{margin-block-start:0}
.mx-callout h3{font-size:22px;font-weight:700;margin:0 0 6px}
.mx-callout p{margin:0;color:var(--mx-muted)}

/* Text v úzkém sloupci */
.mx-prose{max-width:44em}
.mx-prose>*{margin-block-start:0}
.mx-prose h2{font-size:clamp(26px,3.2vw,38px);font-weight:750;margin:12px 0 14px}
.mx-prose p{color:var(--mx-muted)}
.mx-legal h2{font-size:clamp(22px,2.4vw,28px);margin:40px 0 12px}
.mx-legal p,.mx-legal li{color:var(--mx-ink)}
.mx-legal p{margin:0 0 12px}

/* Tabulky */
.mx-table{overflow-x:auto;border:1px solid var(--mx-line);border-radius:4px;background:var(--mx-surface);margin-inline:0;margin-bottom:0}
.mx-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.mx-table th,.mx-table td{text-align:left;padding:13px 16px;border:0;border-bottom:1px solid var(--mx-line);vertical-align:top}
.mx-table th{font:500 12px/1.2 var(--mx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mx-muted);background:var(--mx-chip)}
.mx-table tr:last-child td{border-bottom:0}
.mx-table td{color:var(--mx-muted)}
.mx-table td:first-child{font-weight:600;color:var(--mx-ink)}
.mx-table--kv table{min-width:0}
@media (max-width:600px){
  .mx-table:not(.mx-table--kv) table{min-width:0}
  .mx-table:not(.mx-table--kv) thead{display:none}
  .mx-table:not(.mx-table--kv) table,.mx-table:not(.mx-table--kv) tbody,.mx-table:not(.mx-table--kv) tr,.mx-table:not(.mx-table--kv) td{display:block;width:auto}
  .mx-table:not(.mx-table--kv) tr{padding:14px 16px;border-bottom:1px solid var(--mx-line)}
  .mx-table:not(.mx-table--kv) tr:last-child{border-bottom:0}
  .mx-table:not(.mx-table--kv) td{padding:0;border:0}
  .mx-table:not(.mx-table--kv) td:first-child{font-size:16px;margin-bottom:4px}
  .mx-table:not(.mx-table--kv) td+td{margin-top:4px}
  .mx-table--kv td:first-child{width:40%}
}

/* Galerie */
.mx-gallery.wp-block-gallery.has-nested-images{gap:16px}
.mx-gallery.wp-block-gallery.has-nested-images figure.wp-block-image{flex-direction:column;align-items:stretch;justify-content:flex-start;flex-grow:0!important}
.mx-gallery.wp-block-gallery.has-nested-images figure.wp-block-image img{aspect-ratio:1/1;object-fit:cover;border:1px solid var(--mx-line);border-radius:4px;background:#F2F3F1;flex:none}
.mx-gallery.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static;background:none;color:var(--mx-muted);text-align:left;font-size:14px;padding:8px 0 0;margin:0;max-height:none;overflow:visible;text-shadow:none;width:auto}
.mx-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{display:none}
@media (max-width:781px){.mx-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:calc(50% - 8px)}}

/* Výzva na konci stránky */
.mx-endcta{border-top:1px solid var(--mx-line)}
.mx-endcta__cols{align-items:center!important;justify-content:space-between}
@media (min-width:782px){.mx-endcta__cols>.wp-block-column:first-child{flex:1 1 auto!important}.mx-endcta__cols>.wp-block-column:last-child{flex:0 0 auto!important}}
.mx-endcta h2{font-size:clamp(24px,3vw,34px);font-weight:750;margin:0;max-width:22em}
.mx-endcta .wp-block-buttons{justify-content:flex-end}
@media (max-width:781px){.mx-endcta .wp-block-buttons{justify-content:flex-start}}

/* O mně */
.mx-about{padding-block:clamp(28px,3.5vw,48px)}
.mx-about__cols{align-items:center!important;gap:clamp(28px,5vw,64px)!important}
@media (min-width:782px){.mx-about__cols>.wp-block-column:first-child{flex:0 0 min(280px,28%)!important}}
.mx-about h1{font-size:clamp(26px,3vw,38px);font-weight:750;margin:10px 0 14px}
.mx-about p:not(.mx-label){color:var(--mx-muted);max-width:44em;margin:0 0 10px}

/* Děkovací stránka */
.mx-thanks{min-height:40vh;border-bottom:0}

/* ---------- Poptávka ---------- */
.mx-contact{background:var(--mx-surface);border-top:1px solid var(--mx-line);padding-block:clamp(44px,6vw,80px)}
.mx-contact__cols{gap:clamp(28px,5vw,72px)!important}
@media (min-width:782px){.mx-contact__cols>.wp-block-column:first-child{flex:0 1 38%!important}}
.mx-contact h2{font-size:clamp(30px,4vw,48px);font-weight:750;margin:12px 0 18px}
.mx-contact p{color:var(--mx-muted)}
.wpcf7 form{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.wpcf7 form>p,.wpcf7 form>div{margin:0 0 12px}
.wpcf7 form>p:has(textarea),.wpcf7 form>p:has(input[type=file]),.wpcf7 form>p:has(.wpcf7-acceptance),.wpcf7 form>p:has(input[type=submit]),.wpcf7 form .wpcf7-response-output,.wpcf7 form .wpcf7-turnstile,.wpcf7 form>div{grid-column:1/-1}
.wpcf7 label{display:grid;gap:6px;font-weight:600;font-size:14px;color:var(--mx-ink)}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 select,.wpcf7 textarea{font:inherit;font-weight:400;color:var(--mx-ink);background:var(--mx-bg);border:1.5px solid var(--mx-line);border-radius:4px;padding:12px 14px;width:100%;box-sizing:border-box}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 select{height:46px;line-height:1.2}
.wpcf7 input[type=file]{font:inherit;font-weight:400;font-size:14px;margin-top:2px;flex:0 1 auto;min-width:0;width:auto;max-width:100%}
.wpcf7 .wpcf7-form-control-wrap:has(input[type=file]){display:flex;align-items:center;gap:8px;margin:2px 0}
.wpcf7 .mx-file-remove{flex:none;font:500 13px/1 var(--wp--preset--font-family--body);color:var(--mx-ink);background:var(--mx-surface);border:1px solid var(--mx-line);border-radius:4px;padding:6px 10px;cursor:pointer}
.wpcf7 .mx-file-remove:hover{border-color:#B3261E;color:#B3261E}
.wpcf7 .mx-file-remove[hidden]{display:none}
.wpcf7 label>br{display:none}
.wpcf7 label .wpcf7-form-control-wrap+br+.wpcf7-form-control-wrap,.wpcf7 label .wpcf7-form-control-wrap+.wpcf7-form-control-wrap{margin-top:-2px}
.wpcf7 textarea{min-height:140px;resize:vertical}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{outline:none;border-color:var(--mx-accent)}
.wpcf7 .mx-hp,.wpcf7 form>:has(>.mx-hp){position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;margin:0!important;padding:0!important}
.wpcf7 form>fieldset.hidden-fields-container,.wpcf7 form>div:has(>input[type=hidden]:only-child){display:none}
.wpcf7 form>p:has(.mx-hint),.wpcf7 form>.mx-size{grid-column:1/-1}
.wpcf7 .mx-size{margin:-4px 0 12px;font-size:14px;color:var(--mx-muted)}
.wpcf7 .mx-size--over{color:#B3261E;font-weight:600;background:#FBEBEB;border-left:3px solid #B3261E;padding:10px 14px;border-radius:0 4px 4px 0}
.wpcf7 input[type=submit]:disabled{opacity:.45;cursor:not-allowed;filter:none}
.wpcf7 .mx-hint{display:block;font-size:14px;line-height:1.5;color:var(--mx-muted);background:var(--mx-bg);border-left:3px solid var(--mx-accent);padding:10px 14px;border-radius:0 4px 4px 0}
.wpcf7 .mx-hint strong{color:var(--mx-ink)}
.wpcf7 .wpcf7-acceptance{font-weight:400;font-size:15px;color:var(--mx-ink)}
.wpcf7 .wpcf7-list-item{margin:0;display:block}
.wpcf7 .wpcf7-acceptance label,.wpcf7 .wpcf7-checkbox label{display:flex;align-items:flex-start;gap:12px;font-weight:400;font-size:15px;line-height:1.5;cursor:pointer}
.wpcf7 input[type=checkbox]{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--mx-accent);cursor:pointer}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label{color:var(--mx-ink)}
.wpcf7 input[type=submit]{font:600 15px/1 var(--wp--preset--font-family--body);background:var(--mx-accent);color:var(--mx-accent-ink);border:0;border-radius:4px;padding:.95em 1.4em;cursor:pointer}
.wpcf7 input[type=submit]:hover{filter:brightness(1.06)}
.wpcf7-not-valid-tip{font-size:13px;font-weight:400;color:#B3261E}
.wpcf7 form .wpcf7-response-output{margin:8px 0 0;border-radius:4px;padding:12px 14px;font-size:14.5px}
@media (max-width:600px){.wpcf7 form{grid-template-columns:1fr}}

/* ---------- Patička ---------- */
.mx-footer{padding:40px var(--mx-pad) 32px}
.mx-footer__block{border:1.5px solid var(--mx-ink);gap:0!important;font-size:14px}
.mx-footer__block>.wp-block-column{padding:16px 18px}
.mx-footer__block>.wp-block-column+.wp-block-column{border-left:1px solid var(--mx-ink)}
.mx-footer__block p{margin:0;color:var(--mx-muted);line-height:1.9}
.mx-footer__block a{color:var(--mx-muted);text-decoration:none}
.mx-footer__block a:hover{color:var(--mx-ink)}
.mx-footer__block .mx-label{margin-bottom:8px}
.mx-footer__block .mx-logo{font-size:26px;margin-bottom:6px}
.mx-footer__block .mx-logo a{color:var(--mx-ink)}
.mx-footer__fine{justify-content:space-between;margin-top:14px!important;font:12px/1.5 var(--mx-mono);color:var(--mx-muted)}
.mx-footer__fine p{margin:0}
.mx-footer__fine a{color:var(--mx-muted)}
@media (max-width:781px){.mx-footer__block>.wp-block-column+.wp-block-column{border-left:0;border-top:1px solid var(--mx-ink)}}

/* Užší bloky zarovnat k levému okraji obsahu, ne na střed */
.is-layout-constrained>.mx-callout,.is-layout-constrained>.mx-prose{margin-left:max(0px,calc((100% - 1180px)/2))!important;margin-right:auto!important}
.mx-pagehead--solo>*{margin-left:max(0px,calc((100% - 1180px)/2))!important;margin-right:auto!important}

/* Na malých displejích (Android 360–412 px) trochu zvětšit drobné štítky */
@media (max-width:600px){
  .mx-label{font-size:13px}
  .mx-chips li,.mx-spec{font-size:13.5px!important}
  .mx-frame figcaption{font-size:12.5px}
}

/* Tlačítko pod galerií */
.mx-center{justify-content:center}

/* Kompaktní hlavička stránky (Realizace) – galerie musí být vidět hned */
.mx-pagehead--compact{padding-block:clamp(24px,3.5vw,44px) clamp(20px,3vw,36px)}
.mx-pagehead--compact .mx-pagehead__cols{align-items:flex-end!important;gap:16px 48px!important}
.mx-pagehead--compact h1{font-size:clamp(28px,3.6vw,44px);margin-top:10px}
.mx-pagehead--compact .mx-lead{font-size:16px;margin:0;max-width:40em}
.mx-pagehead--compact .wp-block-buttons{margin-top:16px}
.mx-sec--first{padding-top:clamp(28px,4vw,48px)}
.mx-sec--first .mx-sechead h2{font-size:clamp(24px,2.8vw,34px)}

/* Cookie lišta */
.mx-cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;max-width:760px;margin-inline:auto;background:var(--mx-surface);border:1px solid var(--mx-line);border-left:3px solid var(--mx-accent);border-radius:4px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:16px 18px;display:flex;gap:16px 20px;align-items:center;flex-wrap:wrap;font-size:14.5px;line-height:1.5}
.mx-cookies[hidden]{display:none}
.mx-cookies p{margin:0;flex:1 1 380px;color:var(--mx-muted)}
.mx-cookies p strong{color:var(--mx-ink);margin-right:6px}
.mx-cookies__btns{display:flex;gap:10px;flex:0 0 auto}
.mx-cookies__btn{font:600 14.5px/1 var(--wp--preset--font-family--body);padding:.8em 1.3em;border-radius:4px;border:1.5px solid var(--mx-ink);background:transparent;color:var(--mx-ink);cursor:pointer;min-width:110px}
.mx-cookies__btn--yes{background:var(--mx-accent);border-color:var(--mx-accent);color:var(--mx-accent-ink)}
@media (max-width:600px){.mx-cookies{left:8px;right:8px;bottom:8px}.mx-cookies__btns{width:100%}.mx-cookies__btn{flex:1}}

/* První sekce pod hlavičkou podstránky blíž k hlavičce */
.mx-pagehead+.mx-sec{padding-top:clamp(28px,4vw,48px)}

/* CAD model bez rámečku fotky (pozadí je stejné jako stránka) */
.mx-frame--cad img{border-radius:0}
.mx-frame--cad::before,.mx-frame--cad::after{display:none}
.mx-frame--cad figcaption{left:50%;transform:translateX(-50%);bottom:2%;white-space:nowrap}

/* Screenshot z CAD: rámeček se žlutými rohy, popisek pod obrázkem */
.mx-frame--shot img{border:1px solid var(--mx-line);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.mx-frame--shot::after{bottom:28px}
.mx-frame--shot figcaption{position:static;background:none;padding:10px 0 0;font:500 12px/1.4 var(--mx-mono);color:var(--mx-muted)}
.mx-frame--shot figcaption small{font-size:10.5px;opacity:.8}

@media (max-width:781px){.mx-about__cols>.wp-block-column:first-child{max-width:240px}}