.wp-site-blocks {
  overflow: clip;
}

.wp-site-blocks > * {
  margin-block-start: 0;
}

.bentobox-showcase-editor {
  padding: 24px;
  border: 2px dashed #d88d73;
  border-radius: 20px;
}

.bentobox-header-editor {
  padding: 20px;
  border: 2px dashed #d88d73;
  border-radius: 20px;
}

.bentobox-responsive-spacer-editor {
  display: grid;
  place-items: center;
  min-height: 32px;
  padding: 8px;
  border: 1px dashed var(--accent);
  color: var(--muted);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  font-size: 13px;
}

.bentobox-content-grid-editor {
  padding: 24px;
  border: 2px dashed var(--accent);
  border-radius: var(--radius);
}

.wp-block-post-content > .alignwide,
.wp-block-post-content > .alignfull {
  box-sizing: border-box;
}

.is-style-bento-card,
.is-style-tone-sage,
.is-style-tone-butter,
.is-style-tone-peach,
.is-style-tone-lilac,
.is-style-tone-blue,
.is-style-tone-rose,
.is-style-tone-dark {
  padding: clamp(24px, 4vw, 40px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}

.is-style-bento-card { background: var(--surface); }
.is-style-tone-sage { background: var(--sage); color: #292622; }
.is-style-tone-butter { background: var(--butter); color: #292622; }
.is-style-tone-peach { background: var(--peach); color: #292622; }
.is-style-tone-lilac { background: var(--lilac); color: #292622; }
.is-style-tone-blue { background: var(--blue); color: #292622; }
.is-style-tone-rose { background: var(--rose); color: #292622; }
.is-style-tone-dark { background: var(--dark); color: #f7f0e7; }

.bentobox-query .wp-block-post-template {
  padding: 0;
}

.bentobox-query .wp-block-post {
  list-style: none;
}

.bentobox-form-editor-preview {
  display: grid;
  gap: 14px;
}

.bentobox-form-editor-preview label {
  display: grid;
  gap: 7px;
  font-weight: 750;
}

.bentobox-form-editor-preview input,
.bentobox-form-editor-preview select {
  width: 100%;
  min-height: 48px;
  padding-inline: 13px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--bg);
}

.footer-bottom p {
  margin: 0;
}

.site-footer > .footer-grid,
.site-footer > .footer-bottom {
  width: min(calc(100% - 40px), var(--container));
  max-width: none;
  margin-inline: auto;
}

.footer-feature {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--text);
  font-size: 1.1rem;
}

.footer-feature p,
.site-footer .wp-block-heading,
.site-footer .wp-block-navigation {
  margin: 0;
}

.footer-feature,
.footer-feature p,
.footer-feature-icon {
  color: var(--text);
}

.footer-grid > .wp-block-column {
  gap: 14px;
}

.footer-feature-icon {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  color: currentColor;
}

@media (max-width: 700px) {
  .site-footer > .footer-grid,
  .site-footer > .footer-bottom {
    width: min(calc(100% - 24px), var(--container));
  }
}

/* Keep the mobile navigation below WordPress' fixed admin toolbar. */
body.admin-bar .mobile-menu {
  top: 44px;
  max-height: calc(100dvh - 56px);
  overflow-y: auto;
}

@media (max-width: 782px) {
  body.admin-bar .mobile-menu {
    top: 58px;
    max-height: calc(100dvh - 70px);
  }
}