/* StoreFront theme — also tightens editor nav + image-move modal for all sf-theme pages */
:root {
  --sf-ink: #1b1b1b;
  --sf-accent: #f16021;
  --sf-bg: #f6f4f1;
  --sf-card: #fff;
  --sf-line: #e4ddd6;
  --sf-nav: #111;
  --sf-nav-text: #fff;
  --sf-radius: 10px;
  --sf-font: "Segoe UI", Helvetica, Arial, sans-serif;
}

html.sf-theme, body.sf-body {
  background: var(--sf-bg);
  color: var(--sf-ink);
  font-family: var(--sf-font);
  margin: 0;
}

.sf-wrap { min-height: 100vh; display: flex; flex-direction: column; }
.sf-topbar {
  background: var(--sf-nav);
  color: var(--sf-nav-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.85rem 1.4rem;
}
.sf-wordmark { color: #fff; text-decoration: none; font-weight: 650; letter-spacing: .02em; }
.sf-topbar #menu { display: flex; gap: 1rem; list-style: none; margin: 0; padding: 0; }
.sf-topbar #menu a { color: #fff; text-decoration: none; font-size: 0.95rem; }
.sf-topbar #menu a:hover { color: var(--sf-accent); }
.sf-main { flex: 1; width: min(980px, calc(100% - 2rem)); margin: 1.5rem auto; }
.sf-footer { text-align: center; color: #7a726a; font-size: 0.8rem; padding: 1.5rem; }

.sf-card {
  background: var(--sf-card);
  border: 1px solid var(--sf-line);
  border-radius: var(--sf-radius);
  padding: 1.25rem 1.4rem;
  margin-bottom: 1rem;
}
.sf-btn {
  display: inline-block;
  background: var(--sf-accent);
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 0.55rem 1rem;
  font-size: 0.95rem;
  text-decoration: none;
  cursor: pointer;
}
.sf-btn.secondary { background: #333; }
.sf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; }
.sf-field { display: flex; flex-direction: column; gap: 0.3rem; margin: 0.6rem 0; }
.sf-field input, .sf-field select, .sf-field textarea {
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--sf-line);
  border-radius: 6px;
  font: inherit;
}
.sf-error { color: #b42318; }
.sf-muted { color: #6f675f; font-size: 0.9rem; }

html.sf-theme #header.mre-topbar,
html.sf-theme .sf-topbar {
  background: var(--sf-nav);
}
html.sf-theme #nav a,
html.sf-theme .sf-topbar a { font-weight: 560; }
html.sf-theme .custom-tooltip { border-radius: 6px; }

html.sf-theme #imageMovePanel,
html.sf-theme .move-panel,
html.sf-theme #contentModal .mhe-content-modal-card {
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
  border: 1px solid var(--sf-line);
}
html.sf-theme #imageMovePanel button,
html.sf-theme .move-panel button {
  background: var(--sf-accent);
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 0.4rem 0.75rem;
}

body[data-sf-template-options*="personnel"] .sf-opt-personnel { display: block; }
.sf-opt-personnel { display: none; }