/* Identity from HomeFront's current site, checked November 4, 2026.
   Keep native error/success notices, icon fonts, and editor layout semantics. */
.homefront-admin, .homefront-login {
  --hf-purple: #44224c; --hf-purple-hover: #341a3a; --hf-gold: #fdbf48;
  --hf-magenta: #a3546d; --hf-red: #d04731; --hf-ink: #44224c;
  --hf-muted: #65596a; --hf-border: #ddd4df; --hf-paper: #f7f5f7;
  --wp-admin-theme-color: #44224c; --wp-admin-theme-color-darker-10: #341a3a;
  --wp-admin-theme-color-darker-20: #2c1532; --wp-admin-theme-color--rgb: 68,34,76;
  font-family: 'basic-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--hf-ink); background-color: var(--hf-paper);
}
.homefront-admin input, .homefront-admin select, .homefront-admin textarea,
.homefront-admin button, .homefront-login input, .homefront-login select, .homefront-login button {
  font-family: 'basic-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.homefront-admin .wrap h1, .homefront-admin .wrap h2, .homefront-admin .wrap h3,
.homefront-admin .button, .homefront-login .button {
  font-family: 'paralucent', 'basic-sans', sans-serif;
}
.homefront-admin a, .homefront-login a { color: var(--hf-purple); }
.homefront-admin a:hover, .homefront-login a:hover { color: var(--hf-purple-hover); }
.homefront-admin :where(a,button,input,select,textarea):focus-visible,
.homefront-login :where(a,button,input,select,textarea):focus-visible {
  outline: 2px solid var(--hf-purple); outline-offset: 3px;
}
.homefront-admin .button, .homefront-login .button {
  color: var(--hf-purple); border-color: var(--hf-purple); border-radius: 5px;
  background: #fff; font-weight: 500;
}
.homefront-admin .button:hover, .homefront-admin .button:focus,
.homefront-login .button:hover, .homefront-login .button:focus {
  color: var(--hf-purple-hover); border-color: var(--hf-purple-hover); background: #f3edf5;
}
.homefront-admin .button-primary, .homefront-login .button-primary {
  color: #fff; background: var(--hf-purple); border-color: var(--hf-purple); box-shadow: none;
}
.homefront-admin .button-primary:hover, .homefront-admin .button-primary:focus,
.homefront-login .button-primary:hover, .homefront-login .button-primary:focus {
  color: #fff; background: var(--hf-purple-hover); border-color: var(--hf-purple-hover);
}
.homefront-admin .button-primary:disabled, .homefront-admin .button-primary[disabled],
.homefront-login .button-primary:disabled { color: #59505d !important; background: #e7e0e9 !important; border-color: #bdb2c1 !important; }
.homefront-admin input[type=checkbox]:checked::before, .homefront-login input[type=checkbox]:checked::before { filter: hue-rotate(55deg); }
.homefront-admin input[type=radio]:checked::before, .homefront-login input[type=radio]:checked::before { background-color: var(--hf-purple); }
.homefront-admin input:focus, .homefront-admin select:focus, .homefront-admin textarea:focus,
.homefront-login input:focus { border-color: var(--hf-purple); box-shadow: 0 0 0 1px var(--hf-purple); }

/* Native WordPress navigation, including expanded and collapsed menus. */
.homefront-admin #adminmenuback, .homefront-admin #adminmenuwrap, .homefront-admin #adminmenu,
.homefront-admin #adminmenu .wp-submenu, .homefront-admin #wpadminbar {
  background: var(--hf-purple);
}
.homefront-admin #wpadminbar, .homefront-admin #wpadminbar .ab-item, .homefront-admin #wpadminbar .ab-label,
.homefront-admin #adminmenu a { font-family: 'basic-sans', sans-serif; }
.homefront-admin #adminmenu a, .homefront-admin #adminmenu div.wp-menu-image::before,
.homefront-admin #collapse-button, .homefront-admin #wpadminbar .ab-item, .homefront-admin #wpadminbar .ab-label {
  color: #fff;
}
.homefront-admin #adminmenu .wp-submenu a { color: #efe6f1; }
.homefront-admin #adminmenu li.menu-top:hover, .homefront-admin #adminmenu li.opensub > a.menu-top,
.homefront-admin #adminmenu li > a.menu-top:focus, .homefront-admin #adminmenu .wp-submenu,
.homefront-admin #wpadminbar .ab-top-menu > li:hover > .ab-item,
.homefront-admin #wpadminbar .ab-top-menu > li.hover > .ab-item,
.homefront-admin #wpadminbar .ab-sub-wrapper {
  color: #fff; background: var(--hf-purple-hover);
}
.homefront-admin #adminmenu .wp-has-current-submenu > a.wp-has-current-submenu,
.homefront-admin #adminmenu li.current > a.menu-top {
  background: var(--hf-gold); color: var(--hf-purple);
}
.homefront-admin #adminmenu .wp-has-current-submenu > a .wp-menu-image::before,
.homefront-admin #adminmenu li.current .wp-menu-image::before { color: var(--hf-purple); }
.homefront-admin #adminmenu a:hover, .homefront-admin #adminmenu .wp-submenu a:hover,
.homefront-admin #adminmenu .wp-submenu a:focus, .homefront-admin #collapse-button:hover,
.homefront-admin #wpadminbar .ab-submenu .ab-item:hover { color: var(--hf-gold); }
.homefront-admin #adminmenu li.current > a.menu-top:hover,
.homefront-admin #adminmenu .wp-has-current-submenu > a.wp-has-current-submenu:hover { color: var(--hf-purple); }
.homefront-admin #adminmenu a:focus-visible, .homefront-admin #wpadminbar a:focus-visible {
  outline-color: var(--hf-gold); outline-offset: -3px; box-shadow: none;
}
.homefront-admin #adminmenu .toplevel_page_wojo-client-advanced { border-top-color: #815b88; }
.homefront-admin #adminmenu #toplevel_page_homefront-workspace { margin: 0 0 12px; }
.homefront-admin #adminmenu #toplevel_page_homefront-workspace > a {
  padding: 18px 16px 20px; background: transparent; line-height: 1; box-shadow: none;
}
.homefront-admin #toplevel_page_homefront-workspace .wp-menu-image { display: none; }
.homefront-admin #toplevel_page_homefront-workspace .wp-menu-name { padding: 0; }
.homefront-admin #toplevel_page_homefront-workspace img { display: block; width: 128px; max-width: 100%; height: auto; }
.homefront-admin.folded #adminmenu #toplevel_page_homefront-workspace { display: none; }

