/* ACCI FINAL BUTTON LAYER - old working files remain unchanged */

.whatsapp-float,
.call-float,
.instagram-float,
.whatsapp-btn{
    display:none !important;
}

.acci-public-actions,
.acci-login-actions{
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    z-index:5000;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.acci-public-actions{
    right:8px;
    width:112px;
}

.acci-login-actions{
    left:8px;
    width:138px;
}

.acci-public-action,
.acci-login-action{
    min-height:46px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    text-decoration:none;
    font-family:Arial, sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1.15;
    border:0;
    border-radius:10px;
    box-shadow:0 4px 12px rgba(0,0,0,.22);
    transform:none !important;
}

.acci-public-action:hover,
.acci-public-action:focus,
.acci-login-action:hover,
.acci-login-action:focus{
    transform:none !important;
    filter:brightness(.96);
    outline:2px solid #fff;
    outline-offset:2px;
}

.acci-icon{
    flex:0 0 22px;
    width:22px;
    text-align:center;
    font-size:18px;
}

.acci-instagram-logo{
    width:22px;
    height:22px;
    flex:0 0 22px;
    color:#fff;
}

.acci-public-enquiry{ background:#ff9800; }
.acci-public-whatsapp{ background:#25D366; }
.acci-public-call{ background:#0D47A1; }
.acci-public-instagram{ background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }

.acci-student-login{ background:#5e35b1; }
.acci-centre-register{ background:#ef6c00; }
.acci-centre-login{ background:#00695c; }
.acci-admin-login{ background:#263238; }

.acci-login-action:disabled{
    opacity:.72;
    cursor:not-allowed;
    filter:grayscale(.15);
}

@media(max-width:768px){
    .acci-public-actions{
        right:4px;
        width:100px;
        gap:6px;
    }

    .acci-login-actions{
        left:4px;
        width:118px;
        gap:6px;
    }

    .acci-public-action,
    .acci-login-action{
        min-height:42px;
        padding:7px 8px;
        font-size:11px;
        border-radius:9px;
    }

    .acci-icon{
        flex-basis:19px;
        width:19px;
        font-size:16px;
    }

    .acci-instagram-logo{
        width:19px;
        height:19px;
        flex-basis:19px;
    }
}

@media(max-width:380px){
    .acci-public-actions{
        width:90px;
        right:3px;
    }

    .acci-login-actions{
        width:108px;
        left:3px;
    }

    .acci-public-action,
    .acci-login-action{
        padding:6px;
        gap:5px;
        font-size:10px;
    }
}