@charset "UTF-8";
:root {
  --text-scale: 1;
  --text-spacing: 0em;
  --line-height-base: 1.4;
  --line-height-relaxed: 1.6;
  --body-text-color: 18, 18, 18;
  --body-background-color: 252, 252, 252;
  --body-red-color: 218, 54, 46;
  --button-border-color: 217, 217, 217;
  --card-border-color: 175, 175, 175;
  --select-background-color: 232, 232, 232;
  --footer-border-color: 217, 217, 217;
  --switch-background-color: 18, 18, 18;
  --nav-item-color: 18, 18, 18;
}

body.museo-text-size-125 {
  --text-scale: 1.25;
}

body.museo-text-size-150 {
  --text-scale: 1.50;
}

body.museo-text-size-175 {
  --text-scale: 1.75;
}

body.museo-text-size-200 {
  --text-scale: 2;
}

body.museo-text-spacing-medium {
  --text-spacing: 0.05em;
}

body.museo-text-spacing-high {
  --text-spacing: 0.1em;
}

body.museo-line-height-medium {
  --line-height-base: 1.6;
  --line-height-relaxed: 1.8;
}

body.museo-line-height-high {
  --line-height-base: 1.8;
  --line-height-relaxed: 2;
}

body.museo-theme-dark {
  --body-text-color: 252, 252, 252;
  --body-background-color: 18, 18, 18;
  --body-red-color: 224, 41, 25;
  --button-border-color: 91, 91, 91;
  --card-border-color: 119, 119, 119;
  --select-background-color: 121, 118, 118;
  --footer-border-color: 91, 91, 91;
  --switch-background-color: 252, 252, 252;
  --nav-item-color: 176, 176, 176;
}

body.museo-invert-colors {
  --body-text-color: 252, 252, 252;
  --body-background-color: 18, 18, 18;
  --body-red-color: 37, 201, 209;
  --button-border-color: 91, 91, 91;
  --card-border-color: 119, 119, 119;
  --select-background-color: 121, 118, 118;
  --footer-border-color: 91, 91, 91;
  --switch-background-color: 252, 252, 252;
  --nav-item-color: 18, 18, 18;
}

body.museo-invert-colors.museo-theme-dark {
  --body-text-color: 18, 18, 18;
  --body-background-color: 252, 252, 252;
  --body-red-color: 4, 129, 144;
  --button-border-color: 217, 217, 217;
  --card-border-color: 119, 119, 119;
  --select-background-color: 232, 232, 232;
  --footer-border-color: 217, 217, 217;
  --switch-background-color: 18, 18, 18;
  --nav-item-color: 252, 252, 252;
}

body.museo-high-contrast {
  --body-text-color: 18, 18, 18;
  --body-background-color: 252, 252, 252;
  --body-red-color: 154, 29, 21;
  --button-border-color: 217, 217, 217;
  --card-border-color: 175, 175, 175;
  --select-background-color: 232, 232, 232;
  --footer-border-color: 217, 217, 217;
  --switch-background-color: 18, 18, 18;
  --nav-item-color: 252, 252, 252;
}

body.museo-high-contrast.museo-theme-dark {
  --body-text-color: 252, 252, 252;
  --body-background-color: 18, 18, 18;
  --body-red-color: 253, 121, 116;
  --button-border-color: 91, 91, 91;
  --card-border-color: 119, 119, 119;
  --select-background-color: 121, 118, 118;
  --footer-border-color: 91, 91, 91;
  --switch-background-color: 252, 252, 252;
  --nav-item-color: 18, 18, 18;
}

body.museo-high-contrast.museo-invert-colors {
  --body-text-color: 252, 252, 252;
  --body-background-color: 18, 18, 18;
  --body-red-color: 101, 226, 234;
  --button-border-color: 91, 91, 91;
  --card-border-color: 119, 119, 119;
  --select-background-color: 121, 118, 118;
  --footer-border-color: 91, 91, 91;
  --switch-background-color: 252, 252, 252;
  --nav-item-color: 18, 18, 18;
}

