/* ============================================================
   MICHALOVYTRUBKY-SHOP.CZ — WIDTH UNIFIKACE (mt-width-1.css)
   Verze: 1 (09. 07. 2026)

   ÚČEL: obsah VŠECH stránek lícuje s headerem.
   Kánon = .mt-header-inner: max-width var(--mt-container-header)=1440px,
   padding-x var(--mt-pad)=24px, ≤640px padding-x 16px.
   Spolu s tímto souborem se ve style.css (v4) změnil token
   --mt-container 1280px → 1440px (homepage sekce, footer, montáž
   přes .mt-container tím lícují automaticky).

   Nahrává se JAKO POSLEDNÍ CSS v Záhlaví — vědomě přepisuje page
   šablony (proto !important tam, kde ho má i originál).
   Ostatní chaty: při bumpu page šablon POČÍTAT s tímto souborem.

   NEDOTČENO (záměrně): vnitřní text-measures (FAQ, formuláře,
   perexy), full-bleed pozadí bandů, úzké innery PDP bandů
   (FAQ 1000 / recenze 1120 / montáž+related 1180).
   VÝJIMKA: detail článku .news-item-detail zůstává 1040px
   (čitelnost řádku; changed by design, viz DEPLOY-LOG).
   ============================================================ */

/* — KOŠÍK + CHECKOUT: nativní #content-wrapper (.container) capuje ~1418px,
     tj. POD 1440 → uvolnit, šířku drží až #content.content — */
body.in-kosik #content-wrapper,
body.in-krok-1 #content-wrapper,
body.in-krok-2 #content-wrapper,
body.in-krok-3 #content-wrapper,
body.in-dekujeme #content-wrapper {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* — KOŠÍK + CHECKOUT kroky 1–3 (bylo 1500px / pad 32) — */
body.in-kosik #content.content,
body.in-krok-1 #content.content,
body.in-krok-2 #content.content,
body.in-krok-3 #content.content {
  max-width: var(--mt-container, 1440px) !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — DĚKOVACÍ STRÁNKA (krok 4): nativní inner bez vlastního capu — */
body.in-dekujeme .content-inner {
  max-width: var(--mt-container, 1440px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — VYHLEDÁVÁNÍ (bylo 1500 / pad 32; h2 má vlastní 1500 !important) — */
body.in-vyhledavani #content-wrapper {
  max-width: var(--mt-container, 1440px) !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}
body.in-vyhledavani.mt-search-loaded #content > h2,
body.in-vyhledavani.mt-search-loaded #content.content > h2 {
  max-width: var(--mt-container, 1440px) !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — KLIENTSKÁ ZÓNA (bylo 1500 !important / pad 32) — */
body.customer-page:has(.client-center-box) #content-wrapper {
  max-width: var(--mt-container, 1440px) !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — KATEGORIE (bylo 1500 / pad clamp 16–56; bottom padding zachován) — */
.mt-cat-root {
  max-width: var(--mt-container, 1440px) !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — ZNAČKY rozcestník (šířka 1440 už sedí, pad clamp → 24) — */
.ss-znacky-root {
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — KONTAKT fallback: živý obsah je bez .mt-k struktury a wrapper je
     odemčený na 100 % → cap na kánon (platí i až se .mt-k struktura nasadí) — */
body.in-kontakt #content-wrapper {
  max-width: var(--mt-container, 1440px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — KONTAKT (bylo 1320 — jediná stránka užší celým kontejnerem) — */
body.in-kontakt .mt-k__inner {
  max-width: var(--mt-container, 1440px) !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — VELKOOBCHOD (šířka sedí, pad clamp → 24) — */
body.in-velkoobchod .mt-b2b__inner {
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — DOCS/TEXTOVÉ STRÁNKY (šířka 1440 sedí, pad clamp → 24;
     vertikální padding originálu zachován přes longhandy) — */
body.type-page:not(.in-b2b):not(.in-velkoobchod):not(.in-kontakt):not(.in-konzultace):not(.in-montaz-a-servis) .content-wrapper-in {
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — BLOG rozcestník + rubriky: full-bleed band → pad 0, geometrii drží
     inner (1440 vč. pad 24 = stejná hrana jako header) — */
.mt-roz,
.mt-rub {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.mt-roz-inner,
.mt-rub-inner {
  box-sizing: border-box !important;
  max-width: var(--mt-container, 1440px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — HOMEPAGE blog sekce (band 1440 centrovaný, pad → 24 = hrana headeru) — */
.mt-blog {
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — HOMEPAGE brands band (1440 sedí, pad clamp 24–48 → 24) — */
.ss-brands {
  padding-left: var(--mt-pad, 24px) !important;
  padding-right: var(--mt-pad, 24px) !important;
}

/* — PRODUKT: šířka už 1440 (--ss-container), jen gutter token → 24,
     ať hrana PDP lícuje s headerem (15× použit výhradně v padding) — */
body.type-product {
  --ss-gutter: var(--mt-pad, 24px);
}

/* ============================================================
   MOBIL ≤640px — header přechází na padding 16px, drž stejnou hranu
   ============================================================ */
@media (max-width: 640px) {
  body.in-kosik #content.content,
  body.in-krok-1 #content.content,
  body.in-krok-2 #content.content,
  body.in-krok-3 #content.content,
  body.in-dekujeme .content-inner,
  body.in-vyhledavani #content-wrapper,
  body.in-vyhledavani.mt-search-loaded #content > h2,
  body.in-vyhledavani.mt-search-loaded #content.content > h2,
  body.customer-page:has(.client-center-box) #content-wrapper,
  body.in-kontakt #content-wrapper,
  .mt-cat-root,
  .ss-znacky-root,
  body.in-kontakt .mt-k__inner,
  body.in-velkoobchod .mt-b2b__inner,
  body.type-page:not(.in-b2b):not(.in-velkoobchod):not(.in-kontakt):not(.in-konzultace):not(.in-montaz-a-servis) .content-wrapper-in,
  .mt-roz-inner,
  .mt-rub-inner,
  .mt-blog,
  .ss-brands {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .mt-roz,
  .mt-rub {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.type-product {
    --ss-gutter: 16px;
  }
}