/* ============================================================
 * WooCommerce-specific overrides for ColeteOnline admin order UI.
 * Base styles live in lib/common — this file only contains
 * adjustments needed for the WP/WooCommerce admin environment.
 *
 * Uses WP admin CSS custom properties so colors adapt to the
 * user's chosen admin color scheme.
 * ============================================================ */

/* Hide the WP metabox native title — the lib template has its own
   card-header with the ColeteOnline logo. */
#coleteonline-order-shipping > .postbox-header {
  display: none;
}

/* Reset Bootstrap-like .card wrapper */
.coleteonline-admin-box.card {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  max-width: none !important;
}

/* In WP metabox, .inside already provides padding —
   reset lib's wrapper/header padding */
#coleteonline_order_shipping_wrapper {
  padding: 0;
  max-width: none;
}

.coleteonline-admin-box-header {
  margin-left: 0;
  margin-right: 0;
  padding: 6px 0 10px;
  margin-bottom: 14px;
  border-bottom-color: #f0f0f1;
}

.coleteonline-admin-box-header .panel-title {
  font-size: 14px;
}

.coleteonline-admin-box-body.card-body {
  padding: 0;
}

/* WP button class resets margin — restore gap between change-address and select */
.coleteonline-change-address.button {
  margin-bottom: 6px;
}

/* Align "add new order" button with .order right edge
   .order = 800px max-width + 16px*2 padding + 1px*2 border = 834px */
.add-extra-orders {
  max-width: 834px;
}

/* ── WP admin theme-aware color overrides ──────────────────────── */

tr.coleteonline-selected-by-client {
  color: var(--wp-admin-theme-color, #007cba);
}

.coleteonline-open-point-picker-admin {
  color: var(--wp-admin-theme-color, #007cba);
  border-color: var(--wp-admin-theme-color, #007cba);
}

.coleteonline-open-point-picker-admin:hover {
  background: var(--wp-admin-theme-color, #007cba);
  border-color: var(--wp-admin-theme-color, #007cba);
  color: #fff;
}

.coleteonline-open-point-picker-admin:focus {
  outline-color: var(--wp-admin-theme-color, #007cba);
}

.coleteonline-lds-ring div:first-child {
  border-top-color: var(--wp-admin-theme-color, #007cba);
}