/**
 * Kiosk Illustration widget — SVG annotated school kiosk + caption.
 */

.elementor-widget-mu_kiosk_illustration {
  --mu-ki-accent: #FF6B00;
  --mu-ki-body: #3D3D3D;
  --mu-ki-body-dark: #2a2a2a;
  --mu-ki-bg: #F7F7F5;
  --mu-ki-caption: #999;
  --mu-ki-fd: 'Barlow Condensed', 'Barlow', sans-serif;
  --mu-ki-fb: 'Barlow', sans-serif;
  background: var(--mu-ki-bg);
  font-family: var(--mu-ki-fb);
  padding: 24px;
}

.elementor-widget-mu_kiosk_illustration .mu-ki-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.elementor-widget-mu_kiosk_illustration .mu-ki-svg {
  width: 100%;
  max-width: 720px;
  height: auto;
  opacity: 0.92;
  overflow: visible;
}

.elementor-widget-mu_kiosk_illustration .mu-ki-caption {
  font-family: var(--mu-ki-fd);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mu-ki-caption);
  text-align: center;
  max-width: 460px;
  line-height: 1.5;
}

@media (max-width: 560px) {
  .elementor-widget-mu_kiosk_illustration {
    padding: 16px;
  }
  .elementor-widget-mu_kiosk_illustration .mu-ki-caption {
    font-size: 10px;
  }
}