/* public-order-profile.css
   Parent/child form and locked profile screen for web/public_orders. */

#public-orders-start-photos {
  background: var(--fx-bg);
}

#public-order-personal-data .card-2025 {
  background: var(--bs-white, #fff);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 20px rgba(23, 23, 23, 0.06);
}

#public-order-personal-data .form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--bs-primary) 25%, transparent);
}

#public-order-personal-data .btn:disabled {
  opacity: 0.6;
}

#public-order-personal-data .form-control:disabled {
  opacity: 0.5;
  background-color: var(--fx-bg);
}

#public-order-personal-data .form-control.is-invalid {
  border-color: var(--bs-danger);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 4.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

#public-order-personal-data .form-control.is-invalid:focus,
#public-order-personal-data .form-check-input.is-invalid:focus {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--bs-danger) 25%, transparent);
}

#public-order-personal-data .form-check-input.is-invalid {
  border-color: var(--bs-danger);
}

#order-locked {
  background: var(--bs-body-bg, #f5f5f5);
}

#order-locked .card-2025 {
  border-color: rgba(0, 0, 0, 0.08);
  background: var(--bs-white, #fff);
}

#pin-reveal {
  overflow: hidden;
  max-height: 140px;
  opacity: 1;
  transition: max-height 0.18s ease, opacity 0.18s ease;
}

#pin-reveal.oa-collapsed {
  max-height: 0;
  opacity: 0;
}

[data-role="order-success-header"] {
  margin-bottom: 12px;
}

[data-role="order-ident-avatar-wrap"] {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0, 0, 0, .06);
  flex: 0 0 44px;
}

[data-role="order-ident-avatar"] {
  width: 44px;
  height: 44px;
  display: block;
  object-fit: cover;
}

[data-role="order-selected-photos-strip"] {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}

[data-role="order-selected-photo-item"],
[data-role="order-selected-photos-more"] {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 16px;
  overflow: hidden;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-role="order-selected-photo-img"] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

[data-role="order-selected-photos-more"] {
  font-weight: 800;
  color: rgba(0, 0, 0, .65);
  background: rgba(0, 0, 0, .06);
}

.is-img-error {
  background: rgba(0, 0, 0, .08) !important;
}

.progress-done {
  background-color: var(--fx-extra-accent);
}

.photo-header__thumb {
  width: 135px;
  height: 180px;
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--extra-bg);
  display: inline-block;
}

.photo-header__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo-header__caption {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: var(--muted);
}

.pin-icon {
  font-size: 2.5rem;
}

.pin-input {
  font-size: 2rem;
  letter-spacing: 0.5rem;
}