/* CraftOrder Pro — Frontend Styles */
.cop-form-wrap{max-width:680px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.cop-form-header{margin-bottom:32px;}
.cop-form-title{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 8px;}
.cop-form-subtitle{color:#666;font-size:15px;margin:0;}

.cop-form-section{margin-bottom:32px;}
.cop-form-section__title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#888;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0;}

/* Výběr služeb */
.cop-service-item{display:flex;align-items:center;gap:16px;padding:16px;border:1.5px solid #eee;border-radius:10px;margin-bottom:10px;transition:border-color .2s,box-shadow .2s;background:#fff;}
.cop-service-item:hover{border-color:#1a1a2e;box-shadow:0 2px 12px rgba(26,26,46,.07);}
.cop-service-item--active{border-color:#1a1a2e;background:#f8f9ff;}
.cop-service-item__info{flex:1;}
.cop-service-item__name{font-weight:600;color:#1a1a2e;font-size:15px;cursor:pointer;}
.cop-service-item__desc{margin:4px 0 0;color:#888;font-size:13px;line-height:1.4;}
.cop-service-item__price{font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap;}
.cop-service-item__qty{display:flex;align-items:center;gap:6px;}
.cop-qty-btn{width:32px;height:32px;border:1.5px solid #ddd;background:#fff;border-radius:6px;font-size:16px;cursor:pointer;line-height:1;transition:all .15s;}
.cop-qty-btn:hover{border-color:#1a1a2e;background:#1a1a2e;color:#fff;}
.cop-qty-input{width:48px;height:32px;text-align:center;border:1.5px solid #ddd;border-radius:6px;font-size:14px;font-weight:600;-moz-appearance:textfield;}
.cop-qty-input::-webkit-inner-spin-button,.cop-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;}
.cop-qty-input:focus{outline:none;border-color:#1a1a2e;}

/* Celková cena */
.cop-form-total{display:flex;align-items:center;justify-content:space-between;background:#1a1a2e;color:#fff;padding:16px 20px;border-radius:10px;margin-bottom:32px;}
.cop-form-total__label{font-size:14px;opacity:.8;}
.cop-form-total__amount{font-size:22px;font-weight:700;}

/* Kontaktní pole */
.cop-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:560px){.cop-form-row{grid-template-columns:1fr;}}
.cop-form-field{margin-bottom:16px;}
.cop-form-field label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:6px;}
.cop-form-field input[type=text],
.cop-form-field input[type=email],
.cop-form-field input[type=tel],
.cop-form-field textarea{width:100%;padding:10px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;font-family:inherit;box-sizing:border-box;transition:border-color .2s;}
.cop-form-field input:focus,.cop-form-field textarea:focus{outline:none;border-color:#1a1a2e;}
.cop-form-field textarea{resize:vertical;min-height:100px;}

/* Submit */
.cop-submit-btn{width:100%;padding:16px;background:#1a1a2e;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,transform .1s;letter-spacing:.5px;}
.cop-submit-btn:hover{background:#2d2d4e;}
.cop-submit-btn:active{transform:scale(.99);}
.cop-submit-btn:disabled{opacity:.6;cursor:not-allowed;}

/* Chyby */
.cop-form-error{background:#fff0f0;border:1.5px solid #f5c6c6;color:#c0392b;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px;}

/* Úspěch */
.cop-success{text-align:center;padding:48px 24px;}
.cop-success__icon{font-size:56px;margin-bottom:16px;color:#27ae60;}
.cop-success__title{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 8px;}
.cop-success__msg{color:#666;font-size:15px;margin:0 0 12px;}
.cop-success__number{font-size:14px;color:#888;}

/* ── NOVÁ OBJEDNÁVKA tlačítko ────────────────────────────── */
.cop-new-order-btn{
  display:inline-block;margin-top:20px;padding:12px 28px;
  background:#1a1a2e;color:#fff;border:none;border-radius:8px;
  font-size:15px;font-weight:600;cursor:pointer;
  transition:opacity .2s,transform .1s;
}
.cop-new-order-btn:hover{opacity:.85;}
.cop-new-order-btn:active{transform:scale(.98);}

/* ── QR kód na frontendu ─────────────────────────────────── */
.cop-qr-block{margin-top:20px;text-align:left;}
.cop-success__qr{margin-top:8px;}

/* ── QR KÓD BLOK ─────────────────────────────────────────── */
.cop-qr-block{
  display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;
  border:1.5px solid #e0e0e0;border-radius:10px;padding:20px;margin-top:20px;
  background:#fff;text-align:left;
}
.cop-qr-block__img{flex-shrink:0;}
.cop-qr-block__img canvas,
.cop-qr-block__img img{display:block;border-radius:6px;}
.cop-qr-block__info{flex:1;min-width:160px;}
.cop-qr-title{margin:0 0 10px;font-weight:700;font-size:15px;color:#1a1a2e;}
.cop-qr-table{font-size:13px;line-height:1.9;border-collapse:collapse;width:100%;}
.cop-qr-table td:first-child{color:#888;padding-right:14px;white-space:nowrap;}
.cop-qr-hint{margin:10px 0 0;font-size:12px;color:#999;line-height:1.5;}