/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 19 2025 | 14:43:43 */
/* =====================================================
   FOOTER – LAYOUT COLONNE (QODE) – FIX COLONNA 3
   ===================================================== */

footer#qodef-page-footer 
#qodef-page-footer-top-area 
.qodef-grid.qodef-layout--columns 
.qodef-grid-inner{
  display: flex !important;
  align-items: flex-start !important;
}

/* Reset base */
footer#qodef-page-footer 
#qodef-page-footer-top-area 
.qodef-grid.qodef-layout--columns 
.qodef-grid-inner > .qodef-grid-item{
  width: auto !important;
  max-width: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* === COLONNA 1 (2/5) === */
footer#qodef-page-footer 
#qodef-page-footer-top-area 
.qodef-grid.qodef-layout--columns 
.qodef-grid-inner > .qodef-grid-item:first-child{
  flex: 0 0 40% !important;  /* 2/5 */
  padding-right: 80px;       /* separazione elegante */
}

/* === COLONNA 2 (CONTATTI) === */
footer#qodef-page-footer 
#qodef-page-footer-top-area 
.qodef-grid.qodef-layout--columns 
.qodef-grid-inner > .qodef-grid-item:nth-child(2){
  flex: 1.1 !important;
}

/* === COLONNA 3 (SERVIZI) – più larga === */
footer#qodef-page-footer 
#qodef-page-footer-top-area 
.qodef-grid.qodef-layout--columns 
.qodef-grid-inner > .qodef-grid-item:nth-child(3){
  flex: 2 !important;        /* <-- aumenta larghezza reale */
  padding-left: 36px;        /* <-- meno padding = più spazio testo */
}

/* === COLONNA 4 (SEGUIMI) === */
footer#qodef-page-footer 
#qodef-page-footer-top-area 
.qodef-grid.qodef-layout--columns 
.qodef-grid-inner > .qodef-grid-item:nth-child(4){
  flex: 0.9 !important;      /* un filo più piccola */
  padding-left: 60px;        /* spazio ma senza “strozzare” la 3 */
}

/* =====================================================
   RESPONSIVE – TABLET
   ===================================================== */
@media (max-width: 1200px){
  footer#qodef-page-footer 
  #qodef-page-footer-top-area 
  .qodef-grid.qodef-layout--columns 
  .qodef-grid-inner{
    flex-wrap: wrap !important;
  }

  footer#qodef-page-footer 
  #qodef-page-footer-top-area 
  .qodef-grid.qodef-layout--columns 
  .qodef-grid-inner > .qodef-grid-item{
    flex: 0 0 50% !important;
    padding: 0 !important;
    margin-bottom: 40px;
  }
}

/* =====================================================
   RESPONSIVE – MOBILE
   ===================================================== */
@media (max-width: 880px){
  footer#qodef-page-footer 
  #qodef-page-footer-top-area 
  .qodef-grid.qodef-layout--columns 
  .qodef-grid-inner{
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  footer#qodef-page-footer 
  #qodef-page-footer-top-area 
  .qodef-grid.qodef-layout--columns 
  .qodef-grid-inner > .qodef-grid-item{
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 0 28px 0 !important; /* spazio tra blocchi */
  }

  /* ultimo senza margine sotto */
  footer#qodef-page-footer 
  #qodef-page-footer-top-area 
  .qodef-grid.qodef-layout--columns 
  .qodef-grid-inner > .qodef-grid-item:last-child{
    margin-bottom: 0 !important;
  }
}

/* =====================================================
   FOOTER BOTTOM – MOBILE (NO BUCHI, 2ª colonna nascosta)
   ===================================================== */
@media (max-width: 880px){

  /* Nascondi SOLO la colonna 2 */
  footer#qodef-page-footer 
  .qodef-page-footer-bottom-area 
  .qodef-grid-inner > .qodef-grid-item:nth-child(2){
    display: none !important;
  }

  /* Wrapper: forza stack verticale, azzera gap/colonne */
  footer#qodef-page-footer 
  .qodef-page-footer-bottom-area 
  .qodef-grid-inner{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    justify-content: flex-start !important;
  }

  /* Item: full width e reset di eventuali offset del tema */
  footer#qodef-page-footer 
  .qodef-page-footer-bottom-area 
  .qodef-grid-inner > .qodef-grid-item{
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    float: none !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Spazio verticale tra i due blocchi rimasti (1 e 3) */
  footer#qodef-page-footer 
  .qodef-page-footer-bottom-area 
  .qodef-grid-inner > .qodef-grid-item:not(:last-child){
    margin-bottom: 14px !important;
  }
}