:root {
  --fx-admin-red: #b32d34;
  --fx-admin-red-dark: #8f2027;
  --fx-admin-ink: #202223;
  --fx-admin-text: #2f3946;
  --fx-admin-muted: #6d7175;
  --fx-admin-border: #dfe3e8;
  --fx-admin-border-strong: #c9cccf;
  --fx-admin-bg: #f6f6f7;
  --fx-admin-surface: #ffffff;
  --fx-admin-surface-soft: #fafbfb;
  --fx-admin-focus: #005bd3;
  --fx-admin-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 4px 12px rgba(63, 71, 86, .08);
}

body.footex-admin-skin,
body.footex-admin-skin.wp-admin {
  color: var(--fx-admin-text);
  background: var(--fx-admin-bg);
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

html.wp-toolbar {
  padding-top: 40px;
}

.footex-admin-skin a {
  color: var(--fx-admin-red);
}

.footex-admin-skin a:hover,
.footex-admin-skin a:focus {
  color: var(--fx-admin-red-dark);
}

.footex-admin-skin #wpcontent,
.footex-admin-skin #wpfooter {
  margin-left: 232px;
}

.footex-admin-skin.folded #wpcontent,
.footex-admin-skin.folded #wpfooter {
  margin-left: 56px;
}

.footex-admin-skin.folded #adminmenuwrap,
.footex-admin-skin.folded #adminmenuback,
.footex-admin-skin.folded #adminmenu {
  width: 56px;
}

.footex-admin-skin.folded #adminmenu .wp-submenu {
  left: 56px;
}

.footex-admin-skin #wpbody-content {
  padding-bottom: 48px;
}

.footex-admin-skin #adminmenuwrap,
.footex-admin-skin #adminmenuback {
  width: 232px;
  background: #161a21;
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.footex-admin-skin #adminmenu {
  width: 232px;
  margin: 12px 0;
  background: transparent;
}

.footex-admin-skin #adminmenu .wp-submenu {
  left: 232px;
  border-radius: 0 8px 8px 0;
  background: #242932;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .24);
}

.footex-admin-skin:not(.folded) #adminmenu li.wp-has-current-submenu,
.footex-admin-skin:not(.folded) #adminmenu li.wp-menu-open {
  overflow: hidden;
  border-radius: 8px;
  background: var(--fx-admin-red);
}

.footex-admin-skin:not(.folded) #adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu,
.footex-admin-skin:not(.folded) #adminmenu li.wp-menu-open > a.menu-top {
  border-radius: 8px 8px 0 0;
}

.footex-admin-skin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu,
.footex-admin-skin:not(.folded) #adminmenu li.wp-menu-open .wp-submenu {
  position: static;
  left: auto;
  width: auto;
  min-width: 0;
  margin: 0 8px 8px;
  padding: 4px;
  border-radius: 8px;
  background: rgba(22, 26, 33, .16);
  box-shadow: none;
}

.footex-admin-skin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu::before,
.footex-admin-skin:not(.folded) #adminmenu li.wp-menu-open .wp-submenu::before {
  display: none;
}

.footex-admin-skin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu a,
.footex-admin-skin:not(.folded) #adminmenu li.wp-menu-open .wp-submenu a {
  padding: 7px 10px;
  color: rgba(255, 255, 255, .86);
  line-height: 1.25;
}

.footex-admin-skin:not(.folded) #adminmenu li.wp-has-current-submenu .wp-submenu li.current a,
.footex-admin-skin:not(.folded) #adminmenu li.wp-menu-open .wp-submenu li.current a {
  color: #ffffff;
  background: rgba(255, 255, 255, .16);
}

.footex-admin-skin #adminmenu li.menu-top {
  margin: 2px 10px;
}

.footex-admin-skin #adminmenu li.menu-top > a,
.footex-admin-skin #adminmenu .wp-submenu a {
  color: rgba(255, 255, 255, .8);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
}

.footex-admin-skin #adminmenu li.menu-top > a {
  min-height: 38px;
  display: flex;
  align-items: center;
}

.footex-admin-skin #adminmenu div.wp-menu-image {
  width: 38px;
  height: 38px;
}

.footex-admin-skin #adminmenu div.wp-menu-name {
  padding: 9px 8px;
}

