.brutal-footer-wrapper {
      --colore-sfondo-footer: var(--fattoria-footer-background, #4a2840);
      --colore-bordo: var(--fattoria-footer-border, #000000);
      --colore-giallo: var(--fattoria-footer-yellow, #ffd000);
      --colore-rosa: var(--fattoria-footer-pink, #ff3366);           /* Rosa neon */
      --colore-azzurro: var(--fattoria-footer-blue, #33bfff);        /* Azzurro pop */
      --colore-lavagna: var(--fattoria-footer-card, #fffdf9);
      
      background-color: var(--colore-sfondo-footer);
      padding: 60px 20px 40px 20px;
      border-top: 5px solid var(--colore-bordo);
      font-family: var(--fattoria-body-font, Helvetica, Arial, sans-serif);
      
      /* Tema standalone: il footer è già full-width */
      width: 100%;
      position: relative;
      left: auto;
      right: auto;
      margin-left: 0;
      margin-right: 0;
      
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 50px;
      overflow-x: hidden; /* Previene scrollbar dovute alle rotazioni delle card */
    }

    .brutal-footer-wrapper *, 
    .brutal-footer-wrapper *::before, 
    .brutal-footer-wrapper *::after {
      box-sizing: border-box;
    }

    /* GRIGLIA PRINCIPALE A 3 COLONNE (Centrata nel full-width) */
    .brutal-footer-grid {
      width: 100%;
      max-width: var(--fattoria-content-width, 1200px);
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 30px;
      align-items: stretch;
    }

    /* CARD CONTENITORI (LAVAGNE) */
    .brutal-footer-card {
      background: var(--colore-lavagna);
      border: 4px solid var(--colore-bordo);
      border-radius: 20px;
      box-shadow: 6px 6px 0px var(--colore-bordo);
      padding: 30px 25px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    /* Rotazioni asimmetriche */
    .card-social { transform: rotate(-1deg); }
    .card-logo { transform: rotate(1deg); }
    .card-links { transform: rotate(-0.5deg); }

    .footer-badge {
      border: 3px solid var(--colore-bordo);
      border-radius: 8px;
      padding: 4px 12px;
      font-size: 0.8rem;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 20px;
      box-shadow: 2px 2px 0px var(--colore-bordo);
      color: #000000;
    }

    .card-h4 {
      margin: 0 0 20px 0 !important;
      
      
      
      text-transform: uppercase;
      color: #000000;
      
    }

    /* PULSANTI E ICONE */
    .footer-social-grid {
      display: flex;
      flex-direction: column;
      gap: 15px;
      width: 100%;
      margin-top: auto;
    }

    .brutal-social-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 12px;
      border: 3px solid var(--colore-bordo);
      border-radius: 12px;
      font-family: var(--fattoria-body-font, Helvetica, Arial, sans-serif);
      font-size: 1rem;
      font-weight: 700;
      text-decoration: none !important;
      text-transform: uppercase;
      box-shadow: 3px 3px 0px var(--colore-bordo);
      transition: transform 0.1s ease, box-shadow 0.1s ease;
    }

    .brutal-social-btn svg {
      width: 24px;
      height: 24px;
      fill: currentColor;
      display: block;
    }

    .brutal-social-btn:hover {
      transform: translate(-2px, -2px);
      box-shadow: 5px 5px 0px var(--colore-bordo);
      background: #ffffff !important;
      color: var(--colore-bordo) !important;
    }

    /* LOGO CENTRALE */
    .footer-logo-container {
      background: white;
      border: 3px solid var(--colore-bordo);
      border-radius: 50%;
      padding: 15px;
      box-shadow: 4px 4px 0px var(--colore-bordo);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 130px;
      height: 130px;
      margin-bottom: 25px;
    }

    .footer-logo-container img {
      width: 100%;
      height: auto;
      object-fit: contain;
    }

    /* MENU DI NAVIGAZIONE */
    .footer-nav-list {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .footer-nav-list a {
      display: block;
      padding: 8px 12px;
      background: #ffffff;
      border: 2px solid var(--colore-bordo);
      border-radius: 10px;
      color: var(--colore-bordo) !important;
      text-decoration: none !important;
      font-family: var(--fattoria-body-font, Helvetica, Arial, sans-serif);
      font-weight: 600;
      font-size: 0.95rem;
      box-shadow: 2px 2px 0px var(--colore-bordo);
      transition: all 0.1s ease;
    }

    .footer-nav-list a:hover {
      background: var(--colore-giallo);
      transform: translate(-1px, -1px);
      box-shadow: 3px 3px 0px var(--colore-bordo);
    }

    /* BARRA INFERIORE */
    .brutal-footer-bottom {
      width: 100%;
      max-width: var(--fattoria-content-width, 1200px);
      border-top: 4px dashed var(--colore-bordo);
      padding-top: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
      text-align: center;
    }

    .legal-text {
      font-size: 0.9rem;
      font-weight: 500;
      color: #ffffff;
      margin: 0;
      line-height: 1.5;
      letter-spacing: 0.3px;
    }

    .copyright-box {
      font-size: 0.85rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.9);
      margin: 0;
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
    }

    /* BADGE CREDITI */
    .powered-by-badge {
      display: inline-flex;
      align-items: center;
      padding: 4px 12px;
      background: #000000;
      color: #ffffff !important;
      text-decoration: none !important;
      font-family: var(--fattoria-body-font, Helvetica, Arial, sans-serif);
      font-weight: 700;
      font-size: 0.9rem;
      text-transform: uppercase;
      border: 2px solid #ffffff;
      border-radius: 8px;
      box-shadow: 3px 3px 0px #000000;
      transform: rotate(-1.5deg);
      transition: all 0.1s ease;
      animation: brutalGlow 4s infinite alternate ease-in-out;
    }

    .powered-by-badge:hover {
      transform: scale(1.1) rotate(1deg);
      background: #ffffff !important;
      color: #000000 !important;
      border-color: #000000;
      box-shadow: 4px 4px 0px #000000;
      animation: none;
    }

    @keyframes brutalGlow {
      0% { border-color: var(--colore-giallo); box-shadow: 3px 3px 0px var(--colore-rosa); }
      33% { border-color: var(--colore-rosa); box-shadow: 3px 3px 0px var(--colore-azzurro); }
      66% { border-color: var(--colore-azzurro); box-shadow: 3px 3px 0px var(--colore-giallo); }
      100% { border-color: var(--colore-giallo); box-shadow: 3px 3px 0px var(--colore-rosa); }
    }

    /* RESPONSIVE DESIGN */
    @media (max-width: 850px) {
      .brutal-footer-wrapper {
        padding: 40px 15px 25px 15px;
        gap: 35px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
      }
      .brutal-footer-grid {
        grid-template-columns: 1fr;
        gap: 25px;
      }
      .brutal-footer-card {
        transform: rotate(0deg) !important;
        padding: 25px 20px;
      }
      .footer-logo-container {
        width: 110px;
        height: 110px;
        margin-bottom: 15px;
      }
      .legal-text {
        font-size: 0.85rem;
      }
      .copyright-box {
        font-size: 0.8rem;
        flex-direction: column;
        gap: 10px;
      }
      .powered-by-badge {
        transform: rotate(0deg);
      }
    }

.social-facebook { background: #557dbc; color: white; }
.social-instagram { background: #8a3ab9; color: white; }
.social-youtube, .social-tiktok { background: var(--colore-azzurro); color: var(--colore-bordo); }
.social-whatsapp { background: #5BBA67; color: white; }
.footer-faq { background: var(--colore-giallo); color: black; }
.fattoria-legal-links { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: center; }
.fattoria-legal-links a { color: inherit; }



/* Heading typography: actual HTML levels follow the global Customizer. */
.brutal-footer-wrapper h1 {
    font-family: var(--fattoria-h1-font, "DM Serif Display", Georgia, serif) !important;
    font-size: var(--fattoria-h1-size-desktop, 48px) !important;
    font-weight: var(--fattoria-h1-weight, 700) !important;
    line-height: var(--fattoria-h1-line-height, 1.4) !important;
    letter-spacing: var(--fattoria-h1-letter-spacing, 0px) !important;
}
.brutal-footer-wrapper h2 {
    font-family: var(--fattoria-h2-font, "DM Serif Display", Georgia, serif) !important;
    font-size: var(--fattoria-h2-size-desktop, 38px) !important;
    font-weight: var(--fattoria-h2-weight, 700) !important;
    line-height: var(--fattoria-h2-line-height, 1.3) !important;
    letter-spacing: var(--fattoria-h2-letter-spacing, -2px) !important;
}
.brutal-footer-wrapper h3 {
    font-family: var(--fattoria-h3-font, Helvetica, Arial, sans-serif) !important;
    font-size: var(--fattoria-h3-size-desktop, 30px) !important;
    font-weight: var(--fattoria-h3-weight, 700) !important;
    line-height: var(--fattoria-h3-line-height, 1.3) !important;
    letter-spacing: var(--fattoria-h3-letter-spacing, 0px) !important;
}
.brutal-footer-wrapper h4 {
    font-family: var(--fattoria-h4-font, Helvetica, Arial, sans-serif) !important;
    font-size: var(--fattoria-h4-size-desktop, 24px) !important;
    font-weight: var(--fattoria-h4-weight, 700) !important;
    line-height: var(--fattoria-h4-line-height, 1.25) !important;
    letter-spacing: var(--fattoria-h4-letter-spacing, 0px) !important;
}
.brutal-footer-wrapper h5 {
    font-family: var(--fattoria-h5-font, Helvetica, Arial, sans-serif) !important;
    font-size: var(--fattoria-h5-size-desktop, 21px) !important;
    font-weight: var(--fattoria-h5-weight, 700) !important;
    line-height: var(--fattoria-h5-line-height, 1.2) !important;
    letter-spacing: var(--fattoria-h5-letter-spacing, 0px) !important;
}
.brutal-footer-wrapper h6 {
    font-family: var(--fattoria-h6-font, Helvetica, Arial, sans-serif) !important;
    font-size: var(--fattoria-h6-size-desktop, 17px) !important;
    font-weight: var(--fattoria-h6-weight, 700) !important;
    line-height: var(--fattoria-h6-line-height, 1.25) !important;
    letter-spacing: var(--fattoria-h6-letter-spacing, 0px) !important;
}
@media (max-width: 921px) {
    .brutal-footer-wrapper h1 { font-size: var(--fattoria-h1-size-tablet, 40px) !important; }
    .brutal-footer-wrapper h2 { font-size: var(--fattoria-h2-size-tablet, 32px) !important; }
    .brutal-footer-wrapper h3 { font-size: var(--fattoria-h3-size-tablet, 26px) !important; }
    .brutal-footer-wrapper h4 { font-size: var(--fattoria-h4-size-tablet, 20px) !important; }
    .brutal-footer-wrapper h5 { font-size: var(--fattoria-h5-size-tablet, 17px) !important; }
    .brutal-footer-wrapper h6 { font-size: var(--fattoria-h6-size-tablet, 15px) !important; }
}
@media (max-width: 544px) {
    .brutal-footer-wrapper h1 { font-size: var(--fattoria-h1-size-mobile, 36px) !important; }
    .brutal-footer-wrapper h2 { font-size: var(--fattoria-h2-size-mobile, 28px) !important; }
    .brutal-footer-wrapper h3 { font-size: var(--fattoria-h3-size-mobile, 22px) !important; }
    .brutal-footer-wrapper h4 { font-size: var(--fattoria-h4-size-mobile, 18px) !important; }
    .brutal-footer-wrapper h5 { font-size: var(--fattoria-h5-size-mobile, 15px) !important; }
    .brutal-footer-wrapper h6 { font-size: var(--fattoria-h6-size-mobile, 14px) !important; }
}