/*
 * K2Fish Account UX — public customer button contract 1.2.0.
 *
 * This stylesheet is enqueued at a deliberately late priority. The finite
 * set of !important declarations below is restricted to actions that opt in
 * through data-k2fish-button-contract under the unique Account UX root.
 * This is the final semantic authority over theme, WooCommerce and legacy
 * provider button shorthands; it does not alter global buttons.
 */

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-canonical-action,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-width: 0;
    min-height: 44px !important;
    height: auto;
    margin: 0 !important;
    padding: 10px 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    border-radius: var(--k2a-radius-control, 6px) !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--k2a-text, #0b1d38) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease;
}

/* Primary — the main action. */
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-button-primary,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link.is-primary {
    border-color: var(--k2a-primary, #0066b3) !important;
    background: var(--k2a-primary, #0066b3) !important;
    background-color: var(--k2a-primary, #0066b3) !important;
    color: #fff !important;
}

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-button-primary:not(:disabled):not([aria-disabled="true"]):hover,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link.is-primary:not([aria-disabled="true"]):hover {
    border-color: var(--k2a-navy, #061a33) !important;
    background: var(--k2a-navy, #061a33) !important;
    background-color: var(--k2a-navy, #061a33) !important;
    color: #fff !important;
}

/* Secondary — a supporting action, always visibly distinct from primary. */
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-button-secondary,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link.is-secondary {
    border-color: var(--k2a-primary, #0066b3) !important;
    background: var(--k2a-surface, #fff) !important;
    background-color: var(--k2a-surface, #fff) !important;
    color: var(--k2a-primary, #0066b3) !important;
}

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-button-secondary:not(:disabled):not([aria-disabled="true"]):hover,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link.is-secondary:not([aria-disabled="true"]):hover {
    border-color: var(--k2a-primary, #0066b3) !important;
    background: var(--k2a-primary, #0066b3) !important;
    background-color: var(--k2a-primary, #0066b3) !important;
    color: #fff !important;
}

/* Neutral/ghost — navigation, reset and cancellation. */
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button:is(.k2fish-button-neutral, .k2fish-button-ghost),
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link.is-tertiary {
    border-color: var(--k2a-border, #dbe4ec) !important;
    background: var(--k2a-surface-muted, #f4f7fa) !important;
    background-color: var(--k2a-surface-muted, #f4f7fa) !important;
    color: var(--k2a-navy, #061a33) !important;
}

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button:is(.k2fish-button-neutral, .k2fish-button-ghost):not(:disabled):not([aria-disabled="true"]):hover,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link.is-tertiary:not([aria-disabled="true"]):hover {
    border-color: var(--k2a-navy, #061a33) !important;
    background: var(--k2a-navy, #061a33) !important;
    background-color: var(--k2a-navy, #061a33) !important;
    color: #fff !important;
}

/* Danger — destructive actions must never inherit a blue/cyan background. */
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-button-danger,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link.is-danger,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-rgpd-data-action.is-destructive {
    border-color: #b4233b !important;
    background: #b4233b !important;
    background-color: #b4233b !important;
    color: #fff !important;
}

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-button-danger:not(:disabled):not([aria-disabled="true"]):hover,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link.is-danger:not([aria-disabled="true"]):hover,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-rgpd-data-action.is-destructive:not(:disabled):hover {
    border-color: #7f1426 !important;
    background: #7f1426 !important;
    background-color: #7f1426 !important;
    color: #fff !important;
}

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-canonical-action:focus-visible,
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link:focus-visible {
    outline: 0 !important;
    box-shadow: var(--k2a-focus-ring, 0 0 0 3px rgba(0, 119, 204, .28)) !important;
}

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-button.k2fish-canonical-action:is(:disabled, [aria-disabled="true"]),
#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract].k2fish-account-action-link[aria-disabled="true"] {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: .55 !important;
    transform: none !important;
    box-shadow: none !important;
}

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract][aria-busy="true"] {
    cursor: progress !important;
}

#k2fish-account-app.k2fish-account-app [data-k2fish-button-contract] :is(svg, path) {
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Native order filters: the select and both actions share one baseline. */
#k2fish-account-app.k2fish-account-app .k2fish-native-page-orders .k2fish-account-toolbar {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
    gap: 8px;
}

#k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    align-items: end;
    gap: 12px;
}

#k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar__fields,
#k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar__fields label {
    width: 100%;
    min-width: 0;
}

#k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar__fields label {
    display: grid;
    gap: 6px;
    margin: 0;
}

#k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar__fields select {
    width: 100%;
    min-height: 44px;
    margin: 0;
}

#k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar__actions {
    min-height: 44px;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 8px;
}

#k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar__actions [data-k2fish-button-contract] {
    min-width: 112px;
    height: 44px;
}

#k2fish-account-app.k2fish-account-app .k2fish-account-toolbar-status {
    margin: 0;
    color: var(--k2a-text-muted, #52657a);
    font-size: 13px;
    line-height: 1.4;
}

/* Account-owned form actions stay compact and unmistakably actionable. */
#k2fish-account-app.k2fish-account-app .k2fish-account-form-actions {
    align-items: center;
    gap: 12px;
}

#k2fish-account-app.k2fish-account-app .k2fish-account-form-actions [name="save_account_details"] {
    min-width: 220px;
}

/* RGPD option sections share one information hierarchy and selectable-card UX. */
#k2fish-account-app.k2fish-account-app .k2fish-rgpd-interest-header {
    display: grid;
    gap: 4px;
    margin: 0 0 12px;
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-channels legend,
#k2fish-account-app.k2fish-account-app .k2fish-rgpd-interest-header h3 {
    margin: 0;
    padding: 0;
    color: var(--k2a-text, #0b1d38);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-option-description,
#k2fish-account-app.k2fish-account-app .k2fish-rgpd-interest-header p {
    margin: 4px 0 12px;
    color: var(--k2a-text-muted, #52657a);
    font-size: 14px;
    line-height: 1.5;
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-option-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-option-card {
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--k2a-border, #dbe4ec);
    border-radius: var(--k2a-radius-control, 6px);
    background: var(--k2a-surface, #fff);
    color: var(--k2a-text, #0b1d38);
    cursor: pointer;
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-option-card:hover {
    border-color: var(--k2a-primary, #0875c1);
    background: var(--k2a-surface-muted, #f4f8fb);
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-option-card:focus-within {
    border-color: var(--k2a-primary, #0875c1);
    box-shadow: 0 0 0 3px rgba(8, 117, 193, .14);
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-option-card input {
    flex: 0 0 auto;
    margin: 0;
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-option-label {
    font-weight: 650;
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-channel.is-disabled .k2fish-rgpd-option-card {
    cursor: not-allowed;
    opacity: .66;
}

#k2fish-account-app.k2fish-account-app .k2fish-rgpd-history-actions {
    margin-top: 20px;
}

@media (max-width: 767px) {
    #k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    #k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar__actions {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    #k2fish-account-app.k2fish-account-app .k2fish-native-filter-toolbar__actions [data-k2fish-button-contract],
    #k2fish-account-app.k2fish-account-app .k2fish-account-form-actions [data-k2fish-button-contract] {
        width: 100%;
        min-width: 0;
    }

    #k2fish-account-app.k2fish-account-app .k2fish-rgpd-option-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    #k2fish-account-app.k2fish-account-app [data-k2fish-button-contract] {
        transition: none !important;
    }
}
