/* =========================================================
   Genziana — palette e ritocchi tema (dark + light)
   Applicato via /custom_css (Admin > Tema > Custom CSS).
   I colori primary/error/info/success/warning sono impostati
   come tema Vuetify; qui gestiamo sfondi, superfici e dettagli.
   ========================================================= */

:root {
  --g-bg-dark: #1f2730;
  --g-bg-mid: #2b3642;
  --g-concrete-light: #b0b5b9;
  --g-concrete-mid: #7e878f;
  --g-concrete-dark: #4b545d;
  --g-gold: #d3a437;
  --g-ochre: #aa7f24;
  --g-text-subtle: #5f6a75;
}

/* ------------------------- DARK ------------------------- */

.theme--dark.v-application {
  background-color: var(--g-bg-dark) !important;
  color: #dfe3e6;
}

.theme--dark .v-card,
.theme--dark .v-sheet,
.theme--dark .v-dialog,
.theme--dark .v-menu__content,
.theme--dark .v-list,
.theme--dark .v-data-table,
.theme--dark .v-expansion-panel,
.theme--dark .v-tabs-bar,
.theme--dark .v-navigation-drawer {
  background-color: var(--g-bg-mid) !important;
}

.theme--dark .v-footer,
.theme--dark .v-toolbar {
  background-color: var(--g-bg-dark) !important;
}

.theme--dark .v-card__subtitle,
.theme--dark .text--secondary,
.theme--dark .v-label {
  color: var(--g-concrete-mid) !important;
}

/* link dorati */
.theme--dark a { color: var(--g-gold); }
.theme--dark a:hover { color: #e8bd58; }

/* bottoni pieni: testo scuro per contrasto sul dorato */
.theme--dark .v-btn--contained.primary,
.theme--dark .v-btn--is-elevated.primary {
  color: #1f2730 !important;
}

/* ------------------------- LIGHT ------------------------- */

.theme--light.v-application {
  background-color: #f3f1ea !important;
  color: #2b3642;
}

.theme--light .v-card,
.theme--light .v-sheet,
.theme--light .v-dialog,
.theme--light .v-menu__content,
.theme--light .v-list,
.theme--light .v-data-table,
.theme--light .v-expansion-panel,
.theme--light .v-tabs-bar,
.theme--light .v-navigation-drawer {
  background-color: #ffffff !important;
}

.theme--light .v-card__subtitle,
.theme--light .text--secondary,
.theme--light .v-label {
  color: var(--g-concrete-dark) !important;
}

.theme--light a { color: var(--g-ochre); }
.theme--light a:hover { color: var(--g-gold); }

/* ------------------- HEADER / BANNER ------------------- */

nav {
  background-image:
    linear-gradient(rgba(31, 39, 48, 0.80), rgba(31, 39, 48, 0.52)),
    url(/headerimage.png) !important;
}

.theme--light nav {
  background-image:
    linear-gradient(rgba(243, 241, 234, 0.88), rgba(243, 241, 234, 0.70)),
    url(/headerimage.png) !important;
}

/* titolo istanza sempre leggibile */
#title { color: #f5f6f7; }
.theme--light #title { color: #1f2730; }

/* logo in alto a sinistra più grande */
nav a.v-btn[href="/"] {
  width: auto !important;
  height: auto !important;
}
nav a.v-btn[href="/"] .v-btn__content { height: auto !important; }
nav a.v-btn[href="/"] img {
  height: 150px !important;
  width: auto !important;
}