/* Logo Falloutshelter nel menu laterale */
.column-link--logo svg {
  visibility: hidden;
}

.column-link--logo {
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  min-height: 80px;
  background-image: url("/branding/falloutshelter-logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* Logo Falloutshelter nelle impostazioni */
a[href="/"]:has(> img.logo--icon) {
  display: block;
  width: 100%;
  height: 100px;
  background: url("/branding/BloccoSX.png") center / contain no-repeat;
}

a[href="/"] > img.logo--icon {
  visibility: hidden;
}
/* Falloutshelter — schema scuro globale */
:root,
html[data-color-scheme],
[data-color-scheme='light'],
[data-color-scheme='dark'] {
  color-scheme: dark !important;

  /* Testi */
  --color-text-primary: var(--color-grey-100);
  --color-text-secondary: var(--color-grey-300);
  --color-text-tertiary: var(--color-grey-400);
  --color-text-inverted: var(--color-grey-950);
  --color-text-brand: var(--color-indigo-300);
  --color-text-brand-soft: color-mix(
    in oklab, var(--color-text-primary), var(--color-text-brand)
  );
  --color-text-on-brand-base: var(--color-white);
  --color-text-brand-on-inverted: var(--color-indigo-600);
  --color-text-error: var(--color-red-300);
  --color-text-on-error-base: var(--color-white);
  --color-text-warning: var(--color-yellow-400);
  --color-text-on-warning-base: var(--color-white);
  --color-text-success: var(--color-green-400);
  --color-text-on-success-base: var(--color-white);
  --color-text-disabled: var(--color-grey-600);
  --color-text-on-disabled: var(--color-grey-400);
  --color-text-bookmark-highlight: var(--color-text-error);
  --color-text-favourite-highlight: var(--color-text-warning);
  --color-text-on-media: var(--color-white);
  --color-text-status-links: color-mix(
    in oklab, var(--color-text-primary), var(--color-text-secondary)
  );

  /* Sfondi */
  --color-bg-primary: var(--color-grey-950);
  --overlay-strength-secondary: 4%;
  --color-bg-secondary: var(--color-grey-900);
  --color-bg-tertiary: var(--color-grey-800);
  --color-bg-blend: rgb(from var(--color-black) r g b / 30%);
  --color-bg-highlight: rgb(from var(--color-text-primary) r g b / 5%);
  --color-bg-inverted: var(--color-grey-50);
  --color-bg-overlay-highlight: var(--color-bg-highlight);
  --color-bg-overlay: var(--color-black);
  --color-bg-media-base: var(--color-black);
  --color-bg-media: rgb(from var(--color-bg-media-base) r g b / 65%);
  --color-bg-disabled: var(--color-grey-700);

  --color-bg-brand-base: var(--color-indigo-700);
  --color-bg-brand-base-hover: var(--color-indigo-800);
  --color-bg-brand-soft: var(--color-indigo-900);
  --color-bg-brand-softest: var(--color-indigo-950);

  --color-bg-error-base: var(--color-red-700);
  --color-bg-error-base-hover: var(--color-red-800);
  --color-bg-error-soft: var(--color-red-900);
  --color-bg-error-softest: var(--color-red-950);

  --color-bg-warning-base: var(--color-yellow-700);
  --color-bg-warning-soft: var(--color-yellow-900);
  --color-bg-warning-softest: var(--color-yellow-950);

  --color-bg-success-base: var(--color-green-600);
  --color-bg-success-soft: var(--color-green-900);
  --color-bg-success-softest: var(--color-green-950);

  /* Bordi */
  --color-border-primary: var(--color-grey-800);
  --color-border-strong: var(--color-grey-100);
  --color-border-brand: var(--color-text-brand);
  --color-border-brand-soft: var(--color-indigo-800);
  --color-border-error: var(--color-red-300);
  --color-border-media: rgb(252 248 255 / 15%);
  --color-border-error-soft: rgb(from var(--color-border-error) r g b / 50%);
  --color-border-warning-soft: rgb(from var(--color-text-warning) r g b / 50%);
  --color-border-success-soft: var(--color-green-800);

  /* Ombre */
  --shadow-strength-primary: 80%;
  --color-shadow-primary: rgb(
    from var(--color-black) r g b / var(--shadow-strength-primary)
  );
  --dropdown-shadow:
    0 20px 25px -5px var(--color-shadow-primary),
    0 8px 10px -6px var(--color-shadow-primary);
  --overlay-icon-shadow: drop-shadow(0 0 8px var(--color-shadow-primary));

  /* Grafici */
  --color-graph-primary-stroke: var(--color-text-brand);
  --color-graph-primary-fill: var(--color-bg-brand-softest);
  --color-graph-warning-stroke: var(--color-text-warning);
  --color-graph-warning-fill: var(--color-bg-warning-softest);
  --color-graph-disabled-stroke: var(--color-text-disabled);
  --color-graph-disabled-fill: var(--color-bg-disabled);

  /* Testo formattato */
  --rich-text-container-color: rgb(87 24 60);
  --rich-text-text-color: rgb(255 175 212);
  --rich-text-decorations-color: rgb(128 58 95);
}

/* Mantiene l'opzione di contrasto elevato */
html[data-contrast='high'],
html[data-contrast='high'] [data-color-scheme],
html[data-color-scheme] [data-contrast='high'] {
  --color-text-primary: var(--color-grey-50);
  --color-text-status-links: var(--color-text-brand);
  --color-bg-error-base: var(--color-red-800);
  --color-border-primary: var(--color-grey-600);
}

/* Adattamento delle immagini previste dal tema */
html .invert-on-light {
  filter: none !important;
}

html .invert-on-dark {
  filter: invert(1) !important;
}

/* Nasconde il riquadro pubblico delle statistiche */
.server-banner__meta__column:has(.server-banner__number) {
  display: none !important;
}