/* 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 wrapper — WP admin styles .card class
 * and it would create a double-bordered box inside the meta box.
 * ============================================================ */
.coleteonline-admin-box.card {
  border: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.coleteonline-admin-box-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 0;
  border-bottom: none;
  background: transparent;
}

.coleteonline-admin-box-header .panel-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

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

/* Button styling is handled by JS (colete-online-admin-order-init.js)
 * which injects WP native classes: .button and .button-primary onto
 * the Bootstrap .btn / .btn-primary elements from lib/common.
 * This approach is version-agnostic — always inherits WP's current styles. */

/* ============================================================
 * Packages table
 * ============================================================ */
.coleteonline-packages-table {
  border-collapse: collapse;
}

 .coleteonline-thumb img {
    width: 40px;
    height: 40px;
 }

 .coleteonline-package-weight, .coleteonline-package-dimensions {
   text-align: center;
 }

.total-row, .total-row td {
  background: #bdc3c7;
  border: 1px solid #bdc3c7;
}

.coleteonline-package-weight-total-input,
.coleteonline-package-width-total-input,
.coleteonline-package-length-total-input,
.coleteonline-package-height-total-input,
.coleteonline-package-input {
   max-width: 50px;
}

.coleteonline-remove-item, .coleteonline-remove-package {
  color: white !important;
  border-color: #e74c3c !important;
  background-color: #e74c3c !important;
}

.addresses {
  display: flex;
}

.order {
  border: 1px solid lightgray;
  margin: 5px 0;
  padding: 10px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 700px) {
  .addresses {
    display: block;
  }
}

.addresses .pick-up-address {
  padding-right: 10px;
}

.address-table {
  font-size: 13px;
}

.coleteonline-address-title {
  margin-bottom: 5px;
}


.coleteonline-address-select-wrapper {
  display: none;
}

.full-width {
  width: 100%;
}

.padding-bottom-1 {
  padding-bottom: .25em;
}

.border-bottom-black {
  border-bottom: 1px solid black;
}

.text-center {
  text-align: center;
}

.bg-gray-100 {
  background-color: rgb(230, 230, 230);
}

.fs-xl {
  font-size: 1.5rem;
}

.vertical-align-middle {
  vertical-align: middle;
}

.coleteonline-notice-error {
  border: 1px solid #d63638;
  border-left: 5px solid #d63638;
  padding: 10px;
  margin-bottom: 10px;
}

.coleteonline-notice-error ul {
  margin-left: 15px;
  list-style-type: disc;
}

tr.coleteonline-selected-by-client {
  color: #2980b9;
}

.coleteonline-courier-order {
  margin: 5px 0;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: 700px;
}

.coleteonline-courier-price .coleteonline-courier-price-total {
  font-weight: 600;
}

.coleteonline-courier-awb {
  font-weight: 600;
}

.coleteonline-invalid {
  border-color: rgba(192, 57, 43, 1.0) !important;
  background-color: rgba(192, 57, 43, 1.0) !important;
}

.coleteonline-packages-errors {
  background-color: rgba(255, 0, 0, 0.2);
  border: 1px solid red;
  padding: 0.5em 1em;
  margin-block-start: 1em;
}

.add-extra-orders {
  margin-top: 20px;
}

.add-extra-orders {
    text-align: right;
}

.coleteonline-lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.coleteonline-lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #135e96;
  border-radius: 50%;
  animation: coleteonline-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #135e96 transparent transparent transparent;
}
.coleteonline-lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.coleteonline-lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.coleteonline-lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes coleteonline-lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}