/*
 * Informatizzazione.eu hosted-site footer kit.
 *
 * Copy this file and Logo_informatizzazione_01.png into a site's local assets
 * folder, then paste one of the snippets from this kit at the end of the page.
 * The logo is an <img>, not a CSS background, so it remains visible across
 * static sites, Django templates, cache layers and local VM domains.
 */

.ie-hosted-footer,
.ie-hosted-footer * {
  box-sizing: border-box !important;
}

.ie-hosted-footer {
  --ie-footer-bg: #05020b;
  --ie-footer-panel: rgba(255, 255, 255, 0.08);
  --ie-footer-line: rgba(255, 255, 255, 0.14);
  --ie-footer-ink: #f6ecff;
  --ie-footer-muted: #c7bbd9;
  --ie-footer-glow-a: #e0a3ff;
  --ie-footer-glow-b: #ff69b4;

  width: 100% !important;
  margin: 0 !important;
  padding: 28px 16px !important;
  isolation: isolate !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: var(--ie-footer-ink) !important;
  background:
    radial-gradient(circle at 12% 100%, rgba(75, 0, 130, 0.55), transparent 36%),
    radial-gradient(circle at 88% 0%, rgba(139, 37, 99, 0.5), transparent 34%),
    linear-gradient(135deg, #07060d 0%, #221732 52%, var(--ie-footer-bg) 100%) !important;
}

.ie-hosted-footer__inner {
  width: min(1120px, 100%) !important;
  min-height: 88px !important;
  margin: 0 auto !important;
  padding: 18px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  border: 1px solid var(--ie-footer-line) !important;
  border-radius: 18px !important;
  background: var(--ie-footer-panel) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(18px) !important;
}

.ie-hosted-footer__brand {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  color: var(--ie-footer-ink) !important;
  text-decoration: none !important;
}

.ie-hosted-footer__logo {
  width: 220px !important;
  max-width: min(220px, 54vw) !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ie-hosted-footer__claim {
  max-width: 34rem !important;
  margin: 0 !important;
  color: var(--ie-footer-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
  text-align: right !important;
}

.ie-hosted-footer__claim a {
  color: var(--ie-footer-glow-a) !important;
  text-decoration: none !important;
}

.ie-hosted-footer__claim a:hover {
  color: var(--ie-footer-glow-b) !important;
}

@media (max-width: 720px) {
  .ie-hosted-footer {
    padding: 20px 12px !important;
  }

  .ie-hosted-footer__inner {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 18px !important;
  }

  .ie-hosted-footer__brand {
    align-items: flex-start !important;
  }

  .ie-hosted-footer__claim {
    text-align: left !important;
  }
}