/* Schovat WP header, footer a titulek na stránce s dashboardem (fallback pro block theme) */
.wp-site-blocks > header,
.wp-site-blocks > footer,
.wp-site-blocks .wp-block-post-title {
  display: none !important;
}

/* Odstranit okraje a šířkové omezení kolem obsahu (fallback pro block theme) */
.wp-site-blocks > main,
.wp-site-blocks .wp-block-post-content {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@font-face {
  font-family: "Manrope";
  src: url("./assets/fonts/Manrope-VariableFont_wght.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

html,
body {
  height: 100%;
}

/* Základní reset pro stránku s dashboardem */
body.uctomat-dashboard-page {
  margin: 0;
  padding: 0;
  font-family: "Manrope", "Inter", "SF Pro Display", "SF Pro Text", "Segoe UI", -apple-system, system-ui, sans-serif;
}

/* Wrapper pro vlastní template */
body.uctomat-dashboard-page #uctomat-dashboard-wrapper {
  min-height: 100vh;
  padding: 0;
}

/* Ať React appka zabere celou šířku a výšku */
body.uctomat-dashboard-page #root,
.wp-site-blocks #root {
  min-height: 100vh;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Zrušit WP constrained layout okolo Reactu (pokud se vykreslí přes block strukturu) */
.wp-site-blocks .is-layout-constrained > #root,
.wp-site-blocks .is-layout-flow > #root,
.wp-site-blocks .is-layout-flex > #root {
  max-width: none !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Admin bar posun jen pro dashboard */
body.admin-bar.uctomat-dashboard-page #uctomat-dashboard-wrapper {
  padding-top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar.uctomat-dashboard-page #uctomat-dashboard-wrapper {
    padding-top: 46px;
  }
}

/* Volitelné: trochu základního resetu pro okolí block theme */
.wp-site-blocks {
  padding: 0 !important;
}