/**
 * Pattern: Card
 * 
 * These styles apply to all card patterns / components
 */



/*--- Override the styles loaded by WordPress Core's load-styles.php ---*/
.wp-block-group:where(.card) {
    min-width: unset;
    max-width: unset;
}

.wp-block-group:where(.card:not([class*="border"]), .card:not([class*="background"])) {
    border: unset;
    background: unset;
}

/*--- Card box shadow ---*/
.wp-block-group:where(.card:not(.card--3)) {
    box-shadow: var(--wp--custom--component--card--shadow--1--default);
    transition: box-shadow 0.3s ease-out;
}

.wp-block-group:where(.card:not(.card--3)):hover {
    box-shadow: var(--wp--custom--component--card--shadow--1--hover);
}

/*--- Card on dark mode ---*/
.wp-block-group:where(.card.is-dark-mode) {
    --_color-primary: var(--wp--custom--component--icon--color--2-c--primary--on-dark);
    --_color-accent: var(--wp--custom--component--icon--color--2-c--accent--on-dark);
}