/**
 * StrideCore — Block Style Variations
 * =====================================
 * Custom styles applied to core WordPress blocks.
 */

/* Button: Outline */
.is-style-outline {
  background: transparent !important;
  border: 2px solid currentColor !important;
  color: var(--brand-primary) !important;
}

/* Button: Ghost */
.is-style-ghost {
  background: transparent !important;
  color: var(--brand-primary) !important;
  border: none !important;
}

/* Image: Rounded */
.is-style-rounded img {
  border-radius: var(--radius-lg);
}

/* Image: Shadow */
.is-style-shadow img {
  box-shadow: var(--shadow-soft);
}

/* Group: Card */
.is-style-card {
  background: var(--white);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  padding: var(--space-24);
}

/* Group: Pain Card (left accent border) */
.is-style-pain-card {
  background: var(--white);
  border-left: 4px solid var(--brand-primary);
  border-radius: var(--card-radius);
  padding: var(--space-24);
  box-shadow: var(--shadow-soft);
}

/* Group: Panel */
.is-style-panel {
  background: var(--panel-background);
  border-radius: var(--panel-radius);
  padding: var(--space-24);
}

/* Column: Card */
.wp-block-column.is-style-card {
  background: var(--white);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  padding: var(--space-24);
}

/* Heading: Accent */
.is-style-accent {
  color: var(--brand-primary);
}

/* Separator: Brand */
.is-style-brand {
  border-color: var(--brand-primary) !important;
}