/* Ripple Effect pro Eliuva projekt */

/* Základní třída pro tlačítka s ripple efektem */
.ripple-button {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    outline: none;
    transition: all 0.2s ease;
}

/* Ripple animace */
.ripple {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    background-color: rgba(224, 210, 194, 0.6) !important;
    transform: scale(0);
    animation: ripple-anim 0.6s ease-out forwards;
}

/* Ripple pro tmavá tlačítka */
.ripple-dark {
    background-color: rgba(255, 255, 255, 0.3);
}

/* Ripple pro světlá tlačítka */
.ripple-light {
    background-color: rgba(224, 210, 194, 0.4);
}

/* Ripple pro primární barvu Eliuva */
.ripple-primary {
    background-color: rgba(224, 210, 194, 0.5);
}

/* Animace */
@keyframes ripple-anim {
    to {
        transform: scale(1);
        opacity: 0;
    }
}

/* Upravení pro různé typy tlačítek */
.btn.ripple-button {
    position: relative;
    overflow: hidden;
}

.btn-primary.ripple-button .ripple {
    background-color: rgba(224, 210, 194, 0.6) !important;
}

.btn-secondary.ripple-button .ripple {
    background-color: rgba(224, 210, 194, 0.5);
}

.btn-outline-primary.ripple-button .ripple {
    background-color: rgba(224, 210, 194, 0.4);
}

/* Pro Card elementy */
.card.ripple-button .ripple {
    background-color: rgba(224, 210, 194, 0.3);
}

/* Pro odkazy */
a.ripple-button .ripple {
    background-color: rgba(224, 210, 194, 0.4);
}

/* Zakázání ripple na disabled elementech */
.ripple-button:disabled,
.ripple-button.disabled {
    pointer-events: none;
}

.ripple-button:disabled .ripple,
.ripple-button.disabled .ripple {
    display: none;
}