/* ─── Preset Overrides ─── */
/* Each preset sets CSS custom properties. The JS attributes handle behavioral settings. */

[data-preset="hero"] {
    --slide-height:     80vh;
    --slide-min-height: 400px;
    --transition-speed: 500ms;
}

[data-preset="gallery"] {
    --slide-height:     auto;
    --slide-min-height: 200px;
    --slide-gap:        16px;
}

[data-preset="cards"] {
    --slide-height:     400px;
    --slide-min-height: 400px;
    --slide-gap:        24px;
}

[data-preset="testimonials"] {
    --slide-height:     auto;
    --slide-min-height: 200px;
}

[data-preset="fullscreen"] {
    --slide-height:     100dvh;
    --slide-min-height: 100dvh;
}

[data-preset="logos"] {
    --slide-height:     auto;
    --slide-min-height: 80px;
    --slide-gap:        32px;
}
[data-preset="logos"] .embla__slide {
    display:         flex;
    align-items:     center;
    justify-content: center;
}

[data-preset="coverflow"] {
    --transition-speed: 400ms;
}

[data-preset="fade"] {
    --transition-speed: 400ms;
}