/**
 * Modifier: card shadows (general appearance setting, levels medium/large).
 * The level defines the shadow geometry; the color comes from custom
 * properties with neutral defaults, so a theme can tint the shadows to its
 * palette (e.g. heavier black on a dark background) while the user still
 * controls the level.
 */
.bookly-mod-shadow-medium .bookly-css-root .bookly-card-mark {
    box-shadow: 0 10px 30px var(--bookly-shadow-color, rgba(0, 0, 0, .08)) !important;
}

.bookly-mod-shadow-medium .bookly-css-root .bookly-card-mark:hover {
    box-shadow: 0 14px 38px var(--bookly-shadow-color-hover, rgba(0, 0, 0, .14)) !important;
}

.bookly-mod-shadow-large .bookly-css-root .bookly-card-mark {
    box-shadow: 0 14px 34px var(--bookly-shadow-color, rgba(0, 0, 0, .18)) !important;
}

.bookly-mod-shadow-large .bookly-css-root .bookly-card-mark:hover {
    box-shadow: 0 14px 40px var(--bookly-shadow-color-hover, rgba(0, 0, 0, .28)) !important;
}