.footex-admin-skin #adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu,
.footex-admin-skin #adminmenu li.current a.menu-top,
.footex-admin-skin #adminmenu li.menu-top:hover,
.footex-admin-skin #adminmenu li.opensub > a.menu-top,
.footex-admin-skin #adminmenu li > a.menu-top:focus {
  color: #ffffff;
  background: var(--fx-admin-red);
}

.footex-admin-skin #adminmenu li.wp-has-current-submenu > a.wp-has-current-submenu div.wp-menu-image::before,
.footex-admin-skin #adminmenu li.current div.wp-menu-image::before,
.footex-admin-skin #adminmenu li.menu-top:hover div.wp-menu-image::before,
.footex-admin-skin #adminmenu li > a.menu-top:focus div.wp-menu-image::before {
  color: #ffffff;
}

.footex-admin-skin #adminmenu .wp-submenu a:hover,
.footex-admin-skin #adminmenu .wp-submenu a:focus,
.footex-admin-skin #adminmenu .wp-submenu li.current a {
  color: #ffffff;
  background: rgba(255, 255, 255, .1);
}

.footex-admin-skin #adminmenu .awaiting-mod,
.footex-admin-skin #adminmenu .update-plugins {
  background: #ffffff;
  color: var(--fx-admin-red);
  box-shadow: none;
}

.footex-admin-skin #collapse-button {
  color: rgba(255, 255, 255, .72);
}

.footex-admin-skin #collapse-button:hover,
.footex-admin-skin #collapse-button:focus {
  color: #ffffff;
}

.footex-admin-skin #wpadminbar {
  height: 40px;
  color: var(--fx-admin-ink);
  background: var(--fx-admin-surface);
  border-bottom: 1px solid var(--fx-admin-border);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
}

.footex-admin-skin #wpadminbar .ab-item,
.footex-admin-skin #wpadminbar a.ab-item,
.footex-admin-skin #wpadminbar > #wp-toolbar span.ab-label,
.footex-admin-skin #wpadminbar > #wp-toolbar span.noticon {
  color: var(--fx-admin-text);
  font-weight: 600;
}

.footex-admin-skin #wpadminbar .quicklinks > ul > li > a,
.footex-admin-skin #wpadminbar .quicklinks > ul > li > .ab-item {
  height: 40px;
  line-height: 40px;
}

.footex-admin-skin #wpadminbar .ab-icon::before,
.footex-admin-skin #wpadminbar .ab-item::before {
  color: var(--fx-admin-muted);
}

.footex-admin-skin #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
.footex-admin-skin #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus {
  color: var(--fx-admin-red);
  background: var(--fx-admin-surface-soft);
}

.footex-admin-skin #wpadminbar .menupop .ab-sub-wrapper {
  border: 1px solid var(--fx-admin-border);
  border-radius: 8px;
  background: var(--fx-admin-surface);
  box-shadow: var(--fx-admin-shadow);
}

.footex-admin-skin #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
.footex-admin-skin #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
  background: var(--fx-admin-surface-soft);
}

.footex-admin-skin #wpadminbar .ab-submenu .ab-item,
.footex-admin-skin #wpadminbar .quicklinks .menupop ul li a,
.footex-admin-skin #wpadminbar .quicklinks .menupop.hover ul li a {
  color: var(--fx-admin-text);
}

.footex-admin-skin #screen-meta-links .show-settings {
  border-color: var(--fx-admin-border);
  border-radius: 0 0 8px 8px;
  background: var(--fx-admin-surface);
  box-shadow: none;
  color: var(--fx-admin-text);
}

.footex-admin-skin .wrap {
  margin: 28px 32px 0 24px;
}

.footex-admin-skin .wrap h1,
.footex-admin-skin .wrap h2,
.footex-admin-skin .wp-heading-inline {
  color: var(--fx-admin-ink);
  font-weight: 700;
  letter-spacing: 0;
}

.footex-admin-skin .wrap h1 {
  margin-bottom: 18px;
  font-size: 28px;
  line-height: 1.25;
}

.footex-admin-skin .wrap .page-title-action {
  margin-left: 10px;
  border-color: var(--fx-admin-border-strong);
  border-radius: 8px;
  background: var(--fx-admin-surface);
  color: var(--fx-admin-text);
  font-weight: 700;
}

.footex-admin-skin .wrap .page-title-action:hover,
.footex-admin-skin .wrap .page-title-action:focus {
  border-color: var(--fx-admin-red);
  color: var(--fx-admin-red);
  background: #fff8f8;
}

