﻿
.apk_form {
    background-color: var(--bs-100);
}

.apk_form.hidden {
    display: none;
}

.apk_form > .form_body {

}

.apk_form > .form_body > div > div > .navbar .navbar-collapsable .form-error {

}

.apk_form > .form_body > div > div > .navbar .navbar-collapsable .form-error a {
    border-left-color: rgb(var(--bs-danger-rgb)) !important;
    display: flex;
    justify-content: space-between;
}

.apk_form > .form_body > div > div > .navbar .navbar-collapsable .form-error a span {
    color: rgb(var(--bs-danger-rgb));
}

.apk_form > .form_body > div > div > .navbar .navbar-collapsable .form-error a svg {
    fill: rgb(var(--bs-danger-rgb));
}

.apk_form > .form_body > div > div > .navbar .navbar-collapsable .form-success {

}

.apk_form > .form_body > div > div > .navbar .navbar-collapsable .form-success a {
    border-left-color: rgb(var(--bs-success-rgb)) !important;
    display: flex;
    justify-content: space-between;
}

.apk_form > .form_body > div > div > .navbar .navbar-collapsable .form-success a span {
    color: rgb(var(--bs-success-rgb));
}

.apk_form > .form_body > div > div > .navbar .navbar-collapsable .form-success a svg {
    fill: rgb(var(--bs-success-rgb));
}

.apk_form > .form_body fieldset {
    /* position: relative; */
}

.apk_form > .form_body fieldset.hidden,
.apk_form.sidebar > .form_body .link-list-wrapper ul > li.hidden {
    display: none;
}

.apk_form > .form_body fieldset > legend {
    font-weight: normal;
}

.apk_form > .form_body > div:last-child {
    font-weight: normal;
}

.apk_form > .form_body > div:last-child > div:last-child {
    
}

.apk_form > .form_body > div:last-child > div:last-child button[type="reset"] {
    color: var(--bs-primary);
    text-decoration: underline;
    font-weight: normal;
}

.apk_form > .form_body > div:last-child > div:last-child button[type="reset"] svg {
    fill: var(--bs-primary);
}

.apk_form > .form_body > div:last-child > div:last-child button[type="reset"]:hover {
    color: var(--bs-900);
}

.apk_form > .form_body > div:last-child > div:last-child button[type="reset"]:hover svg {
    fill: #0053a5;
}

.apk_form > .form_body > div:last-child > div:last-child button[type="submit"] {
    
}

/* Form sidebar: compensa gli elementi fissi in alto (barra + stepper wizard) quando si scrolla
   a una sezione, sia cliccando la voce di menu (ancora #id) sia tramite lo scroll automatico alla
   prima sezione invalida in validazione. Senza questo margine, la legend/primi campi della sezione
   finiscono coperti dall'header sticky. Valore allineato allo scroll-margin usato altrove (150px). */
.apk_form.sidebar > .form_body .it-page-section {
    scroll-margin-top: 150px;
}

/* Navigatore errori del form sidebar: bottone flottante in alto a destra, appena sotto l'header
   nav del wizard. Mostra il numero di errori (campi) e di sezioni ancora in errore e permette
   di saltare al prossimo campo invalido. */
.apk_form .apk-error-nav {
    position: fixed;
    top: 150px; /* allineato allo scroll-margin-top delle sezioni: sotto barra + stepper */
    right: 20px;
    z-index: 1030;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 999px;
    background-color: #d9364f; /* rosso errore */
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.apk_form .apk-error-nav .apk-error-nav-label {
    display: inline-block;
}

.apk_form .apk-error-nav:hover {
    background-color: #b82c41;
}

.apk_form .apk-error-nav.d-none {
    display: none;
}