body.museo-high-contrast.museo-invert-colors.museo-theme-dark {
  --body-text-color: 18, 18, 18;
  --body-background-color: 252, 252, 252;
  --body-red-color: 23, 76, 180;
  --button-border-color: 217, 217, 217;
  --card-border-color: 119, 119, 119;
  --select-background-color: 232, 232, 232;
  --footer-border-color: 217, 217, 217;
  --switch-background-color: 18, 18, 18;
  --nav-item-color: 252, 252, 252;
}

body.museo-low-saturation-medium {
  --body-red-color: 168, 104, 100;
}
body.museo-low-saturation-medium img,
body.museo-low-saturation-medium video,
body.museo-low-saturation-medium picture,
body.museo-low-saturation-medium canvas,
body.museo-low-saturation-medium svg:not([class*=icon]) {
  filter: saturate(0.5);
}

body.museo-low-saturation-medium.museo-theme-dark {
  --body-red-color: 174, 98, 90;
}

body.museo-low-saturation-medium.museo-invert-colors {
  --body-red-color: 87, 151, 155;
}

body.museo-low-saturation-medium.museo-invert-colors.museo-theme-dark {
  --body-red-color: 82, 143, 148;
}

body.museo-low-saturation-medium.museo-high-contrast {
  --body-red-color: 140, 70, 66;
}

body.museo-low-saturation-medium.museo-high-contrast.museo-theme-dark {
  --body-red-color: 200, 140, 135;
}

body.museo-low-saturation-medium.museo-high-contrast.museo-invert-colors {
  --body-red-color: 115, 185, 189;
}

body.museo-low-saturation-medium.museo-high-contrast.museo-invert-colors.museo-theme-dark {
  --body-red-color: 130, 195, 200;
}

body.museo-low-saturation-high {
  --body-red-color: 128, 128, 128;
}
body.museo-low-saturation-high img,
body.museo-low-saturation-high video,
body.museo-low-saturation-high picture,
body.museo-low-saturation-high canvas,
body.museo-low-saturation-high svg:not([class*=icon]) {
  filter: grayscale(1);
}

body.museo-low-saturation-high.museo-theme-dark {
  --body-red-color: 160, 160, 160;
}

body.museo-low-saturation-high.museo-invert-colors {
  --body-red-color: 140, 140, 140;
}

body.museo-low-saturation-high.museo-invert-colors.museo-theme-dark {
  --body-red-color: 150, 150, 150;
}

body.museo-low-saturation-high.museo-high-contrast {
  --body-red-color: 90, 90, 90;
}

body.museo-low-saturation-high.museo-high-contrast.museo-theme-dark {
  --body-red-color: 200, 200, 200;
}

body.museo-low-saturation-high.museo-high-contrast.museo-invert-colors {
  --body-red-color: 100, 100, 100;
}

body.museo-low-saturation-high.museo-high-contrast.museo-invert-colors.museo-theme-dark {
  --body-red-color: 180, 180, 180;
}