.footex-admin-skin .notice,
.footex-admin-skin div.updated,
.footex-admin-skin div.error {
  border-radius: 8px;
  border: 1px solid var(--fx-admin-border);
  border-left-width: 4px;
  background: var(--fx-admin-surface);
  box-shadow: var(--fx-admin-shadow);
}

.footex-admin-skin .notice-success,
.footex-admin-skin div.updated {
  border-left-color: #008060;
}

.footex-admin-skin .notice-warning {
  border-left-color: #ffc453;
}

.footex-admin-skin .notice-error,
.footex-admin-skin div.error {
  border-left-color: var(--fx-admin-red);
}

.footex-admin-skin .postbox,
.footex-admin-skin .stuffbox,
.footex-admin-skin .card,
.footex-admin-skin .welcome-panel,
.footex-admin-skin .health-check-accordion,
.footex-admin-skin .woocommerce-layout__activity-panel,
.footex-admin-skin .woocommerce-table,
.footex-admin-skin .components-card {
  border: 1px solid var(--fx-admin-border);
  border-radius: 8px;
  background: var(--fx-admin-surface);
  box-shadow: var(--fx-admin-shadow);
}

.footex-admin-skin .postbox-header,
.footex-admin-skin .metabox-holder .postbox > h2,
.footex-admin-skin .metabox-holder .postbox > h3,
.footex-admin-skin .stuffbox > h3 {
  border-bottom: 1px solid var(--fx-admin-border);
  color: var(--fx-admin-ink);
  font-weight: 700;
}

.footex-admin-skin .postbox .inside,
.footex-admin-skin .stuffbox .inside {
  color: var(--fx-admin-text);
}

.footex-admin-skin .wp-list-table,
.footex-admin-skin table.widefat {
  overflow: hidden;
  border: 1px solid var(--fx-admin-border);
  border-radius: 8px;
  background: var(--fx-admin-surface);
  box-shadow: var(--fx-admin-shadow);
}

