/**
 * Studio Hub — Gutenberg block editor layout (early load, before dark tail).
 * Removes left/top gaps when YOOAdmin focus mode hides admin bar + sidebar.
 */

body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #wpwrap,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #wpcontent,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #wpbody,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #wpbody-content,
body.yooadmin-theme-yooadmin-studio-hub.site-editor-php #wpwrap,
body.yooadmin-theme-yooadmin-studio-hub.site-editor-php #wpcontent,
body.yooadmin-theme-yooadmin-studio-hub.site-editor-php #wpbody,
body.yooadmin-theme-yooadmin-studio-hub.site-editor-php #wpbody-content,
body.yoo-focus.block-editor-page #wpwrap,
body.yoo-focus.block-editor-page #wpcontent,
body.yoo-focus.block-editor-page #wpbody,
body.yoo-focus.block-editor-page #wpbody-content,
body.yoo-focus.site-editor-php #wpwrap,
body.yoo-focus.site-editor-php #wpcontent,
body.yoo-focus.site-editor-php #wpbody,
body.yoo-focus.site-editor-php #wpbody-content,
body.yooadmin-network-admin-shell.block-editor-page #wpwrap,
body.yooadmin-network-admin-shell.block-editor-page #wpcontent,
body.yooadmin-network-admin-shell.block-editor-page #wpbody,
body.yooadmin-network-admin-shell.block-editor-page #wpbody-content,
body.yooadmin-network-admin-shell.site-editor-php #wpwrap,
body.yooadmin-network-admin-shell.site-editor-php #wpcontent,
body.yooadmin-network-admin-shell.site-editor-php #wpbody,
body.yooadmin-network-admin-shell.site-editor-php #wpbody-content {
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #wpbody-content > .block-editor,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #wpbody-content > .edit-post-layout,
body.yoo-focus.block-editor-page #wpbody-content > .block-editor,
body.yoo-focus.block-editor-page #wpbody-content > .edit-post-layout,
body.yooadmin-network-admin-shell.block-editor-page #wpbody-content > .block-editor,
body.yooadmin-network-admin-shell.block-editor-page #wpbody-content > .edit-post-layout {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  min-height: 100vh !important;
}

body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #adminmenuback,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #adminmenumain,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #adminmenuwrap,
body.yoo-focus.block-editor-page #adminmenuback,
body.yoo-focus.block-editor-page #adminmenumain,
body.yoo-focus.block-editor-page #adminmenuwrap,
body.yooadmin-network-admin-shell.block-editor-page #adminmenuback,
body.yooadmin-network-admin-shell.block-editor-page #adminmenumain,
body.yooadmin-network-admin-shell.block-editor-page #adminmenuwrap,
body.yooadmin-theme-yooadmin-studio-hub.site-editor-php #adminmenuback,
body.yoo-focus.site-editor-php #adminmenuback,
body.yooadmin-network-admin-shell.site-editor-php #adminmenuback {
  display: none !important;
  width: 0 !important;
}

html.wp-toolbar:has(body.yoo-focus.block-editor-page),
html.wp-toolbar:has(body.yoo-focus.site-editor-php),
html.wp-toolbar:has(body.yooadmin-network-admin-shell.block-editor-page),
html.wp-toolbar:has(body.yooadmin-network-admin-shell.site-editor-php) {
  padding-top: 0 !important;
}

body.yoo-focus.block-editor-page.admin-bar,
body.yoo-focus.site-editor-php.admin-bar,
body.yooadmin-network-admin-shell.block-editor-page.admin-bar,
body.yooadmin-network-admin-shell.site-editor-php.admin-bar {
  margin-top: 0 !important;
}

body.yooadmin-theme-yooadmin-studio-hub.block-editor-page .interface-interface-skeleton,
body.yooadmin-theme-yooadmin-studio-hub.site-editor-php .interface-interface-skeleton,
body.yoo-focus.block-editor-page .interface-interface-skeleton,
body.yoo-focus.site-editor-php .interface-interface-skeleton,
body.yooadmin-network-admin-shell.block-editor-page .interface-interface-skeleton,
body.yooadmin-network-admin-shell.site-editor-php .interface-interface-skeleton,
body.yoo-focus.block-editor-page #editor .interface-interface-skeleton,
body.yooadmin-network-admin-shell.block-editor-page #editor .interface-interface-skeleton {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  min-height: 100vh !important;
}

body.yoo-focus.block-editor-page.auto-fold .interface-interface-skeleton,
body.yoo-focus.block-editor-page.folded .interface-interface-skeleton,
body.yoo-focus.site-editor-php.auto-fold .interface-interface-skeleton,
body.yoo-focus.site-editor-php.folded .interface-interface-skeleton,
body.yooadmin-network-admin-shell.block-editor-page.auto-fold .interface-interface-skeleton,
body.yooadmin-network-admin-shell.block-editor-page.folded .interface-interface-skeleton,
body.yooadmin-network-admin-shell.site-editor-php.auto-fold .interface-interface-skeleton,
body.yooadmin-network-admin-shell.site-editor-php.folded .interface-interface-skeleton {
  left: 0 !important;
}

