/* vendorplus-core.css — Foundation utilities, status badges, message boxes, navigation, animations, logo/header, typography, WP button polyfill */

:root {
  /* Brand neutrals — warm-toned, low chroma (design-rules.md §2) */
  --bg:          #fdfdfc;
  --bg-2:        #f7f7f5;
  --bg-3:        #f1f1ee;
  --line:        #e6e6e1;
  --line-2:      #d9d9d3;
  --line-strong: #c4c4bc;
  --ink:         #1c1d1a;
  --ink-2:       #3d3f3a;
  --ink-3:       #6b6e66;
  --ink-4:       #969890;

  /* Brand accent */
  --accent:      #4fabff;
  --accent-tint: #eef2ff;
  --accent-ink:  #312e81;

  --bs-primary: #1c3f85;
  --bs-primary-hover: #1a3570;
  --bs-primary-active: #1a3570;
  --bs-primary-disabled: #6b6e66;
  --bs-primary-text: #fff;

  --bs-secondary: #4fabff;
  --bs-secondary-hover: #4091d9;
  --bs-secondary-active: #4091d9;
  --bs-secondary-disabled: #6d859c;
  --bs-secondary-text: #000;

  /* Semantic */
  --success:      #15803d;
  --success-tint: #f0fdf4;
  --warn:         #b45309;
  --warn-tint:    #fffbeb;
  --danger:       #b91c1c;
  --danger-tint:  #fef2f2;

  /* Legacy */
  --gray-300: #dee2e6;
  --bs-body-font-size: 0.8125rem;
  --bs-body-font-size-sm: 0.75rem;
  --bs-body-font-size-xs: 0.625rem;
  --vp-btn-font-size: var(--bs-body-font-size);

  /* Accent 2 States */
  --accent-2: #4338ca;
  --accent-2-hover: #312e81;
  --accent-2-active: #312e81;
  --accent-2-disabled: #6b6e66;
  --accent-2-text: #fff;
}

b,
strong {
  font-weight: bold;
}

/* BASIC */
small {
  display: inline-block;
}

/* CORE */
@media (max-width: 420px) {
  .hidden-xxs {
    display: none !important;
  }
}

.padding-top-10 {
  padding-top: 0.625rem;
}
.padding-top-20 {
  padding-top: 1.25rem;
}
.padding-bottom-10 {
  padding-bottom: 0.625rem;
}
.padding-bottom-20 {
  padding-bottom: 1.25rem;
}
.hidden {
  display: none;
}
.relative {
  position: relative;
}
.on-top,
.filter-panel.on-top {
  z-index: 999;
}
.disable-link {
  pointer-events: none;
  cursor: default;
}
.grey-text {
  color: #999;
}
.strikethrough {
  text-decoration: line-through;
}
.margin-top-20 {
  margin-top: 1.25rem;
}
.margin-bottom-20 {
  margin-bottom: 1.25rem;
}

.vplus-delete-prompt .btn-block + .btn-block {
  margin-top: 0;
}

/* ITEM META */
.vplus-status-draft {
  color: #999;
}
.vplus-status-review {
  color: #f3be1e;
}
.vplus-status-accepted {
  color: #24b532;
}
.vplus-status-rejected {
  color: #e84242;
}
.vplus-status-box {
  line-height: 1;
  display: inline-block;
  padding: 0.3125rem 0.5rem;
  border-radius: 0.1875rem;
}
.vplus-status-box.vplus-status-draft {
  background-color: #999;
  color: #fff;
}
.vplus-status-box.vplus-status-review {
  background-color: #f3be1e;
  color: #fff;
}
.vplus-status-box.vplus-status-accepted {
  background-color: #24b532;
  color: #fff;
}
.vplus-status-box.vplus-status-rejected {
  background-color: #e84242;
  color: #fff;
}
.vplus-meta-data {
  margin: 2.5rem 0;
}
.vplus-meta-data li {
  line-height: 1.8em;
}
.bid-override {
  color: #c00;
}
/* VP LINKS */
.vplus-link,
.vplus-link:hover,
.vplus-link:focus,
.vplus-link:visited,
.vplus-link:active {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}

.vplus-link,
.vplus-link:active {
  transform: scale(1);
}
.vplus-link:hover {
  transform: scale(1.1);
}

/* MESSAGE BOX (for logs) */
.log-box {
  margin-top: 0.3125rem;
}
.log-box.log-box ul {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.message-box + .log-box {
  margin-top: 0.625rem;
}
ul.text-status {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
ul.text-error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
ul.text-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
ul.text-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
ul.text-status,
ul.text-error,
ul.text-warning,
ul.text-success {
  padding: 0.9375rem 0 0.9375rem 1.875rem;
  margin-bottom: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0;
  list-style-type: circle;
  list-style-position: outside;
}

/* VP BUTTON NAVIGATION */
.vplus-navigation-bar {
  text-align: center;
  margin-bottom: 2.5rem;
}
.vplus-navigation-bar a {
  width: 7.5rem;
}
/* AJAX STYLES */
.deleting {
  background: pink;
}

/* PAGINATION */
.pagination a {
  cursor: pointer;
}

/* ANIMATIONS */
@-webkit-keyframes dashicons-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes dashicons-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Styles */
.vplus-logo {
  margin: 1rem 0;
}
/* .header > .container:after {
  border-bottom: 1px solid #d9d9d9;
  content: " ";
  display: block;
} */

blockquote {
  border-left: calc(1rem / 2) solid #d4edff;
  padding-left: 0.75rem;
  font-weight: 100;
}

p,
ul,
ol,
li {
  font-weight: 100;
}

div:empty {
  /* display: none; */
}

.row > div > blockquote:last-child {
  margin: 0;
}

/* =============================================================================
   WP Admin Button polyfill
   wp-admin.css is absent on the front-end, so .button is defined here for use
   on any VP+ front-end page. On admin pages wp-admin.css takes precedence.
   Bootstrap uses .btn (not .button) so there is no naming conflict.
   ============================================================================= */

.button,
a.button {
  display: inline-block;
  padding: 0 0.625rem;
  font-size: var(--vp-btn-font-size);
  line-height: 2.15384615;
  min-height: 1.875rem;
  color: #2c3338;
  background: #f6f7f7;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: middle;
  font-family: var(--bs-font-sans-serif);
  font-weight: 400;
  -webkit-appearance: none;
  transition: background 0.1s, border-color 0.1s, color 0.1s;
  box-shadow: none;
  outline: none;
}

.button:hover,
a.button:hover {
  background: #f0f0f1;
  border-color: #8c8f94;
  color: #1d2327;
  text-decoration: none;
}

.button:focus,
a.button:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 1px var(--bs-primary);
  outline: none;
}

.button.button-primary,
a.button.button-primary {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}

.button.button-primary:hover,
a.button.button-primary:hover {
  background: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
  color: #fff;
}

.button.button-secondary,
a.button.button-secondary {
  background: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: var(--bs-secondary-text);
}

.button-small,
.button.button-small,
a.button-small {
  min-height: 1.5rem;
  line-height: 2.18181818;
  padding: 0 0.5rem;
  font-size: var(--bs-body-font-size-sm);
}

.button-large,
.button.button-large,
a.button-large {
  min-height: 2.5rem;
  line-height: 2.5;
  padding: 0 1rem;
  font-size: var(--bs-body-font-size);
}

.button:disabled,
a.button:disabled {
  opacity: 0.75;
  cursor: not-allowed;
}