body.museo-low-saturation-medium .bottom-nav-icon img,
body.museo-low-saturation-medium .site-header-icon img,
body.museo-low-saturation-high .bottom-nav-icon img,
body.museo-low-saturation-high .site-header-icon img {
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  body.museo-low-saturation-medium img,
  body.museo-low-saturation-medium video,
  body.museo-low-saturation-medium picture,
  body.museo-low-saturation-medium canvas,
  body.museo-low-saturation-medium svg,
  body.museo-low-saturation-high img,
  body.museo-low-saturation-high video,
  body.museo-low-saturation-high picture,
  body.museo-low-saturation-high canvas,
  body.museo-low-saturation-high svg {
    transition: none;
  }
}
.museo-settings-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.museo-settings-list li, .museo-settings-list li.museo-settings-item-link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 1rem;
  border: 0.1rem solid rgb(var(--button-border-color));
  border-radius: 1rem;
  min-height: 60px;
  background-color: rgb(var(--body-background-color));
  color: rgb(var(--body-text-color));
  transition: background-color 200ms, color 200ms, border-color 200ms;
  gap: 0.7rem;
}
.museo-settings-list li:hover label,
.museo-settings-list li:hover span,
.museo-settings-list li:hover a, .museo-settings-list li:focus-within label,
.museo-settings-list li:focus-within span,
.museo-settings-list li:focus-within a {
  color: rgb(var(--body-text-color));
}
.museo-settings-list li:hover a::after, .museo-settings-list li:focus-within a::after {
  background-color: rgb(var(--body-text-color));
}
.museo-settings-list li.museo-settings-item-link {
  padding: 0;
  border: none;
  background-color: rgb(var(--select-background-color));
  transition: background-color 200ms;
}
.museo-settings-list li.museo-settings-item-link:hover, .museo-settings-list li.museo-settings-item-link:focus-within {
  border-radius: 1rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-settings-list li.museo-settings-item-link:hover, .museo-settings-list li.museo-settings-item-link:focus-within {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-settings-list li img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 4px;
}
.museo-settings-list li label,
.museo-settings-list li span {
  flex: 1;
  margin: 0;
  font-size: calc(1rem * var(--text-scale));
  color: rgb(var(--body-text-color));
  line-height: var(--line-height-base);
  letter-spacing: var(--text-spacing);
  transition: color 200ms;
}
.museo-settings-list li a {
  flex: 1;
  margin: 0;
  padding: 0.7rem 1rem;
  font-size: calc(1rem * var(--text-scale));
  color: rgb(var(--body-text-color));
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: var(--text-spacing);
  line-height: var(--line-height-base);
  transition: color 200ms;
}
.museo-settings-list li a::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgb(var(--body-text-color));
  margin-left: auto;
  flex-shrink: 0;
  transition: background-color 200ms;
}
.museo-settings-list li a:visited, .museo-settings-list li a:active {
  color: rgb(var(--body-text-color));
  text-decoration: none;
}
.museo-settings-list li a:visited::after, .museo-settings-list li a:active::after {
  background-color: rgb(var(--body-text-color));
}
.museo-settings-list li select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgb(var(--select-background-color));
  border: none;
  border-radius: 1.5rem;
  padding: 8px 16px;
  font-size: calc(1rem * var(--text-scale));
  color: rgb(var(--body-text-color));
  cursor: pointer;
  min-width: 100px;
  text-align: center;
  transition: background-color 200ms, color 200ms;
  background-image: none;
  letter-spacing: var(--text-spacing);
}
@media (max-width: 768px) {
  .museo-settings-list li select {
    padding: 6px 14px;
    min-width: 90px;
  }
}
.museo-settings-list li select:hover, .museo-settings-list li select:focus {
  border-radius: 1.5rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-settings-list li select:hover, .museo-settings-list li select:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}

