/* Flower Manager Native Full Width Shell - no iframe */
html.fm-native-active-html {
  margin-top: 0 !important;
}

body.fm-native-active {
  background: #FFF9FB !important;
}

/* Hide theme chrome only around frontend page. Keep Flower Manager app header visible. */
body.fm-native-active .wp-site-blocks > header,
body.fm-native-active .wp-site-blocks > footer,
body.fm-native-active header.wp-block-template-part,
body.fm-native-active footer.wp-block-template-part,
body.fm-native-active .wp-block-post-title,
body.fm-native-active .entry-title {
  display: none !important;
}

body.fm-native-active .wp-site-blocks,
body.fm-native-active main,
body.fm-native-active .entry-content,
body.fm-native-active .wp-block-post-content,
body.fm-native-active .is-layout-constrained,
body.fm-native-active .is-layout-flow,
body.fm-native-active .wp-block-shortcode {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.fm-native-active .wp-block-post-content > *,
body.fm-native-active .wp-block-shortcode > * {
  max-width: none !important;
}

.flower-manager-native-app {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 100vh !important;
  background: #FFF9FB !important;
  overflow-x: hidden !important;
}

.flower-manager-native-app.is-contained {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.flower-manager-native-app .fm-native-page {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
}

/* Force the static UI to behave like full-width app inside WP */
.flower-manager-native-app .container {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 4vw, 64px) !important;
  padding-right: clamp(18px, 4vw, 64px) !important;
}

.flower-manager-native-app .fm-page,
.flower-manager-native-app .fm-warehouse,
.flower-manager-native-app main,
.flower-manager-native-app .fm-main,
.flower-manager-native-app .main {
  width: 100% !important;
  max-width: none !important;
}

/* Do not let theme CSS hide the app header */
.flower-manager-native-app header,
.flower-manager-native-app .topbar,
.flower-manager-native-app .fm-header-section,
.flower-manager-native-app .fm-global-header-wrap,
.flower-manager-native-app .fm-topbar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.flower-manager-native-app .topbar-inner,
.flower-manager-native-app .fm-header,
.flower-manager-native-app .fm-global-header,
.flower-manager-native-app .fm-topbar-inner {
  display: flex !important;
}

.fm-native-error {
  padding: 24px;
  background: #fff3f6;
  border: 1px solid #f3b6c7;
  border-radius: 16px;
  color: #B91646;
}