footer {
    margin-block-start: 0;
}

footer a {
        color: var(--wp--preset--color--base);
        transition: color 0.3s ease;
    }

:is(footer a):hover {
            color: var(--wp--preset--color--base-3);
        }

/* pre-footer newsletter */

footer .bs-footer-pre {
        background-color: var(--bs-footer-pre-bg, var(--wp--preset--color--base-2));

        /* Mobile: colonne in stack fino a 1023px */
    }

@media (max-width: 1023px) {

footer .bs-footer-pre {

            padding-top: var(--wp--preset--spacing--60) !important;
    }

            :is(footer .bs-footer-pre) .wp-block-columns {
                flex-wrap: wrap !important;
            }

            :is(footer .bs-footer-pre) .wp-block-columns .wp-block-column {
                flex-basis: 100% !important;
                margin-left: 0 !important;
            }
        }

/* Desktop: colonne affiancate da 1024px in su */

@media (min-width: 1024px) {

            :is(footer .bs-footer-pre) .wp-block-columns .wp-block-column {
                flex-basis: 50% !important;
            }
        }

/* Social Links - icone personalizzabili */

/* Forza dimensione icone a 20px */

.is-style-logos-only:is(footer .wp-block-social-links) .wp-social-link svg {
            width: 20px !important;
            height: 20px !important;
        }

/* Esempio: customizzare icona Facebook */

/* .wp-social-link-facebook .wp-social-link-icon {
            display: none;
        }

        .wp-social-link-facebook::before {
            content: url('data:image/svg+xml;utf8,<svg>...SVG custom...</svg>');
        } */

/* Stile icone social */

:is(footer .wp-block-social-links) .wp-social-link {
            background-color: transparent;
        }

:is(:is(footer .wp-block-social-links) .wp-social-link):hover {
                opacity: 0.7;
                transform: translateY(-2px);
                transition: all 0.3s ease;

            }

/* Address - reset font-style italic */

footer address {
        font-style: normal;
    }

/* Navigation menu principale */

footer .footer-main-menu {

        /* Rimuove gap tra voci menu */
        gap: 0 !important;

        /* Mobile: allineamento a sinistra */
    }

@media (max-width: 768px) {

footer .footer-main-menu {
            --navigation-layout-justify: flex-start !important;
    }

            :is(footer .footer-main-menu) ul {
                --navigation-layout-justify: flex-start !important;
            }
        }

/* Desktop: allineamento a destra */

@media (min-width: 769px) {

footer .footer-main-menu {
            --navigation-layout-justify: flex-end !important;
            --navigation-layout-align: flex-end !important;
            align-items: flex-end;
    }

            :is(footer .footer-main-menu) ul {
                --navigation-layout-justify: flex-end !important;
                --navigation-layout-align: flex-end !important;
            }
        }

/* Stile link menu */

:is(:is(footer .footer-main-menu) .wp-block-navigation-item) a {
                color: var(--wp--preset--color--base);
                text-decoration: none;
                transition: color 0.3s ease;
            }

:is(:is(:is(footer .footer-main-menu) .wp-block-navigation-item) a):hover {
                    color: var(--wp--preset--color--base-3);
                }

/* Navigation menu policy */

/* Mobile: allineamento a sinistra */

@media (max-width: 768px) {

footer .footer-policy-menu {
            --navigation-layout-justify: center !important;
            --navigation-layout-direction: column;
    }

            :is(footer .footer-policy-menu) ul {
                --navigation-layout-justify: center !important;
            }
        }

/* Desktop: allineamento a destra */

@media (min-width: 769px) {

footer .footer-policy-menu {
            --navigation-layout-justify: flex-end !important;
            justify-content: center;
    }

            :is(footer .footer-policy-menu) ul {
                --navigation-layout-justify: flex-end !important;
            }
        }

:is(:is(footer .footer-policy-menu) .wp-block-navigation-item) a {
                color: var(--wp--preset--color--base);
                text-decoration: none;
                transition: color 0.3s ease;
            }

:is(:is(:is(footer .footer-policy-menu) .wp-block-navigation-item) a):hover {
                    color: var(--wp--preset--color--base-3);
                }

/* Sezione loghi partner */

/* Mobile: colonne stack */

@media (max-width: 768px) {

            :is(footer .bs-footer-loghi) .wp-block-columns {
                flex-wrap: wrap !important;
            }

                :is(:is(footer .bs-footer-loghi) .wp-block-columns) .wp-block-column {
                    flex-basis: 100% !important;
                    margin-left: 0 !important;
                }

                    :is(:is(:is(footer .bs-footer-loghi) .wp-block-columns) .wp-block-column) .wp-block-image {
                        width: 100%;
                    }

                        :is(:is(:is(:is(footer .bs-footer-loghi) .wp-block-columns) .wp-block-column) .wp-block-image) img {
                            width: 100% !important;
                            max-width: 100%;
                            height: auto !important;
                        }


        }

/* Desktop: colonne affiancate */

@media (min-width: 769px) {

            :is(footer .bs-footer-loghi) .wp-block-columns {
                justify-content: space-between !important;

            }

                :is(:is(footer .bs-footer-loghi) .wp-block-columns) .wp-block-column {
                    flex: 0 0 auto !important;
                    width: auto !important;

                    /* Dimensione loghi desktop */
                }
                    :is(:is(:is(footer .bs-footer-loghi) .wp-block-columns) .wp-block-column) .wp-block-image img {
                        max-height: 60px;
                        width: auto;
                        -o-object-fit: contain;
                           object-fit: contain;
                    }
        }

@media (max-width: 768px) {
        footer .custom-logo-link {
            width: 100%;
        }

            :is(footer .custom-logo-link) .custom-logo {
                width: 100% !important;
                max-width: 100%;
                height: auto !important;
            }
    }

:is(body:is(.page-id-203,.page-id-274) footer) .bs-footer-pre {
        --bs-footer-pre-bg: var(--wp--preset--color--base);
    }