/* Client dashboard, Help and Advanced use the same site identity. */
.homefront-admin .wojo-client-admin {
  --wojo-ink: var(--hf-purple); --wojo-accent: var(--hf-magenta); --wojo-border: var(--hf-border);
  color: var(--hf-ink);
}
.homefront-admin .wojo-client-admin a { color: var(--hf-purple); }
.homefront-admin .wojo-client-admin a:hover { color: var(--hf-purple-hover); }
.homefront-admin .wojo-client-admin a:focus-visible, .homefront-admin .wojo-client-admin button:focus-visible { outline-color: var(--hf-purple); }
.homefront-admin .wojo-client-header {
  align-items: center; background: #fff; border-color: var(--hf-border); border-top: 5px solid var(--hf-gold);
  border-radius: 8px; padding: 30px; gap: 24px;
}
.homefront-admin .wojo-client-header > div { display: grid; grid-template-columns: 132px minmax(0,1fr); column-gap: 28px; align-items: center; }
.homefront-admin .wojo-client-logo { grid-column: 1; grid-row: 1 / 3; width: 132px; max-width: 132px; max-height: none; height: auto; margin: 0; }
.homefront-admin .wojo-client-header h1 { grid-column: 2; grid-row: 1; font-weight: 500; font-size: 32px; }
.homefront-admin .wojo-client-intro { grid-column: 2; grid-row: 2; color: var(--hf-muted); }
.homefront-admin .wojo-client-admin h2 { font-weight: 500; }
.homefront-admin .wojo-client-visit { color: var(--hf-purple); border-color: var(--hf-purple); border-radius: 5px; }
.homefront-admin .wojo-client-action { border-top: 3px solid var(--hf-gold); border-radius: 8px; }
.homefront-admin .wojo-client-action:nth-child(2) { border-top-color: var(--hf-magenta); }
.homefront-admin .wojo-client-action:nth-child(3) { border-top-color: var(--hf-red); }
.homefront-admin .wojo-client-action:nth-child(4) { border-top-color: var(--hf-purple); }
.homefront-admin .wojo-client-action:hover { background: #fbf7f9; border-color: var(--hf-magenta); }
.homefront-admin .wojo-client-action strong { font-family: 'paralucent', sans-serif; font-weight: 500; }
.homefront-admin .wojo-client-action-description, .homefront-admin .wojo-client-intro,
.homefront-admin .wojo-client-guidance li p, .homefront-admin .wojo-client-meta, .homefront-admin .wojo-client-muted { color: var(--hf-muted); }
.homefront-admin .wojo-client-content-list li { border-top-color: var(--hf-border); }
.homefront-admin .wojo-client-status { color: var(--hf-purple); background: #f1eaf3; }
.homefront-admin .wojo-client-guidance li::marker { color: var(--hf-magenta); }
.homefront-admin .wojo-preview-panel { color: var(--hf-purple); border-color: var(--hf-border); }
.homefront-admin .wojo-preview-toolbar { background: #f7f2f8; border-color: var(--hf-border); border-top: 3px solid var(--hf-gold); }
.homefront-admin .wojo-preview-toolbar > strong { font-family: 'paralucent', sans-serif; font-weight: 500; }
.homefront-admin .wojo-preview-resize:hover, .homefront-admin .wojo-preview-resize:focus-visible { background: var(--hf-purple); }

/* Branded entry point, preserving native login fields, validation and recovery. */
body.homefront-login { display: flow-root; box-sizing: border-box; background: var(--hf-purple); background-image: radial-gradient(ellipse at 90% 8%, #a3546d55, transparent 55%); min-height: 100vh; }
.homefront-login #login { box-sizing: border-box; width: min(420px,calc(100% - 32px)); padding: 32px; margin: 56px auto 28px; background: #fff; border-top: 6px solid var(--hf-gold); border-radius: 10px; box-shadow: 0 16px 48px #210e2a33; }
.homefront-login h1 a { background-image: url('homefront-logo-fullcolor.svg'); background-size: contain; width: 168px; height: 102px; margin: 0 auto 28px; }
.homefront-login #loginform, .homefront-login #lostpasswordform, .homefront-login #resetpassform { display: flow-root; padding: 0; border: 0; box-shadow: none; margin: 24px 0 0; background: transparent; overflow: visible; }
.homefront-login #login .message { border-left-color: var(--hf-magenta); box-shadow: none; background: #f7f2f8; color: var(--hf-purple); }
.homefront-login .input { border-color: #9b8d9f; border-radius: 4px; }
.homefront-login .button-primary { min-height: 38px; padding: 3px 22px; }
.homefront-login #nav, .homefront-login #backtoblog { padding: 0; }
.homefront-login #nav a, .homefront-login #backtoblog a { color: var(--hf-purple); }
.homefront-login .privacy-policy-page-link a, .homefront-login .language-switcher label { color: #fff; }
@media (max-width: 1100px) {
  .homefront-admin .wojo-client-header { align-items: flex-start; flex-wrap: wrap; }
  .homefront-admin.auto-fold #adminmenu #toplevel_page_homefront-workspace { display: none; }
}
@media (min-width: 961px) {
  .homefront-admin.auto-fold:not(.folded) #adminmenu #toplevel_page_homefront-workspace { display: block; }
}
@media (max-width: 782px) {
  .homefront-admin.wp-responsive-open #adminmenu #toplevel_page_homefront-workspace { display: block; }
}
@media (max-width: 650px) {
  .homefront-admin .wojo-client-header { padding: 24px; }
  .homefront-admin .wojo-client-header > div { display: block; }
  .homefront-admin .wojo-client-logo { width: 120px; margin-bottom: 24px; }
  .homefront-admin .wojo-client-header h1 { font-size: 28px; }
  .homefront-login #login { padding: 26px; margin-top: 24px; }
}
@media (forced-colors: active) {
  .homefront-admin #toplevel_page_homefront-workspace img { background: #44224c; forced-color-adjust: none; }
  .homefront-admin .button, .homefront-login .button { border: 1px solid ButtonText; }
}