/**
 * WP Core Button Hover Presets
 *
 * CSS classes for WordPress core buttons (wp-block-button).
 * Apply via "Additional CSS class(es)" in the block editor.
 * Uses --color-* tokens from the active Blockstudio theme.
 *
 * Migrated from nordtheme/assets/styles/partials/buttons.scss
 */

/* Base button transition + hover lift */
.wp-block-button__link.wp-element-button {
    box-shadow: none;
    transition: all 0.3s ease;
}

.wp-block-button__link.wp-element-button:hover {
    box-shadow: 0 10px 10px -5px rgba(26, 42, 58, 0.12);
    transform: translateY(-4px);
}

/* Outline button base */
.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link {
    border: 1.5px solid var(--color-border, #E5E7EB);
    color: var(--color-muted, #6B7280);
    background: transparent;
    transition: all 0.3s ease;
}

.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link:hover {
    background: var(--color-text, #1A2A3A);
    border-color: var(--color-text, #1A2A3A);
    color: var(--color-elevated, #FFFFFF);
    box-shadow: 0 10px 10px -5px rgba(26, 42, 58, 0.12);
    transform: translateY(-2px);
}

/* ── Preset: fw-hover-fill ──────────────────────────────────────────────────
   Outlined/secondary → fills with text color bg + elevated text on hover
   Best for: outlined buttons, light-bg buttons, secondary CTAs */
.wp-block-button.fw-hover-fill a.wp-block-button__link {
    transition: all 0.2s ease;
}

.wp-block-button.fw-hover-fill a.wp-block-button__link:hover {
    background-color: var(--color-text, #1A2A3A) !important;
    border-color: var(--color-text, #1A2A3A) !important;
    color: var(--color-elevated, #FFFFFF) !important;
    transform: translateY(-1px);
}

/* ── Preset: fw-hover-subtle ────────────────────────────────────────────────
   Dark bg → muted bg on hover
   Best for: primary dark buttons, dark CTA buttons */
.wp-block-button.fw-hover-subtle a.wp-block-button__link {
    transition: all 0.2s ease;
}

.wp-block-button.fw-hover-subtle a.wp-block-button__link:hover {
    background-color: var(--color-muted, #6B7280) !important;
    transform: translateY(-1px);
}

/* ── Preset: fw-hover-gold ──────────────────────────────────────────────────
   Any button → accent bg + elevated text on hover
   Best for: accent CTAs, subscription buttons */
.wp-block-button.fw-hover-gold a.wp-block-button__link {
    transition: all 0.2s ease;
}

.wp-block-button.fw-hover-gold a.wp-block-button__link:hover {
    background-color: var(--color-accent, #E8B931) !important;
    border-color: var(--color-accent, #E8B931) !important;
    color: var(--color-elevated, #FFFFFF) !important;
    transform: translateY(-1px);
}

/* ── Preset: fw-hover-gold-dark ─────────────────────────────────────────────
   Accent bg → darker accent on hover
   Best for: gold primary buttons */
.wp-block-button.fw-hover-gold-dark a.wp-block-button__link {
    transition: all 0.2s ease;
}

.wp-block-button.fw-hover-gold-dark a.wp-block-button__link:hover {
    background-color: var(--color-accent-hover, #D4A72A) !important;
    border-color: var(--color-accent-hover, #D4A72A) !important;
    transform: translateY(-1px);
}