/* Tema stagionale autunno 2026
   Caricato dopo il foglio principale per essere facilmente reversibile. */

body.theme-autumn {
  --leaf: #b86c32;
  --cream: #fbf5e9;
  --paper: #fffdf8;
  --line: rgba(105, 62, 35, 0.17);
  --shadow: 0 24px 58px rgba(70, 45, 27, 0.14);
  background:
    radial-gradient(circle at 8% 6%, rgba(221, 166, 83, 0.14), transparent 25rem),
    radial-gradient(circle at 94% 18%, rgba(166, 78, 39, 0.09), transparent 28rem),
    var(--cream);
}

body.theme-autumn ::selection {
  color: #fff;
  background: #a8542b;
}

.theme-autumn .site-header,
.theme-autumn .stats-header {
  border-bottom-color: rgba(139, 78, 38, 0.14);
  background: rgba(255, 252, 245, 0.91);
  box-shadow: 0 14px 40px rgba(74, 48, 30, 0.07);
  backdrop-filter: blur(14px);
}

.theme-autumn .brand-text span,
.theme-autumn .stats-brand span {
  color: #7d684f;
}

.theme-autumn .nav-pill,
.theme-autumn .btn-primary,
.theme-autumn .stats-cta {
  color: #fff;
  background: linear-gradient(135deg, #28543d 0%, #28543d 56%, #8f5c31 100%);
  box-shadow: 0 12px 26px rgba(83, 61, 35, 0.2);
}

.theme-autumn .nav-pill:hover,
.theme-autumn .btn-primary:hover,
.theme-autumn .stats-cta:hover {
  color: #fff;
  box-shadow: 0 16px 32px rgba(114, 66, 31, 0.25);
}

.theme-autumn .btn-secondary,
.theme-autumn .btn-outline,
.theme-autumn .map-link,
.theme-autumn .report-link {
  border-color: rgba(153, 87, 42, 0.22);
  background: rgba(255, 251, 242, 0.9);
}

.theme-autumn .hero {
  isolation: isolate;
  overflow: hidden;
  background: #173527;
}

@media (min-width: 901px) {
  .theme-autumn .hero {
    min-height: clamp(700px, 82vh, 860px);
    align-items: center;
    padding-top: 150px;
    padding-bottom: 90px;
  }

  .theme-autumn .hero-content {
    margin-top: 42px;
  }

  .theme-autumn .emergency-card {
    bottom: 64px;
  }
}

@media (min-width: 1450px) {
  .theme-autumn .hero-content {
    margin-left: max(64px, calc((100vw - 1400px) / 2 + 38px));
  }

  .theme-autumn .emergency-card {
    right: max(64px, calc((100vw - 1400px) / 2 + 38px));
  }
}

.theme-autumn .hero-bg {
  z-index: -2;
  background:
    radial-gradient(circle at 78% 20%, rgba(226, 165, 73, 0.35), transparent 28%),
    radial-gradient(circle at 15% 82%, rgba(158, 68, 36, 0.32), transparent 32%),
    linear-gradient(125deg, rgba(18, 49, 35, 0.98), rgba(39, 65, 42, 0.92) 55%, rgba(106, 65, 37, 0.86)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cg fill='none' stroke='%23f2c879' stroke-opacity='.12' stroke-width='2'%3E%3Cpath d='M110 690c170-180 300-310 550-430'/%3E%3Cpath d='M465 390c-112 0-160-46-192-104 100-14 170 21 192 104Z'/%3E%3Cpath d='M595 315c68-95 150-104 224-79-47 86-121 114-224 79Z'/%3E%3Cpath d='M325 520c-109 21-177-16-224-68 91-39 173-23 224 68Z'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
}

.theme-autumn .hero::before,
.theme-autumn .hero::after {
  position: absolute;
  z-index: -1;
  width: 152px;
  height: 104px;
  content: "";
  pointer-events: none;
  opacity: 0.38;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.theme-autumn .hero::before {
  top: 16%;
  right: 7%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 112'%3E%3Cpath d='M11 94C24 39 76 6 157 13c-14 59-66 94-146 81Z' fill='%23d99a45'/%3E%3Cg fill='none' stroke='%23774729' stroke-linecap='round'%3E%3Cpath d='M17 92C61 68 99 42 148 18' stroke-width='4'/%3E%3Cpath d='M61 67 48 40M88 51 80 25M112 37l19 4M82 55l20 18' stroke-width='2.4'/%3E%3C/g%3E%3Cpath d='m17 92-12 12' fill='none' stroke='%23774729' stroke-linecap='round' stroke-width='5'/%3E%3C/svg%3E");
  transform: rotate(13deg);
}

.theme-autumn .hero::after {
  right: 23%;
  bottom: 9%;
  width: 96px;
  height: 66px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 112'%3E%3Cpath d='M11 94C24 39 76 6 157 13c-14 59-66 94-146 81Z' fill='%23ad5a32'/%3E%3Cg fill='none' stroke='%236c3826' stroke-linecap='round'%3E%3Cpath d='M17 92C61 68 99 42 148 18' stroke-width='4'/%3E%3Cpath d='M61 67 48 40M88 51 80 25M112 37l19 4M82 55l20 18' stroke-width='2.4'/%3E%3C/g%3E%3Cpath d='m17 92-12 12' fill='none' stroke='%236c3826' stroke-linecap='round' stroke-width='5'/%3E%3C/svg%3E");
  transform: rotate(-24deg);
}

.theme-autumn .hero-content {
  position: relative;
  z-index: 1;
}

.theme-autumn .emergency-card {
  z-index: 1;
}

.theme-autumn .eyebrow,
.theme-autumn .section-kicker,
.theme-autumn .stats-eyebrow {
  color: #a3532c;
}

.theme-autumn .hero .eyebrow {
  color: #f3c46e;
}

.theme-autumn .hero h1 em {
  color: #f0c16c;
}

.theme-autumn .hero-trust span {
  border-color: rgba(240, 193, 108, 0.2);
  background: rgba(255, 248, 232, 0.1);
}

.theme-autumn .emergency-card {
  border-color: rgba(242, 192, 103, 0.24);
  background: linear-gradient(165deg, rgba(27, 59, 42, 0.94), rgba(83, 59, 35, 0.92));
  box-shadow: 0 24px 70px rgba(28, 24, 17, 0.28);
}

.theme-autumn .emergency-icon,
.theme-autumn .social-icon {
  background: linear-gradient(145deg, #f7d48e, #c46f36);
}

.theme-autumn .about-card,
.theme-autumn .info-card,
.theme-autumn .donation-card,
.theme-autumn .contact-card,
.theme-autumn .social-card,
.theme-autumn .feature-card,
.theme-autumn .summary-card,
.theme-autumn .chart-card,
.theme-autumn .report-card,
.theme-autumn .data-table-wrap,
.theme-autumn .birds-section,
.theme-autumn .guide-card,
.theme-autumn .request-card,
.theme-autumn .thankyou-card {
  border-color: rgba(128, 77, 42, 0.15);
  background: linear-gradient(180deg, #fffefa 0%, #fffaf1 100%);
  box-shadow: 0 20px 50px rgba(81, 52, 31, 0.09);
}

.theme-autumn .about-card:hover,
.theme-autumn .info-card:hover,
.theme-autumn .social-card:hover,
.theme-autumn .feature-card:hover {
  border-color: rgba(177, 99, 46, 0.3);
  box-shadow: 0 25px 58px rgba(104, 61, 31, 0.14);
}

.theme-autumn .section-soft,
.theme-autumn .donation-section,
.theme-autumn .request-page,
.theme-autumn .thankyou-page,
.theme-autumn .stats-main {
  background:
    radial-gradient(circle at 8% 14%, rgba(225, 170, 86, 0.1), transparent 20rem),
    linear-gradient(180deg, #fbf5e9, #f8f2e7);
}

.theme-autumn .territory-section,
.theme-autumn .volunteer-section,
.theme-autumn .stats-hero {
  background:
    radial-gradient(circle at 88% 20%, rgba(214, 148, 65, 0.2), transparent 26rem),
    linear-gradient(135deg, #173527, #284b36 58%, #694a2f);
}

.theme-autumn .map-dot,
.theme-autumn .section-icon,
.theme-autumn .step-number {
  background: linear-gradient(145deg, #d99848, #a9532c);
}

.theme-autumn .social-band {
  border-color: rgba(161, 91, 43, 0.18);
  background:
    radial-gradient(circle at 14% 10%, rgba(228, 177, 94, 0.2), transparent 22rem),
    linear-gradient(120deg, #fffaf0, #f4ead9);
}

.theme-autumn .site-footer,
.theme-autumn .stats-footer {
  border-top-color: rgba(221, 161, 79, 0.18);
  background: linear-gradient(135deg, #122c20, #243c2a 62%, #4b3527);
}

/* Pagina Numeri: conserva i colori dei grafici, scaldando la cornice generale. */
.theme-autumn .stats-hero .stats-eyebrow {
  color: #f0c16c;
}

.theme-autumn .hero-glow {
  background: radial-gradient(circle, rgba(222, 155, 70, 0.26), transparent 68%);
}

.theme-autumn .summary-card::before,
.theme-autumn .chart-card::before {
  background: linear-gradient(90deg, #28543d, #c37a37);
}

@media (max-width: 760px) {
  body.theme-autumn {
    background:
      radial-gradient(circle at 10% 4%, rgba(221, 166, 83, 0.12), transparent 18rem),
      var(--cream);
  }

  .theme-autumn .hero::before {
    top: 10%;
    right: -34px;
    width: 100px;
    height: 66px;
    opacity: 0.22;
  }

  .theme-autumn .hero::after {
    display: none;
  }

  .theme-autumn .site-header,
  .theme-autumn .stats-header {
    backdrop-filter: blur(10px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-autumn *,
  .theme-autumn *::before,
  .theme-autumn *::after {
    scroll-behavior: auto !important;
  }
}