/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/*:root[data-sidebar="dark"]{*/
/*    --vz-vertical-menu-bg: #252a39;;*/
/*}*/

.auth-one-bg .bg-overlay {
    background: -webkit-gradient(linear,left top,right top,from(#0a4ea1),to(#089029));
    background: linear-gradient(to right,#0a4ea1, #089029);
    opacity: .7;
}

.card-btn{
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

/* Evita effetto link anche sui figli */
.card-btn *{
    color: inherit;
}

/* Hover: cambia “pelle” della card */
.card-btn:hover{
    background-color: rgba(13,110,253,.04);
    border-color: rgba(13,110,253,.35);
    box-shadow: 0 .35rem .9rem rgba(0,0,0,.08);
}

/* Focus accessibile (tab) */
.card-btn:focus,
.card-btn:focus-visible{
    outline: none;
    background-color: rgba(13,110,253,.06);
    border-color: rgba(13,110,253,.55);
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.18);
}

/* “Pressed” */
.card-btn:active{
    background-color: rgba(13,110,253,.08);
    border-color: rgba(13,110,253,.55);
    box-shadow: inset 0 .15rem .35rem rgba(0,0,0,.12);
}

/* stato selezionato persistente (rimane fino al submit) */
.card-btn.is-selected{
    background-color: rgba(13,110,253,.06);
    border-color: var(--vz-primary) !important;
    box-shadow: 0 10px 24px rgba(64,81,137,.18);
}

/* Se è selezionata e vai in hover, resta comunque “selezionata” */
.card-btn.is-selected:hover{
    background-color: rgba(13,110,253,.07);
    border-color: var(--vz-primary) !important;
}

/* Facoltativo: cambia anche il box dell’icona */
.card-btn:hover .avatar-title{
    background-color: #4051892b !important;
}
.card-btn.is-selected .avatar-title{
    background-color: rgba(13,110,253,.10) !important;
}