.footex-admin-skin .widefat thead th,
.footex-admin-skin .widefat tfoot th,
.footex-admin-skin .widefat thead td,
.footex-admin-skin .widefat tfoot td {
  color: var(--fx-admin-muted);
  background: var(--fx-admin-surface-soft);
  border-color: var(--fx-admin-border);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.footex-admin-skin .widefat td,
.footex-admin-skin .widefat th {
  border-color: #eef0f2;
}

.footex-admin-skin .widefat tbody tr:hover {
  background: #fbf7f7;
}

.footex-admin-skin .tablenav,
.footex-admin-skin .search-box {
  color: var(--fx-admin-muted);
}

.footex-admin-skin input[type="text"],
.footex-admin-skin input[type="password"],
.footex-admin-skin input[type="email"],
.footex-admin-skin input[type="url"],
.footex-admin-skin input[type="number"],
.footex-admin-skin input[type="search"],
.footex-admin-skin input[type="tel"],
.footex-admin-skin select,
.footex-admin-skin textarea,
.footex-admin-skin .select2-container .select2-selection {
  min-height: 36px;
  border-color: var(--fx-admin-border-strong);
  border-radius: 8px;
  color: var(--fx-admin-text);
  background: var(--fx-admin-surface);
  box-shadow: none;
}

.footex-admin-skin textarea {
  padding: 10px 12px;
}

.footex-admin-skin input[type="checkbox"],
.footex-admin-skin input[type="radio"] {
  border-color: var(--fx-admin-border-strong);
  box-shadow: none;
}

.footex-admin-skin input[type="checkbox"]:checked::before {
  filter: hue-rotate(130deg) saturate(1.2);
}

.footex-admin-skin input:focus,
.footex-admin-skin select:focus,
.footex-admin-skin textarea:focus,
.footex-admin-skin .select2-container--focus .select2-selection {
  border-color: var(--fx-admin-focus);
  box-shadow: 0 0 0 1px var(--fx-admin-focus);
  outline: 2px solid transparent;
}

.footex-admin-skin .button,
.footex-admin-skin .button-secondary,
.footex-admin-skin .components-button.is-secondary {
  min-height: 36px;
  border-color: var(--fx-admin-border-strong);
  border-radius: 8px;
  background: var(--fx-admin-surface);
  color: var(--fx-admin-text);
  font-weight: 700;
  box-shadow: none;
}

.footex-admin-skin .button:hover,
.footex-admin-skin .button-secondary:hover,
.footex-admin-skin .components-button.is-secondary:hover {
  border-color: var(--fx-admin-red);
  color: var(--fx-admin-red);
  background: #fff8f8;
}

.footex-admin-skin .button-primary,
.footex-admin-skin .wp-core-ui .button-primary,
.footex-admin-skin .components-button.is-primary,
.footex-admin-skin .woocommerce-save-button {
  border-color: var(--fx-admin-red);
  border-radius: 8px;
  background: var(--fx-admin-red);
  color: #ffffff;
  font-weight: 700;
  box-shadow: none;
}

.footex-admin-skin .button-primary:hover,
.footex-admin-skin .button-primary:focus,
.footex-admin-skin .wp-core-ui .button-primary:hover,
.footex-admin-skin .wp-core-ui .button-primary:focus,
.footex-admin-skin .components-button.is-primary:hover,
.footex-admin-skin .components-button.is-primary:focus,
.footex-admin-skin .woocommerce-save-button:hover,
.footex-admin-skin .woocommerce-save-button:focus {
  border-color: var(--fx-admin-red-dark);
  background: var(--fx-admin-red-dark);
  color: #ffffff;
}

.footex-admin-skin .subsubsub a.current,
.footex-admin-skin .nav-tab-active,
.footex-admin-skin .nav-tab-active:focus,
.footex-admin-skin .nav-tab-active:hover {
  color: var(--fx-admin-ink);
  font-weight: 700;
}

.footex-admin-skin .nav-tab-wrapper,
.footex-admin-skin .wrap h2.nav-tab-wrapper,
.footex-admin-skin h1.nav-tab-wrapper {
  border-bottom-color: var(--fx-admin-border);
}

.footex-admin-skin .nav-tab {
  border-color: transparent;
  border-radius: 8px 8px 0 0;
  background: transparent;
  color: var(--fx-admin-muted);
}

.footex-admin-skin .nav-tab-active {
  border-color: var(--fx-admin-border);
  border-bottom-color: var(--fx-admin-surface);
  background: var(--fx-admin-surface);
}

.footex-admin-skin .theme-browser .theme,
.footex-admin-skin .plugin-card {
  border-color: var(--fx-admin-border);
  border-radius: 8px;
  box-shadow: var(--fx-admin-shadow);
}

.footex-admin-skin .theme-browser .theme .theme-name {
  background: rgba(255, 255, 255, .96);
  font-weight: 700;
}

.footex-admin-skin .wp-filter,
.footex-admin-skin .media-frame,
.footex-admin-skin .media-modal-content {
  border-color: var(--fx-admin-border);
  border-radius: 8px;
  background: var(--fx-admin-surface);
  box-shadow: var(--fx-admin-shadow);
}

.footex-admin-skin .media-frame-title,
.footex-admin-skin .media-frame-router,
.footex-admin-skin .media-frame-content,
.footex-admin-skin .media-frame-toolbar {
  border-color: var(--fx-admin-border);
}

.footex-admin-skin .woocommerce-layout__header {
  background: var(--fx-admin-surface);
  border-bottom: 1px solid var(--fx-admin-border);
  box-shadow: none;
}

.footex-admin-skin .woocommerce-layout__header-heading,
.footex-admin-skin .woocommerce-layout__header-breadcrumbs {
  color: var(--fx-admin-ink);
  font-weight: 700;
}

.footex-admin-skin .woocommerce-layout__primary,
.footex-admin-skin .woocommerce-layout__main {
  background: var(--fx-admin-bg);
}

.footex-admin-skin .woocommerce-card,
.footex-admin-skin .woocommerce-task-card,
.footex-admin-skin .woocommerce-inbox-message,
.footex-admin-skin .woocommerce-marketing-recommended-extensions-card {
  border: 1px solid var(--fx-admin-border);
  border-radius: 8px;
  box-shadow: var(--fx-admin-shadow);
}

.footex-admin-skin .woocommerce-layout .components-button.is-primary {
  background: var(--fx-admin-red);
}

.footex-admin-skin #titlediv #title {
  min-height: 48px;
  border-radius: 8px;
  font-size: 22px;
  font-weight: 700;
}

