body{
    min-height: 100vh;
}

/* HERO BLU */
.hero-section {
    background: linear-gradient(135deg, #0047AB 0%, #009CFF 100%);
    color: #fff;
    min-height: 60vh;
}

/* NAV ETICHETTE */
.nav-pills .nav-link {
    border-radius: 2rem;
    padding: 0.75rem 1rem;
    color: #0056FF;
    background: #f1f5f9;
    transition: background 0.2s, color 0.2s;
}

    .nav-pills .nav-link.active {
        background: #0056FF;
        color: #fff;
    }

    .nav-pills .nav-link:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

.form-section {
    background: transparent;
    margin-top: -80px;
    padding-bottom: 2rem;
    position: relative;
    z-index: 1;
}

.form-wrapper {
    max-width: 1000px; /* ora fino a 1000px wide */
    width: 90%; /* sul 90% della finestra */
    margin: auto;
    background: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    position: relative;
    display: flex;
    overflow: visible; /* perché la tab possa sporgere */
}

    /* TITOLO */
    .form-wrapper h2 {
        font-weight: 600;
        color: #0047AB;
    }

    /* NAVBAR */
.sidebar-nav {
    background: #E8EAF6; /* sfondo indaco chiarissimo */
    border-right: 1px solid #C5CAE9;
    min-width: 160px;
    margin-right: -1px;
    margin: 0;
    padding: 1rem 0;
}

    .sidebar-nav .nav-link {
        border-radius: 0; /* azzeriamo i bordi arrotondati */
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
        margin-bottom: 0.5rem;
        text-align: center;
        color: #3D5AFE; /* indaco vivo per il testo */
        background: #E8EAF6; /* stesso indaco chiaro di sfondo */
        transition: background 0.2s, color 0.2s;
        margin: 0.25rem 0;
        padding: 0.5rem 1rem;
        position: relative;
        margin-right: -8px;
        z-index: 1;
    }

        .sidebar-nav .nav-link:hover:not(.active) {
            background: #8C9EFF; /* rosa medio per l’hover */
        }

        .sidebar-nav .nav-link.active {
            background: #3D5AFE; /* mantieni il tuo indaco */
            color: #fff;
            border-top-right-radius: 0.0rem;
            border-bottom-right-radius: 0.0rem;
            margin-right: -20px; /* sposta la linguetta dentro il box */
            z-index: 2; /* davanti al box */
            box-shadow: 2px 0 5px rgba(0,0,0,0.1);
            margin-right: -8px;
            z-index: 2;
        }

        .sidebar-nav .nav-link:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

/* Contenuto del form */
.tab-content {
    flex: 1;
}

/* INPUT E PULSANTE */
.form-control-lg {
    border-radius: 2rem;
}

.btn-primary {
    background: #0056FF;
    border-color: #0056FF;
    border-radius: 2rem;
}

    .btn-primary:hover {
        background: #0047AB;
        border-color: #0047AB;
    }

/* MOBILE: checkbox centrati */
@media (max-width: 576px) {
    .form-check {
        display: flex;
    }
}

/* MOBILE: etichette in orizzontale se serve */
@media (max-width: 767px) {
    .form-wrapper {
        flex-direction: column;
    }

    .sidebar-nav {
        flex-direction: row;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        padding: 0.5rem;
        display: none;
    }

        .sidebar-nav .nav-link {
            flex: 1;
            margin: 0 0.25rem;
        }

            .sidebar-nav .nav-link.active {
                margin-right: 0;
                border-top-right-radius: 0.5rem;
                border-bottom-right-radius: 0.5rem;
            }
}

/* SEZIONE TOOL INFO */
.tool-info-section {
    background: #ffffff;
}

.feature-icon {
    width: 64px;
    height: 64px;
}

/* FOOTER */
.footer a {
    text-decoration: none;
}

    .footer a:hover {
        text-decoration: underline;
    }

.feature-icon {
    font-size: 3rem; /* dimensione icona di 48px */
    color: #0056FF; /* colore a piacere, es. indaco */
}


/* LANGUAGE SWITCHER */
.language-dropdown .btn {
    min-width: 2.5rem;
    justify-content: center;
}

.language-dropdown .dropdown-menu {
    min-width: 8rem;
}

.language-dropdown .dropdown-item span {
    font-size: 1.2rem;
}

.navbar-transparent {
    background-color: transparent !important;
    box-shadow: none;
    z-index: 1030; /* deve stare sopra hero e contenuti */
}

    .navbar-transparent .navbar-brand,
    .navbar-transparent .language-dropdown .btn {
        color: #ffffff; /* testo bianco per contrasto */
        background-color: rgba(255,255,255,0);
    }

    .navbar-transparent .language-dropdown .btn {
        background-color: rgba(255,255,255,0);
    }


.hero-logo {
    max-width: 150px;
}


.share-icons i {
    transition: transform .2s;
}

    .share-icons i:hover {
        transform: scale(1.1);
        cursor: pointer;
    }