.md-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.md-switch input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.md-switch input[type=checkbox]:checked + .md-switch-track {
  background-color: rgb(var(--body-red-color));
  border-color: rgb(var(--body-red-color));
}
.md-switch input[type=checkbox]:checked + .md-switch-track .md-switch-handle {
  left: calc(100% - 26px);
  background-color: rgb(var(--body-background-color));
}
.md-switch input[type=checkbox]:checked + .md-switch-track .md-switch-handle::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5L20 7' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5L20 7' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgb(var(--body-red-color));
}
.md-switch input[type=checkbox]:focus-visible + .md-switch-track {
  border-radius: 1rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .md-switch input[type=checkbox]:focus-visible + .md-switch-track {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.md-switch input[type=checkbox]:disabled + .md-switch-track {
  opacity: 0.38;
  cursor: not-allowed;
}
.md-switch-track {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 32px;
  border-radius: 1rem;
  background-color: rgb(var(--body-background-color));
  border: 0.15rem solid rgb(var(--switch-background-color));
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}

.md-switch-handle {
  position: absolute;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgb(var(--switch-background-color));
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0px 1px 3px rgba(var(--body-text-color), 0.2), 0px 2px 6px rgba(var(--body-text-color), 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-switch-handle::before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgb(var(--body-background-color));
}

.md-switch:hover input[type=checkbox]:not(:disabled) + .md-switch-track {
  border-radius: 1rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .md-switch:hover input[type=checkbox]:not(:disabled) + .md-switch-track {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.md-switch:hover input[type=checkbox]:not(:disabled):checked + .md-switch-track {
  border-radius: 1rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .md-switch:hover input[type=checkbox]:not(:disabled):checked + .md-switch-track {
    outline-color: Highlight;
    outline-width: 3px;
  }
}

.museo-settings-header {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0 1.5rem;
}
.museo-settings-header h1 {
  margin: 0 0 8px 0;
  letter-spacing: var(--text-spacing);
  line-height: var(--line-height-base);
}
.museo-settings-header .user-status {
  font-size: calc(1rem * var(--text-scale));
  margin: 0;
  color: rgb(var(--body-text-color));
  letter-spacing: var(--text-spacing);
  line-height: var(--line-height-base);
}
.museo-settings-header .user-status .status-active {
  color: rgb(var(--body-red-color));
}

.museo-settings h2 {
  margin: 0;
  padding: 1rem 0;
  letter-spacing: var(--text-spacing);
  line-height: var(--line-height-base);
}

.museo-info-links {
  list-style: none;
  padding: 0;
  margin: 24px 0 0 0;
  border-top: 0.1rem solid rgb(var(--select-background-color));
}
.museo-info-links li {
  padding: 0;
}
.museo-info-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  color: rgb(var(--body-text-color));
  text-decoration: none;
  font-size: calc(1rem * var(--text-scale));
  transition: background-color 150ms, color 150ms;
  letter-spacing: var(--text-spacing);
  line-height: var(--line-height-base);
}
.museo-info-links a::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgb(var(--body-text-color));
  flex-shrink: 0;
  transition: background-color 150ms;
}
.museo-info-links a:hover, .museo-info-links a:focus {
  border-radius: 0.2rem;
  outline: 2px solid rgb(var(--body-red-color));
  outline-offset: 2px;
}
@media (forced-colors: active) {
  .museo-info-links a:hover, .museo-info-links a:focus {
    outline-color: Highlight;
    outline-width: 3px;
  }
}
.museo-info-links a:visited, .museo-info-links a:active {
  color: rgb(var(--body-text-color));
  background-color: transparent;
  text-decoration: none;
}
.museo-info-links a:visited::after, .museo-info-links a:active::after {
  background-color: rgb(var(--body-text-color));
}

/* ===========================================
   FEEDBACK MESSAGES
   =========================================== */
.museo-feedback {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 16px 24px;
  border-radius: 8px;
  font-size: calc(0.875rem * var(--text-scale));
  z-index: 9999;
  box-shadow: 0px 4px 12px rgba(var(--body-text-color), 0.15);
  animation: slideDown 300ms ease-out;
  letter-spacing: var(--text-spacing);
  line-height: var(--line-height-base);
}

.museo-feedback--info,
.museo-feedback--success {
  background-color: rgb(var(--body-red-color));
  color: rgb(var(--body-background-color));
}

.museo-feedback--error {
  background-color: rgb(var(--body-text-color));
  color: rgb(var(--body-background-color));
}

.museo-feedback--fade-out {
  animation: fadeOut 300ms ease-out forwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* ===========================================
   LOADING STATE
   =========================================== */
.museo-settings--saving {
  position: relative;
  pointer-events: none;
  opacity: 0.6;
}

.museo-settings--saving::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--body-background-color), 0.5);
  z-index: 10;
}

/* ===========================================
   SWITCH TRANSITION
   =========================================== */
.md-switch-track--transitioning .md-switch-handle {
  transition-duration: 350ms !important;
}

/* ===========================================
   APPLICAZIONE CONFIGURAZIONI
   =========================================== */
/* Contrasto elevato */
body.high-contrast {
  filter: contrast(1.5);
}

/* Nascondi immagini */
body.hide-images img:not([role=img]) {
  display: none;
}

/* Easy to read - Font OpenDyslexic o simile */
body.easy-read {
  font-family: "OpenDyslexic", "Comic Sans MS", sans-serif;
  letter-spacing: 0.05em;
  word-spacing: 0.16em;
}

/* ===========================================
   ACCESSIBILITÀ - REDUCED MOTION
   =========================================== */
@media (prefers-reduced-motion: reduce) {
  .museo-settings-list li,
  .museo-settings-list li select,
  .museo-settings-item-link,
  .museo-info-links a,
  .md-switch-track,
  .md-switch-handle,
  .museo-feedback {
    transition: none;
    animation: none;
  }
}

/*# sourceMappingURL=museo-profilo.css.map */