@media (min-width: 783px) {
  body.yoo-focus.block-editor-page .interface-interface-skeleton,
  body.yoo-focus.site-editor-php .interface-interface-skeleton,
  body.yooadmin-network-admin-shell.block-editor-page .interface-interface-skeleton,
  body.yooadmin-network-admin-shell.site-editor-php .interface-interface-skeleton {
    top: 0 !important;
    left: 0 !important;
  }
}

/*
 * Loading skeleton — single canvas (no gray sidebar column + white content split).
 * Mirrors yooadmin_studio_hub_block_editor_loading_shell_css() in block-editor.php critical CSS.
 */
body.block-editor-page #wpbody-content,
body.site-editor-php #wpbody-content,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page #wpbody-content,
body.yoo-focus.block-editor-page #wpbody-content,
body.yooadmin-network-admin-shell.block-editor-page #wpbody-content {
  background: #fff !important;
}

body.block-editor-page :is(
    .interface-interface-skeleton,
    .interface-interface-skeleton__header,
    .interface-interface-skeleton__body,
    .interface-interface-skeleton__content,
    .interface-interface-skeleton__editor,
    .interface-interface-skeleton__sidebar,
    .interface-interface-skeleton__secondary-sidebar,
    .interface-interface-skeleton__footer,
    .interface-interface-skeleton__actions
  ),
body.site-editor-php :is(
    .interface-interface-skeleton,
    .interface-interface-skeleton__header,
    .interface-interface-skeleton__body,
    .interface-interface-skeleton__content,
    .interface-interface-skeleton__editor,
    .interface-interface-skeleton__sidebar,
    .interface-interface-skeleton__secondary-sidebar,
    .interface-interface-skeleton__footer,
    .interface-interface-skeleton__actions
  ),
body.yoo-focus.block-editor-page :is(
    .interface-interface-skeleton,
    .interface-interface-skeleton__header,
    .interface-interface-skeleton__body,
    .interface-interface-skeleton__content,
    .interface-interface-skeleton__editor,
    .interface-interface-skeleton__sidebar,
    .interface-interface-skeleton__secondary-sidebar,
    .interface-interface-skeleton__footer,
    .interface-interface-skeleton__actions
  ),
body.yooadmin-network-admin-shell.block-editor-page :is(
    .interface-interface-skeleton,
    .interface-interface-skeleton__header,
    .interface-interface-skeleton__body,
    .interface-interface-skeleton__content,
    .interface-interface-skeleton__editor,
    .interface-interface-skeleton__sidebar,
    .interface-interface-skeleton__secondary-sidebar,
    .interface-interface-skeleton__footer,
    .interface-interface-skeleton__actions
  ) {
  background: #fff !important;
  background-color: #fff !important;
}

body.block-editor-page .interface-interface-skeleton__sidebar:empty,
body.site-editor-php .interface-interface-skeleton__sidebar:empty,
body.yoo-focus.block-editor-page .interface-interface-skeleton__sidebar:empty,
body.yooadmin-network-admin-shell.block-editor-page .interface-interface-skeleton__sidebar:empty {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
}

body.block-editor-page .interface-interface-skeleton__sidebar:not(:empty),
body.site-editor-php .interface-interface-skeleton__sidebar:not(:empty),
body.yoo-focus.block-editor-page .interface-interface-skeleton__sidebar:not(:empty),
body.yooadmin-network-admin-shell.block-editor-page .interface-interface-skeleton__sidebar:not(:empty) {
  width: auto !important;
  min-width: 280px !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  overflow: auto !important;
}

html[data-yooadmin-studio-color-mode-effective='dark'] body:is(.block-editor-page, .site-editor-php) #wpbody-content,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body:is(.block-editor-page, .site-editor-php)
  #wpbody-content,
html[data-yooadmin-studio-color-mode-effective='dark'] body.yoo-focus:is(.block-editor-page, .site-editor-php) #wpbody-content,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yoo-focus:is(.block-editor-page, .site-editor-php)
  #wpbody-content,
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-network-admin-shell:is(.block-editor-page, .site-editor-php)
  #wpbody-content,
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-network-admin-shell:is(.block-editor-page, .site-editor-php)
  #wpbody-content {
  background: #1a1d23 !important;
}

html[data-yooadmin-studio-color-mode-effective='dark']
  body:is(.block-editor-page, .site-editor-php)
  :is(
    .interface-interface-skeleton,
    .interface-interface-skeleton__header,
    .interface-interface-skeleton__body,
    .interface-interface-skeleton__content,
    .interface-interface-skeleton__editor,
    .interface-interface-skeleton__sidebar,
    .interface-interface-skeleton__secondary-sidebar,
    .interface-interface-skeleton__footer,
    .interface-interface-skeleton__actions
  ),
