/* Certified self-checkout page (www/customers/order.php), 2026-11-02. */
.order-page { max-width: 720px; margin: 0 auto; padding: 8px 0 32px; }
.order-lede { font-size: 16px; color: #444; margin: 0 0 16px; }
.order-form fieldset.order-step { border: 1px solid #dfe3e1; border-radius: 6px; padding: 14px 16px 16px; margin: 0 0 16px; }
.order-form legend { font-size: 18px; font-weight: bold; border: 0; width: auto; padding: 0 6px; margin: 0; color: #1d2733; }
.order-form legend span { display: inline-block; width: 26px; height: 26px; line-height: 26px; border-radius: 50%; background: #1f6f5c; color: #fff; text-align: center; font-size: 14px; margin-right: 6px; }
.order-drop { position: relative; border: 2px dashed #b8c4be; border-radius: 6px; padding: 18px; text-align: center; background: #f7f9f8; }
.order-drop-over { border-color: #1f6f5c; background: #eef6f2; }
.order-drop input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.order-drop label { display: block; font-size: 16px; margin: 0 0 4px; cursor: pointer; }
.order-drop small { color: #666; }
.order-files { list-style: none; margin: 10px 0 0; padding: 0; }
.order-files li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 8px; border-bottom: 1px solid #eee; }
.order-files li.order-file-error span { color: #b3261e; }
.order-remove { background: none; border: 0; color: #1f6f5c; text-decoration: underline; cursor: pointer; }
.order-langs, .order-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.order-langs label, .order-row label { flex: 1 1 240px; font-weight: normal; display: flex; flex-direction: column; gap: 4px; }
.order-form select, .order-form input[type=text], .order-form input[type=email], .order-form input[type=tel], .order-form textarea { width: 100%; padding: 8px 10px; border: 1px solid #c9d0cc; border-radius: 4px; font-size: 15px; }
.order-option { display: block; font-weight: normal; margin: 6px 0; }
.order-option em { font-style: normal; color: #1f6f5c; font-weight: bold; }
.order-ship { display: none; margin: 8px 0 0 22px; }
.order-price { border: 2px solid #1f6f5c; border-radius: 6px; padding: 14px 16px; margin: 0 0 16px; background: #f3faf7; }
.order-price table { width: 100%; font-variant-numeric: tabular-nums; }
.order-price td { padding: 3px 0; }
.order-price td + td { text-align: right; white-space: nowrap; }
.order-total { font-size: 20px; margin: 8px 0 2px; text-align: right; }
.order-due { margin: 0; text-align: right; color: #333; }
.order-price-no p { margin: 0 0 8px; }
.order-fine { font-size: 13px; color: #666; margin: 10px 0; }
.order-pay { font-size: 18px; padding: 10px 22px; }
.order-pay[disabled] { opacity: .6; cursor: not-allowed; }
.cf-turnstile { margin: 10px 0; }
@media (max-width: 480px) { .order-form fieldset.order-step { padding: 12px; } }