/* Card Colors — background/border for the is-card-* classes set by the Custom
   Card block's "Card Colors" dropdown. Applied to the .wp-block-custom-card-block
   wrapper (server-side in render_card_block, and via useBlockProps in the editor).

   !important is used so the selection wins over the theme's grey-img-card
   background treatment and, more importantly, is not lost when a CSS optimiser
   reorders or splits the stylesheets (a plain card has no background otherwise). */

/* Grey Fill — matches grey-img-card's background (var(--wp--color--light-gray) = #EAEAEA) */
.wp-block-custom-card-block.is-card-grey,
.wp-block-custom-card-block.is-card-grey .card-content { background-color: var(--wp--color--light-gray, #EAEAEA) !important; }
.wp-block-custom-card-block.is-card-grey { border: 0 !important; }

/* White Fill and Black Border */
.wp-block-custom-card-block.is-card-white,
.wp-block-custom-card-block.is-card-white .card-content { background-color: #ffffff !important; }
.wp-block-custom-card-block.is-card-white { border: 1px solid #000000 !important; }