/*
 * SVG Converter for Kirby/Crafto
 * Frontend markup uses Bootstrap utilities and Crafto helper classes from the
 * active theme. This file only contains behavior and component-specific polish.
 */
.svg-converter-tool .svgc-intro {
  max-width: 760px;
}

.svg-converter-tool .svgc-feature-icon {
  width: 58px;
  height: 58px;
}

.svg-converter-tool .svgc-dropzone {
  border-style: dashed !important;
  cursor: pointer;
  min-height: 14rem;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.svg-converter-tool .svgc-dropzone:hover,
.svg-converter-tool .svgc-dropzone:focus,
.svg-converter-tool .svgc-dropzone--active {
  border-color: var(--base-color, var(--bs-primary)) !important;
  outline: 0;
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(35, 35, 35, .08);
}

.svg-converter-tool details summary {
  cursor: pointer;
  list-style-position: inside;
}

.svg-converter-tool .progress-bar {
  min-width: 2.5rem;
  transition: width .2s ease;
}

.svg-converter-tool .badge.text-bg-warning {
  color: #473500 !important;
}

.svg-converter-tool .btn:disabled {
  pointer-events: none;
  opacity: .55;
}

@media (max-width: 576px) {
  .svg-converter-tool .svgc-dropzone {
    min-height: 11rem;
  }
}