/* Veridian Health 2.6.32 — PUDO / The Courier Guy checkout integration polish. */

/* Keep carrier-specific content aligned with the full-width delivery option. */
#checkout-delivery-step .delivery-option .vh-pudo-extra,
#checkout-delivery-step .delivery-option-2 .vh-pudo-extra,
.checkout-step .vh-pudo-extra {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 1rem;
}

.checkout-step .vh-pudo-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: .65rem 0 0;
  padding: 1.25rem;
  overflow: hidden;
  border: 1px solid rgba(49, 92, 75, .18);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(28, 60, 48, .06);
  color: #263b33;
}

.checkout-step .vh-pudo-card-head {
  gap: .75rem;
  margin-bottom: 1rem;
}

.checkout-step .vh-pudo-mark {
  flex: 0 0 auto;
  width: 52px;
  height: 42px;
  border-radius: 11px;
  background: #eef4f0;
  color: #315c4b;
  font-family: inherit;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .055em;
}

.checkout-step .vh-pudo-title {
  margin: 0;
  color: #315c4b;
  font-family: inherit;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}

.checkout-step .vh-pudo-rate {
  margin-top: .2rem;
  color: #68736e;
  font-size: .92rem;
}

.checkout-step .vh-pudo-origin,
.checkout-step .vh-pudo-door-note {
  margin-bottom: 1rem;
  padding: .85rem 1rem;
  border-radius: 11px;
  background: #f5f8f6;
}

.checkout-step .vh-pudo-field {
  min-width: 0;
  margin-bottom: 1rem;
}

.checkout-step .vh-pudo-field label {
  margin-bottom: .4rem;
  color: #4f625a;
  font-size: .88rem;
  font-weight: 600;
}

.checkout-step .vh-pudo-card .form-control,
.checkout-step .vh-pudo-card select.form-control,
.checkout-step .vh-pudo-card input.form-control {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: .68rem .8rem;
  border: 1px solid #d6e0da;
  border-radius: 10px;
  background: #fff;
  color: #263b33;
  font-family: inherit;
  font-size: .95rem;
  line-height: 1.35;
}

.checkout-step .vh-pudo-card .form-control:focus {
  border-color: #6e927f;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(72, 118, 94, .11);
}

.checkout-step .vh-pudo-search-row,
.checkout-step .vh-pudo-contact-grid {
  min-width: 0;
}

.checkout-step .vh-pudo-near-me {
  min-height: 48px;
  padding: .65rem 1rem;
  border: 1px solid #6e927f;
  border-radius: 10px;
  background: #fff;
  color: #315c4b;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}

.checkout-step .vh-pudo-near-me:hover,
.checkout-step .vh-pudo-near-me:focus {
  background: #eef5f1;
  color: #24483a;
}

.checkout-step .vh-pudo-selected-address,
.checkout-step .vh-pudo-help {
  overflow-wrap: anywhere;
}

/* Classic/PrestaShop can wrap carrier extra content in narrow columns. Ensure
   PUDO's selectors never overflow the order step. */
.checkout-step .carrier-extra-content,
.checkout-step .carrier-extra-content .vh-pudo-extra {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  #checkout-delivery-step .delivery-option .vh-pudo-extra,
  #checkout-delivery-step .delivery-option-2 .vh-pudo-extra,
  .checkout-step .vh-pudo-extra {
    padding: 0 0 .8rem;
  }

  .checkout-step .vh-pudo-card {
    margin-top: .5rem;
    padding: 1rem;
    border-radius: 14px;
  }

  .checkout-step .vh-pudo-card-head {
    align-items: flex-start;
  }

  .checkout-step .vh-pudo-title {
    font-size: 1rem;
  }

  .checkout-step .vh-pudo-search-row,
  .checkout-step .vh-pudo-contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
  }

  .checkout-step .vh-pudo-near-me {
    width: 100%;
  }

  .checkout-step .vh-pudo-origin,
  .checkout-step .vh-pudo-door-note {
    padding: .75rem .85rem;
  }
}


/* 2.6.32 — pickup-point API status and long-location resilience. */
.checkout-step .vh-pudo-card select.form-control {
  text-overflow: ellipsis;
}
.checkout-step .vh-pudo-selected-address {
  min-height: 1.25rem;
  color: #68736e;
  font-size: .88rem;
  line-height: 1.45;
}
.checkout-step .vh-pudo-card .vh-pudo-help {
  color: #68736e;
  font-size: .84rem;
  line-height: 1.45;
}
@media (max-width: 767.98px) {
  .checkout-step .vh-pudo-card select.form-control,
  .checkout-step .vh-pudo-card input.form-control {
    font-size: 16px; /* prevent mobile browser zoom on focus */
  }
}