/* Order image input presentation; existing checkout inputs and upload logic are retained. */
.checkout-v2 .ida-upload-preview {
  --ida-upload-ink: #173d58;
  --ida-upload-muted: #526f84;
  --ida-upload-line: #c2dbe9;
  --ida-upload-blue: #087ebc;
}
.ida-upload-preview .checkout-section-heading { margin-bottom: 18px; }
.ida-upload-preview .checkout-media-note {
  padding: 15px 17px;
  margin-bottom: 24px;
  background: #eff8ff;
  border-color: #c8e3f4;
  border-radius: 11px;
}
.ida-upload-preview .checkout-media-note p {
  font-size: 12px;
  line-height: 1.7;
  color: #426781;
}
.ida-upload-preview .checkout-upload-grid { gap: 22px; align-items: start; }
.ida-upload-preview .checkout-upload-block { min-width: 0; }
.ida-upload-preview .checkout-upload-block h3 {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.45;
  color: var(--ida-upload-ink);
}
.ida-upload-preview .checkout-upload-block > p:not(.ida-upload-selection-heading):not(.checkout-no-logo) {
  margin-bottom: 13px;
  min-height: 41px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--ida-upload-muted);
}
.ida-upload-preview .checkout-upload {
  min-height: 210px;
  padding: 22px 17px 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 13px;
  border: 1.5px dashed #83b9d8;
  border-radius: 13px;
  background: #f8fcff;
  text-align: center;
  color: var(--ida-upload-ink);
  transition: border-color .15s ease, background-color .15s ease;
}
.ida-upload-preview .checkout-upload:hover:not(.disabled) {
  border-color: #168ac9;
  background: #f0f9ff;
}
.ida-upload-preview .checkout-upload:focus-within {
  outline: 3px solid #0087c9;
  outline-offset: 4px;
  border-color: #168ac9;
}
.ida-upload-preview .checkout-upload > .icon {
  width: 24px;
  height: 24px;
  box-sizing: content-box;
  flex-shrink: 0;
  padding: 12px;
  border: 1px solid #d2e8f4;
  border-radius: 13px;
  background: #eaf6ff;
  color: var(--ida-upload-blue);
}
.ida-upload-preview .checkout-upload > span { width: 100%; }
.ida-upload-preview .checkout-upload b {
  font-size: 13px;
  line-height: 1.6;
  color: var(--ida-upload-ink);
}
.ida-upload-preview .checkout-upload small {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--ida-upload-muted);
}
.ida-upload-preview .checkout-upload::after {
  content: "Görsel seç";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 35px;
  padding: 7px 18px;
  border: 1px solid #bed8e9;
  border-radius: 8px;
  background: #fff;
  color: #086fa5;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
}
.ida-upload-preview .checkout-upload input {
  /* Keep the original native input, hit area, focus, files, and change listeners. */
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ida-upload-preview .checkout-upload .checkout-help {
  margin: 0;
  font-size: 12px !important;
  line-height: 1.65;
  font-weight: 400;
  color: #526f84;
}
.ida-upload-preview .checkout-upload.disabled {
  border-color: #c2ced7;
  background: #f3f6f8;
  color: #6a7b8b;
  cursor: default;
}
.ida-upload-preview .checkout-upload.disabled > .icon {
  background: #eaf0f4;
  border-color: #d9e2e9;
  color: #6a8191;
}
.ida-upload-preview .checkout-upload.disabled b,
.ida-upload-preview .checkout-upload.disabled small { color: #647887; }
.ida-upload-preview .checkout-upload.disabled::after { display: none; }
.ida-upload-preview .checkout-upload.disabled input { cursor: default; }
.ida-upload-preview .checkout-check { font-size: 12px; line-height: 1.7; }
.ida-upload-preview .checkout-help { font-size: 12px !important; line-height: 1.7; color: #526f84; }
.ida-upload-preview .checkout-no-logo { min-height: 0; }
.ida-upload-preview .ida-upload-selection-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 0;
  margin: 18px 0 9px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.6;
  color: #234a65;
}
.ida-upload-preview .ida-upload-selection-heading[hidden] { display: none; }
.ida-upload-preview .ida-upload-selection-heading > span:last-child {
  font-size: 12px;
  font-weight: 600;
  color: #526f84;
}
.ida-upload-preview .checkout-image-grid,
.ida-upload-preview .checkout-image-grid.single {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-top: 0;
}
.ida-upload-preview .checkout-image-card {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 87px;
  padding: 8px;
  border: 1px solid #d0e1ec;
  border-radius: 11px;
  background: #fff;
}
.ida-upload-preview .checkout-image-card img,
.ida-upload-preview .checkout-image-grid.single .checkout-image-card img {
  display: block;
  width: 70px;
  height: 70px;
  object-fit: contain;
  border: 1px solid #e2edf4;
  border-radius: 7px;
  background: #f3f8fc;
}
.ida-upload-preview .checkout-image-card > div { min-width: 0; padding: 6px 42px 6px 0; }
.ida-upload-preview .checkout-image-card b {
  font-size: 12px;
  line-height: 1.55;
  color: #23465f;
}
.ida-upload-preview .checkout-image-card small {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.5;
  color: #526f84;
}
.ida-upload-preview .checkout-file-remove {
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: 1px solid #d9e4ed;
  border-radius: 8px;
  background: #f8fbfd;
  color: #81594b;
  box-shadow: none;
}
.ida-upload-preview .checkout-file-remove:hover { background: #fff2ed; border-color: #dfb7a7; }
.ida-upload-preview .checkout-file-remove:focus-visible { outline: 3px solid #0087c9; outline-offset: 3px; }
.ida-upload-preview .checkout-upload-progress { font-size: 12px; line-height: 1.7; }
@media (max-width: 700px) {
  .ida-upload-preview .checkout-upload-grid { grid-template-columns: minmax(0, 1fr); gap: 25px; }
  .ida-upload-preview .checkout-upload-block > p { min-height: 0; }
  .ida-upload-preview .checkout-upload { min-height: 192px; padding: 20px 17px 17px; }
  .ida-upload-preview .checkout-file-remove { width: 40px; height: 40px; }
  .ida-upload-preview .checkout-image-card > div { padding-right: 46px; }
}
@media (max-width: 380px) {
  .ida-upload-preview .checkout-image-card { grid-template-columns: 56px minmax(0, 1fr); gap: 9px; }
  .ida-upload-preview .checkout-image-card img,
  .ida-upload-preview .checkout-image-grid.single .checkout-image-card img { width: 56px; height: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  .ida-upload-preview .checkout-upload { transition: none; }
}
@media (forced-colors: active) {
  .ida-upload-preview .checkout-upload,
  .ida-upload-preview .checkout-upload::after,
  .ida-upload-preview .checkout-file-remove { border-color: ButtonText; }
}