/* Design overrides — Neomorfismo */

/* ===== Scala tipografica ===== */
:root {
  --fs-hero: 40px;    /* Icone empty state, numeri stat */
  --fs-display: 32px; /* Avatar, stat-card numero */
  --fs-h1: 26px;      /* Page title */
  --fs-h2: 20px;      /* Section header, welcome h2 */
  --fs-h3: 18px;      /* Card header, dialog title */
  --fs-h4: 16px;      /* Prezzo, sottotitoli, nomi */
  --fs-body: 14px;    /* Corpo testo, bottoni, input */
  --fs-small: 12px;   /* Label, metadata, badge, slot */

  /* Scala bottoni */
  --btn-sm-py: 6px;   --btn-sm-px: 12px;  --btn-sm-fs: var(--fs-small);
  --btn-py: 8px;      --btn-px: 16px;     --btn-fs: var(--fs-body);
  --btn-lg-py: 12px;  --btn-lg-px: 24px;  --btn-lg-fs: var(--fs-h4);
  --btn-radius: 8px;  --btn-lg-radius: 10px;
}

body {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  line-height: 1.5;
  font-size: var(--fs-body);
}

a {
  color: var(--logo-blue);
  text-decoration: none;
  font-weight: 500;
}

a:hover {
  color: var(--logo-brown);
  text-decoration: underline;
}

/* Override kui-label per form inline */
.kui-widget.kui-edit .kui-label:first-child {
  margin-bottom: 4px;
}

/* Allineamento checkbox/radio */
.kui-widget.kui-button.kui-button-check .kui-label {
  padding-left: 4px;
}

/* Pulsante X chiusura dialog */
.kui-widget.kui-dialog .kui-caption > .kui-widget.kui-button.kui-button-default:last-child {
  padding: 0px;
  box-shadow: none;
  border-top: none;
}

/* Listbox: click sul campo disabled passa al Box */
.kui-widget.kui-edit .kui-input:disabled {
  pointer-events: none;
}

/* Collassabile card — slide animato */
.kui-collapsible-body {
  overflow: hidden;
  max-height: 2000px;
  opacity: 1;
  transition: max-height 0.3s ease, opacity 0.25s ease, padding 0.25s ease, margin 0.25s ease;
}
.kui-collapsible-body.kui-collapsed {
  max-height: 0;
  opacity: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden;
}

/* Etichette gruppi nella card Novità */
.kui-novita-gruppo {
  font-weight: 700;
  font-size: var(--fs-small);
  color: var(--petrolio);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-top: 4px;
}
.kui-novita-gruppo:first-child { margin-top: 0; }


/* Changelog in card Informazioni app */
.changelog-markdown {
  text-align: left;
}
.changelog-markdown h2, .changelog-markdown h3, .changelog-markdown h4 {
  margin: 10px 0 4px;
  line-height: 1.25;
}
.changelog-markdown h2:first-child { margin-top: 0; }
.changelog-markdown h2 { font-size: var(--fs-h3); }
.changelog-markdown h3 { font-size: var(--fs-body); }
.changelog-markdown h4 { font-size: var(--fs-body); }
.changelog-markdown p { margin: 4px 0; font-size: var(--fs-body); }
.changelog-markdown ul { margin: 4px 0; padding-left: 20px; }
.changelog-markdown li { margin: 2px 0; font-size: var(--fs-body); }
.changelog-markdown hr { border: none; border-top: 1px solid var(--grigio-caldo); margin: 10px 0; opacity: 0.4; }
