/* Classi per cambiare il colore di Hover di un oggetto */

.hover-primary:hover, .hover-primary:is(:hover), .hover-primary:has(:hover) {
    color: var(--color-primary) !important;
}

.hover-secondary:hover, .hover-secondary:is(:hover), .hover-secondary:has(:hover) {
    color: var(--color-secondary) !important;
}

.hover-danger:hover, .hover-danger:is(:hover), .hover-danger:has(:hover) {
    color: var(--color-cta-elimina) !important;
}

.hover-success:hover, .hover-success:is(:hover), .hover-success:has(:hover) {
    color: var(--color-cta-salva) !important;
}

.hover-info:hover, .hover-info:is(:hover), .hover-info:has(:hover) {
    color: var(--color-cta-info) !important;
}

.hover-warning:hover, .hover-warning:is(:hover), .hover-warning:has(:hover) {
    color: var(--color-cta-warning) !important;
}

.hover-white:hover, .hover-white:is(:hover), .hover-white:has(:hover) {
    color: var(--color-text-bianco) !important;
}


/* Classi per "flashare" i bordi di un oggetto */

[class*="flash-"] {
    border: 2px solid !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.flash-primary {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 8px var(--color-primary-shadow);
}

.flash-secondary {
    border-color: var(--color-text-bianco) !important;
    box-shadow: 0 0 8px var(--color-text-bianco-shadow);
}

.flash-danger {
    border-color: var(--color-cta-elimina) !important;
    box-shadow: 0 0 8px var(--color-cta-elimina-shadow);
}

.flash-success {
    border-color: var(--color-cta-salva) !important;
    box-shadow: 0 0 8px var(--color-cta-salva-shadow);
}

.flash-info {
    border-color: var(--color-cta-info) !important;
    box-shadow: 0 0 8px var(--color-cta-info-shadow);
}

.flash-warning {
    border-color: var(--color-cta-warning) !important;
    box-shadow: 0 0 8px var(--color-cta-warning-shadow);
}

.flash-white {
    border-color: var(--color-text-bianco) !important;
    box-shadow: 0 0 8px var(--color-text-bianco-shadow);
}