// ============================================================================
// 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--interactive {
        @include c-card-interactive;
    }
    .#{$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;
    }

    // Gallery parts (demo landing pages)
    .#{$ss-prefix-module}-card__title {
        @include c-card-title;
    }
    .#{$ss-prefix-module}-card--numbered {
        @include c-card-numbered;
    }
    .#{$ss-prefix-module}-card__number {
        @include c-card-number;
    }
    .#{$ss-prefix-module}-card__tags {
        @include c-card-tags;
    }
    .#{$ss-prefix-module}-card__tag {
        @include c-card-tag;
    }
    .#{$ss-prefix-module}-card__link {
        @include c-card-link;
    }
}