.footex-admin-skin #major-publishing-actions,
.footex-admin-skin #minor-publishing-actions,
.footex-admin-skin #misc-publishing-actions {
  background: var(--fx-admin-surface-soft);
  border-color: var(--fx-admin-border);
}

.footex-admin-skin .editor-styles-wrapper,
.footex-admin-skin .block-editor-writing-flow,
.footex-admin-skin .edit-post-layout__content {
  background: var(--fx-admin-bg);
}

.footex-admin-skin .interface-interface-skeleton__sidebar,
.footex-admin-skin .edit-post-sidebar,
.footex-admin-skin .block-editor-inserter__panel-content {
  border-color: var(--fx-admin-border);
  background: var(--fx-admin-surface);
}

.footex-admin-skin #wpfooter {
  color: var(--fx-admin-muted);
}

body.login {
  min-height: 100vh;
  color: var(--fx-admin-text);
  background:
    linear-gradient(135deg, rgba(179, 45, 52, .08), rgba(22, 26, 33, 0) 38%),
    var(--fx-admin-bg);
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.login #login {
  width: min(420px, calc(100% - 32px));
  padding-top: 7vh;
}

.login h1 a {
  width: 170px;
  height: 52px;
  margin-bottom: 24px;
  background-image: none, none;
  text-indent: 0;
  color: var(--fx-admin-ink);
  font-size: 0;
  font-weight: 800;
  line-height: 52px;
  letter-spacing: 0;
}

.login h1 a::after {
  content: "Footex";
  display: block;
  color: var(--fx-admin-ink);
  font-size: 34px;
  line-height: 52px;
}

.login form {
  margin-top: 0;
  padding: 28px;
  border: 1px solid var(--fx-admin-border);
  border-radius: 8px;
  background: var(--fx-admin-surface);
  box-shadow: var(--fx-admin-shadow);
}

.login label {
  color: var(--fx-admin-ink);
  font-size: 13px;
  font-weight: 700;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
  min-height: 44px;
  border-color: var(--fx-admin-border-strong);
  border-radius: 8px;
  box-shadow: none;
  font-size: 16px;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
  border-color: var(--fx-admin-focus);
  box-shadow: 0 0 0 1px var(--fx-admin-focus);
}

.login .button.wp-hide-pw {
  color: var(--fx-admin-muted);
}

.login .button-primary {
  min-height: 40px;
  border-color: var(--fx-admin-red);
  border-radius: 8px;
  background: var(--fx-admin-red);
  font-weight: 700;
  box-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:focus {
  border-color: var(--fx-admin-red-dark);
  background: var(--fx-admin-red-dark);
}

.login #nav,
.login #backtoblog,
.login .privacy-policy-page-link {
  text-align: center;
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
  color: var(--fx-admin-muted);
  font-weight: 600;
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-page-link a:hover {
  color: var(--fx-admin-red);
}

.login .message,
.login .notice,
.login #login_error {
  border-radius: 8px;
  border: 1px solid var(--fx-admin-border);
  border-left-width: 4px;
  background: var(--fx-admin-surface);
  box-shadow: var(--fx-admin-shadow);
}

@media (max-width: 960px) {
  .footex-admin-skin #wpcontent,
  .footex-admin-skin #wpfooter {
    margin-left: 36px;
  }

  .footex-admin-skin.auto-fold #adminmenuwrap,
  .footex-admin-skin.auto-fold #adminmenuback,
  .footex-admin-skin.auto-fold #adminmenu {
    width: 36px;
  }
}

@media (max-width: 782px) {
  html.wp-toolbar {
    padding-top: 46px;
  }

  .footex-admin-skin #wpcontent,
  .footex-admin-skin #wpfooter {
    margin-left: 0;
  }

  .footex-admin-skin .wrap {
    margin: 20px 12px 0;
  }

  .footex-admin-skin #wpadminbar {
    height: 46px;
  }

  .footex-admin-skin input[type="text"],
  .footex-admin-skin input[type="password"],
  .footex-admin-skin input[type="email"],
  .footex-admin-skin input[type="url"],
  .footex-admin-skin input[type="number"],
  .footex-admin-skin input[type="search"],
  .footex-admin-skin input[type="tel"],
  .footex-admin-skin select,
  .footex-admin-skin textarea,
  .footex-admin-skin .button,
  .footex-admin-skin .button-secondary,
  .footex-admin-skin .button-primary {
    min-height: 40px;
  }
}