/* Království 0.10.25a18 – jednotná šířka hlavního webu.
   Domovská stránka tento soubor záměrně nenačítá; její hero a šířka zůstávají unikátní. */

:root {
  --site-shell-max: 1540px;
  --site-shell-gutter: 28px;
  --site-shell-top: 24px;
  --site-shell-bottom: 60px;
}

/* Navigace a obsah stránky mají na všech veřejných podstránkách stejné okraje. */
html body .site-nav {
  width: min(var(--site-shell-max), calc(100% - var(--site-shell-gutter))) !important;
}

html body .page-shell,
html body .page-shell.npc-shell,
html body .page-shell.arena-shell {
  width: min(var(--site-shell-max), calc(100% - var(--site-shell-gutter))) !important;
  max-width: var(--site-shell-max) !important;
  margin: 0 auto !important;
  padding-top: var(--site-shell-top) !important;
  padding-bottom: var(--site-shell-bottom) !important;
}

html body .page-shell > * {
  min-width: 0;
  max-width: 100%;
}



/* Homepage sdílí přesnou šířku a okraje webu, nikoli systém sekčních hero bannerů. */
html body.home-page .kingdom-page,
html body.home-page .kingdom-footer {
  width: min(var(--site-shell-max), calc(100% - var(--site-shell-gutter))) !important;
  max-width: var(--site-shell-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.home-page .kingdom-page {
  margin-top: var(--site-shell-top) !important;
}

html body.home-page .kingdom-footer {
  padding-bottom: var(--site-shell-bottom) !important;
}

/* Unikátní homepage art si ponechává původní poměr stran a nesmí převzít výšku sekčních bannerů. */
html body.home-page .kingdom-hero-banner {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
}

html body.home-page .hero-banner-image {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 760px) {
  :root {
    --site-shell-gutter: 18px;
    --site-shell-top: 14px;
    --site-shell-bottom: 42px;
  }
}

@media (max-width: 480px) {
  :root {
    --site-shell-gutter: 12px;
  }
}