/* ============================================================
   AssociaGo — Product Theme
   Identità: gestionale, terzo settore, gradient blu/viola,
   card arrotondate, dashboard KPI, operativo, accessibile
   ============================================================ */

:root[data-product="associago"] {
  --color-base: #f8f9fa;
  --color-surface: #ffffff;
  --color-elevated: #ffffff;
  --color-text: #212529;
  --color-text-muted: #6c757d;
  --color-border: rgba(0, 0, 0, .08);
  --color-accent: #0d6efd;
  --color-accent-strong: #6610f2;
  --color-accent-soft: rgba(13, 110, 253, .12);
  --color-accent-shadow: rgba(13, 110, 253, .30);
  --color-on-accent: #ffffff;
  --color-band: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
  --color-band-text: #ffffff;
}

/* ===== Hero ===== */
[data-product="associago"] .hero {
  background:
    radial-gradient(ellipse at 25% 75%, rgba(102,16,242,.06) 0%, transparent 50%),
    radial-gradient(ellipse at 75% 25%, rgba(13,110,253,.05) 0%, transparent 50%),
    var(--color-base);
}

[data-product="associago"] .hero-title {
  background: linear-gradient(135deg, #0d6efd, #6610f2, #0d6efd);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== Mock window — gestionale dashboard ===== */
[data-product="associago"] .mock-window {
  background: #f8f9fa;
}
[data-product="associago"] .mock-toolbar {
  background: linear-gradient(135deg, #0d6efd, #6610f2);
  border-bottom: none;
}
[data-product="associago"] .mock-toolbar span {
  background: rgba(255,255,255,.5);
}
[data-product="associago"] .mock-toolbar span:nth-child(1) { background: rgba(255,255,255,.7); }

[data-product="associago"] .mock-content h2 {
  color: #0d6efd;
}
[data-product="associago"] .mock-bars i:nth-child(1) {
  background: rgba(13,110,253,.16);
}
[data-product="associago"] .mock-bars i:nth-child(2) {
  background: rgba(102,16,242,.12);
  width: 58%;
}
[data-product="associago"] .mock-bars i:nth-child(3) {
  background: rgba(13,110,253,.10);
  width: 72%;
}

/* ===== Slides ===== */
[data-product="associago"] .slide-card.is-active {
  border-color: rgba(13,110,253,.15);
}
[data-product="associago"] .slide-title {
  color: #0d47a1;
}

/* ===== Feature cards — hover viola ===== */
[data-product="associago"] .feature-card:hover {
  border-color: rgba(102,16,242,.15);
  box-shadow: 0 12px 38px rgba(13,110,253,.10);
}
[data-product="associago"] .feature-card h3 {
  color: #0d6efd;
}

/* ===== Badges ===== */
[data-product="associago"] .badge {
  border-color: rgba(13,110,253,.12);
  background: rgba(13,110,253,.06);
  color: #0d6efd;
}

/* ===== Open card ===== */
[data-product="associago"] .open-card {
  background: linear-gradient(180deg, #f0f4ff, #ffffff);
  border-color: rgba(13,110,253,.1);
}

/* ===== Problem card ===== */
[data-product="associago"] .problem-card {
  background: linear-gradient(180deg, #f8f5ff, #ffffff);
  border-color: rgba(102,16,242,.08);
}

/* ===== Ufficio Zero — gradient blu/viola ===== */
[data-product="associago"] .uzero-band {
  background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
  color: #ffffff;
  border-color: rgba(102,16,242,.2);
}
[data-product="associago"] .uzero-band .hero-kicker {
  background: rgba(255,255,255,.18);
  color: #ffffff;
}
[data-product="associago"] .uzero-band .section-title {
  color: #ffffff;
}

/* ===== CTA — bianco su blu ===== */
[data-product="associago"] .btn-primary {
  background: #0d6efd;
  color: #ffffff;
  box-shadow: 0 14px 32px rgba(13,110,253,.30);
}
[data-product="associago"] .btn-primary:hover {
  background: #0b5ed7;
  color: #ffffff;
  box-shadow: 0 20px 46px rgba(13,110,253,.35);
}

/* ===== Nav CTA ===== */
[data-product="associago"] .nav-cta {
  background: #0d6efd !important;
  color: #ffffff !important;
}
[data-product="associago"] .nav-cta:hover {
  background: #0b5ed7 !important;
}

/* ===== Slide dots ===== */
[data-product="associago"] .slide-dot.is-current {
  background: #0d6efd;
}

/* ===== Cards arrotondate (stile dal design system del progetto) ===== */
[data-product="associago"] .feature-card {
  border-radius: 1rem;
}
[data-product="associago"] .slide-card {
  border-radius: 1rem;
}
[data-product="associago"] .problem-card {
  border-radius: 1rem;
}