h2 {
    margin-top: 2rem;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px dotted #000000;
}

p.device-title {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0 5px;
}

#login-form {
    margin-top: 30px;
}

#login-form #username, #login-form #password {
    width: 300px;
}

.form-group {
    margin-bottom: 15px;
}

select.mqtt-autoclose, select.mqtt-duration {
    width: auto;
    margin: 15px auto 0;
}

@media all and (display-mode: standalone) {
    #installAppMenu {
        display: none;
    }
}

.btn.btn-yellow {
    background-color: #FFD700;
    color: #000000;
}

.btn.btn-yellow:hover {
    color: #FFD700;
    background-color: #333333;
}

.btn-lamp {
    color: #FFD700;
    background-color: #000000;
}

.btn.light:not(.on) {
    --bs-btn-color: #fff;
    --bs-btn-bg: #88A;
    --bs-btn-border-color: #668;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FFD700;
    --bs-btn-hover-border-color: #EECC00;
    --bs-btn-focus-shadow-rgb: 111, 111, 111;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #777777;
    --bs-btn-active-border-color: #666666;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #555;
    --bs-btn-disabled-border-color: #555;
}

.btn.light:not(.on):hover {
    color: #fff;
    i {
        text-shadow: #FFF 0 0 5px, #FFF 0 0 10px;
    }
}

.btn.light.on {
    --bs-btn-color: #f9e79f;
    --bs-btn-bg: #FFD700;
    --bs-btn-border-color: #f9e79f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #88A;
    --bs-btn-hover-border-color: #668;
    --bs-btn-focus-shadow-rgb: 111, 111, 111;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #777777;
    --bs-btn-active-border-color: #666666;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #555;
    --bs-btn-disabled-border-color: #555;

    i {
        text-shadow: #000 0px 0px 4px, #FFF 0px 0px 1px, #FFF 0px 0px 2px, #FFF 0px 0px 3px, #FFF 0px 0px 4px, #FFF 0 0 5px, #FFF 0 0 6px, #FFF 0 0 7px, #FFF 0 0 8px, #FFF 0 0 9px, #FFF 0 0 10px,
        #FFF 0px 0px 11px, #FFF 0px 0px 12px, #FFF 0px 0px 13px, #FFF 0px 0px 14px, #FFF 0 0 15px, #FFF 0 0 16px, #FFF 0 0 17px, #FFF 0 0 18px, #FFF 0 0 19px, #FFF 0 0 20px;
    }
}

.btn.light.on:hover {
    i {
        text-shadow: none;
    }
}

.btn {
    touch-action: manipulation; /* Désactive le zoom par pincement */
}