// ============================================================================
// Card — Output
// ============================================================================

@use "../../01-core/prefix" as *;
@use "./card.mixins" as *;

@layer ss.components {
    .#{$ss-prefix-module}-card {
        @include c-card-base;
    }

    .#{$ss-prefix-module}-card[data-variant="elevated"] {
        @include c-card-variant("elevated");
    }

    .#{$ss-prefix-module}-card[data-variant="flat"] {
        @include c-card-variant("flat");
    }

    .#{$ss-prefix-module}-card[data-variant="outlined"] {
        @include c-card-variant("outlined");
    }

    .#{$ss-prefix-module}-card__header {
        @include c-card-header;
    }

    .#{$ss-prefix-module}-card__body {
        @include c-card-body;
    }

    .#{$ss-prefix-module}-card__footer {
        @include c-card-footer;
    }

    .#{$ss-prefix-module}-card__image {
        @include c-card-image;
    }

    // Card extension parts (legacy `card_extended`)
    .#{$ss-prefix-module}-card__image--overlay {
        @include c-card-image-overlay;
    }
    .#{$ss-prefix-module}-card__image--top {
        @include c-card-image-top;
    }
    .#{$ss-prefix-module}-card__image--bottom {
        @include c-card-image-bottom;
    }
    .#{$ss-prefix-module}-card--horizontal {
        @include c-card-horizontal;
    }
    .#{$ss-prefix-module}-card-group {
        @include c-card-group;
    }
    .#{$ss-prefix-module}-card-deck {
        @include c-card-deck;
    }
}