html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark']
  body.yoo-focus:is(.block-editor-page, .site-editor-php)
  :is(
    .interface-interface-skeleton,
    .interface-interface-skeleton__header,
    .interface-interface-skeleton__body,
    .interface-interface-skeleton__content,
    .interface-interface-skeleton__editor,
    .interface-interface-skeleton__sidebar,
    .interface-interface-skeleton__secondary-sidebar,
    .interface-interface-skeleton__footer,
    .interface-interface-skeleton__actions
  ),
html[data-yooadmin-studio-color-mode-effective='dark']
  body.yooadmin-network-admin-shell:is(.block-editor-page, .site-editor-php)
  :is(
    .interface-interface-skeleton,
    .interface-interface-skeleton__header,
    .interface-interface-skeleton__body,
    .interface-interface-skeleton__content,
    .interface-interface-skeleton__editor,
    .interface-interface-skeleton__sidebar,
    .interface-interface-skeleton__secondary-sidebar,
    .interface-interface-skeleton__footer,
    .interface-interface-skeleton__actions
  ) {
  background: #1a1d23 !important;
  background-color: #1a1d23 !important;
}

/* Native Site Icon back button — keep visible (no YOOAdmin logo replacement) */
body.yoo-focus.block-editor-page .editor-header__back-button,
body.yoo-focus.block-editor-page .edit-post-fullscreen-mode-close,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page .editor-header__back-button,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page .edit-post-fullscreen-mode-close,
body.yooadmin-network-admin-shell.block-editor-page .editor-header__back-button,
body.yooadmin-network-admin-shell.block-editor-page .edit-post-fullscreen-mode-close {
  display: flex !important;
  visibility: visible !important;
}

body.yoo-focus.block-editor-page .editor-header__back-button[hidden],
body.yoo-focus.block-editor-page .edit-post-fullscreen-mode-close[hidden],
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page .editor-header__back-button[hidden],
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page .edit-post-fullscreen-mode-close[hidden],
body.yooadmin-network-admin-shell.block-editor-page .editor-header__back-button[hidden],
body.yooadmin-network-admin-shell.block-editor-page .edit-post-fullscreen-mode-close[hidden] {
  display: flex !important;
}

body.yoo-focus.block-editor-page .edit-post-fullscreen-mode-close-site-icon,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page .edit-post-fullscreen-mode-close-site-icon,
body.yooadmin-network-admin-shell.block-editor-page .edit-post-fullscreen-mode-close-site-icon {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

body.yoo-focus.block-editor-page img.edit-post-fullscreen-mode-close-site-icon__image,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page img.edit-post-fullscreen-mode-close-site-icon__image,
body.yooadmin-network-admin-shell.block-editor-page img.edit-post-fullscreen-mode-close-site-icon__image {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 56px !important;
  max-height: 56px !important;
  object-fit: contain !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Site Icon slot — no WP tile background, no hover fill */
body.yoo-focus.block-editor-page .edit-post-fullscreen-mode-close.components-button,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page .edit-post-fullscreen-mode-close.components-button,
body.yooadmin-network-admin-shell.block-editor-page .edit-post-fullscreen-mode-close.components-button,
body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button,
body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button,
body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:hover,
body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:active,
body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:focus,
body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:focus-visible,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:hover,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:active,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:focus,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:focus-visible,
body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:hover,
body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:active,
body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:focus,
body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .edit-post-fullscreen-mode-close__view-mode-toggle-icon
  img,
body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .edit-post-fullscreen-mode-close__view-mode-toggle-icon
  img,
body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .edit-post-fullscreen-mode-close__view-mode-toggle-icon
  img {
  background: transparent !important;
  background-color: transparent !important;
}

/* Light mode — flat gray Site Icon (YOOAdmin favicon) */
html[data-yooadmin-studio-color-mode-effective='light']
  body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:hover,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:hover,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:hover,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:active,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:active,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close__view-mode-toggle
  .components-button:active {
  color: #646970 !important;
}

html[data-yooadmin-studio-color-mode-effective='light']
  body.yoo-focus.block-editor-page
  img.edit-post-fullscreen-mode-close-site-icon__image,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  img.edit-post-fullscreen-mode-close-site-icon__image,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-network-admin-shell.block-editor-page
  img.edit-post-fullscreen-mode-close-site-icon__image {
  filter: grayscale(1) brightness(0.42) contrast(1.05) !important;
  opacity: 1 !important;
}

html[data-yooadmin-studio-color-mode-effective='light']
  body.yoo-focus.block-editor-page
  .edit-post-fullscreen-mode-close-site-icon__icon,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-theme-yooadmin-studio-hub.block-editor-page
  .edit-post-fullscreen-mode-close-site-icon__icon,
html[data-yooadmin-studio-color-mode-effective='light']
  body.yooadmin-network-admin-shell.block-editor-page
  .edit-post-fullscreen-mode-close-site-icon__icon {
  fill: #646970 !important;
  color: #646970 !important;
}