@charset "UTF-8";
/* Nidoo CSS architecture bundle.
 * Gift registry header, toolbar and progress presentation.
 * Loaded only on gift-registry views.
 */
/* ═══════════════════════════════════════════
   GIFT HEADER — Admin bar, title, shop btn
   ═══════════════════════════════════════════ */
.nidoo-gift-header {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 20px;
}

.nidoo-completion-notice {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0 24px;
  padding: 14px 18px;
  border: 1px solid #f1c2d9;
  border-radius: var(--nidoo-radius-md);
  background: #fff5fa;
  color: #4b3b45;
}

.nidoo-completion-notice span {
  flex: 1;
  font-size: 13px;
}

.nidoo-completion-notice a {
  color: #d94f94;
  font-weight: 700;
  white-space: nowrap;
}

.nidoo-list-progress {
  font-family: var(--nidoo-font-body);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin: 0 0 20px;
  font-size: 14px;
  color: #aaa;
}

.nidoo-list-progress span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nidoo-list-progress b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f1b4d2;
  color: var(--nidoo-white);
  font-size: 14px;
}

.nidoo-list-progress .is-complete {
  color: #46b982;
  font-weight: 600;
}

.nidoo-list-progress .is-complete b {
  background: var(--nidoo-primary);
}

.nidoo-list-progress .is-current {
  color: #222;
  font-weight: 700;
}

.nidoo-list-progress .is-current b {
  background: #e563a7;
  box-shadow: 0 0 0 4px rgba(229, 99, 167, 0.14);
}

@media (max-width: 600px) {
  .nidoo-list-progress {
    gap: 8px;
    font-size: 11px;
  }
  .nidoo-list-progress span {
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }
}
.nidoo-header-step {
  margin: 0 0 8px;
  color: #d94f94;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ── Admin toolbar (owner only) ── */
.nidoo-admin-toolbar {
  display: flex;
  align-items: stretch;
  gap: 10px;
  margin-bottom: 40px;
}

.nidoo-toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 1;
  font-family: var(--nidoo-font-ui);
  font-size: 13px;
  font-weight: 600;
  color: var(--nidoo-primary);
  background: transparent;
  border: 1px solid rgba(70, 209, 152, 0.3);
  text-decoration: none;
  padding: 11px 16px;
  border-radius: var(--nidoo-radius-md);
  transition: all 0.2s ease;
}

.nidoo-toolbar-btn:hover {
  background: rgba(70, 209, 152, 0.06);
  color: var(--nidoo-primary-hover);
  border-color: rgba(70, 209, 152, 0.6);
}

.nidoo-toolbar-btn svg {
  flex-shrink: 0;
}

/* ── Main header ── */
.nidoo-header-main {
  text-align: center;
  margin-bottom: 48px;
}

.nidoo-header-title {
  font-family: var(--nidoo-font-ui);
  font-size: 32px;
  font-weight: 700;
  color: var(--nidoo-text-heading);
  margin: 0 0 6px 0;
  line-height: 1.2;
}

.nidoo-header-subtitle {
  font-family: var(--nidoo-font-ui);
  font-size: 14px;
  font-weight: 400;
  color: #8a827a;
  margin: 0;
  line-height: 1.5;
}

/* ── Progress bar ── */
.nmgr-items-count-progress {
  max-width: 580px;
  margin: 0 auto 32px;
  padding: 16px 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.nmgr-items-count-progress .nmgr-progressbar-wrapper {
  flex: 1;
  margin-right: 0;
}

.nmgr-items-count-progress .nmgr-progressbar {
  background: var(--nidoo-border-soft);
  border-radius: var(--nidoo-radius-lg);
  overflow: hidden;
  height: 6px;
  display: flex;
  align-items: center;
}

.nmgr-items-count-progress .nmgr-progressbar .progress {
  background: var(--nidoo-primary);
  height: 6px;
  border-radius: var(--nidoo-radius-lg);
  min-width: 6px;
}

.nmgr-items-count-progress .percent {
  display: none;
}

.nmgr-items-count-progress .nmgr-item-count {
  font-size: 14px;
  font-weight: 500;
  color: #8a827a;
  white-space: nowrap;
  margin-left: 0;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  /* ── Header ── */
  .nidoo-header-title {
    font-size: 24px;
  }
  .nidoo-header-subtitle {
    font-size: 13px;
  }
  .nidoo-admin-toolbar {
    gap: 8px;
    margin-bottom: 32px;
  }
  .nidoo-toolbar-btn {
    font-size: 12px;
    padding: 10px 12px;
  }
  /* ── Progress bar ── */
  .nmgr-items-count-progress {
    max-width: 100%;
    padding: 12px 4px;
  }
  /* ── Table cells (tablet adjustments) ── */
  #nmgr_table_items.nmgr-items-view.list .tbody .item td {
    padding: 14px 8px !important;
  }
  #nmgr_table_items.nmgr-items-view.list .tbody .item td.nmgr_thumbnail {
    width: 70px;
    padding: 12px 4px 12px 14px !important;
  }
  #nmgr_table_items.nmgr-items-view.list .tbody .item td.nmgr_thumbnail .thumbnail img {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
  }
  #nmgr_table_items.nmgr-items-view.list .tbody .item td.nmgr_title {
    min-width: 120px;
  }
  #nmgr_table_items.nmgr-items-view.list .nmgr-product-name {
    font-size: 13px;
  }
  #nmgr_table_items.nmgr-items-view.list .tbody .item td.nmgr_add_to_cart_button {
    min-width: 140px;
    padding-right: 14px !important;
  }
  #nmgr_table_items .nmgr_add_to_cart_button.button,
  .nmgr-add-to-cart-form .nmgr_add_to_cart_button.button,
  .nidoo-manual-claim-wrapper .button {
    padding: 10px 14px !important;
    font-size: 10px !important;
    min-height: 44px;
    min-width: 120px;
  }
}