/* ============================================================
   CUSTOM BLOCK STYLES
   Registered via register_block_style() in functions.php.
   ============================================================ */

/* ── Button: ghost ─────────────────────────────────────────── */
.wp-block-button.is-style-ghost .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--accent, #0891B2);
  border: 1.5px solid var(--wp--preset--color--accent, #0891B2);
  transition: all 200ms ease;
}

.wp-block-button.is-style-ghost .wp-block-button__link:hover {
  background: rgba(8, 145, 178, 0.08);
  color: var(--wp--preset--color--accent, #0891B2);
}

/* ── Group: card ───────────────────────────────────────────── */
.wp-block-group.is-style-card {
  background: var(--wp--preset--color--surface, #ffffff);
  border: 1px solid var(--wp--preset--color--border, #E4E4E7);
  border-radius: var(--wp--custom--border--radius--md, 8px);
  padding: 2rem;
  box-shadow: var(--wp--custom--shadow--sm, 0 1px 3px rgba(0,0,0,0.08));
  transition:
    transform  200ms ease,
    box-shadow 200ms ease;
}

.wp-block-group.is-style-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--wp--custom--shadow--lg, 0 8px 24px rgba(0,0,0,0.10));
}

/* ── Group: surface-alt ────────────────────────────────────── */
.wp-block-group.is-style-surface-alt {
  background: var(--wp--preset--color--surface-alt, #F8F8FA);
  border-radius: var(--wp--custom--border--radius--md, 8px);
  padding: 2rem;
}

/* ── Separator: minimal ────────────────────────────────────── */
.wp-block-separator.is-style-minimal {
  width: 48px !important;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 3px;
  border-color: var(--wp--preset--color--accent, #0891B2) !important;
  opacity: 1;
}

/* ── Separator: full ───────────────────────────────────────── */
.wp-block-separator.is-style-full {
  width: 100%;
  border-color: var(--wp--preset--color--border, #E4E4E7) !important;
  opacity: 1;
}