/**
 * Dimension User Profile Block Styles
 * MUST match vendor dashboard button styling exactly
 * Simplified to match vendor button structure
 */

/* NUCLEAR OPTION: Override everything with highest specificity */
a.dimension-user-profile-block,
a.wp-block-dimension-connect-user-profile,
a.dimension-user-profile-block.layout-horizontal,
a.dimension-user-profile-block.layout-vertical,
a.wp-block-dimension-connect-user-profile.layout-horizontal,
a.wp-block-dimension-connect-user-profile.layout-vertical,
a.dimension-user-profile-block[style],
a.wp-block-dimension-connect-user-profile[style] {
    display: inline-block !important;
    padding: 3px 12px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 1px solid rgba(var(--dimension-primary-rgb), 0.5) !important;
    border-radius: 0 !important;
    color: rgba(var(--dimension-primary-rgb), 0.8) !important;
    vertical-align: middle !important;
    font-family: 'Space Mono' !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    transform: none !important;
    box-sizing: border-box !important;
    min-height: 22px !important;
    max-height: 22px !important;
    height: 22px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
}

/* Remove any potential filters/effects applied by default */
a.dimension-user-profile-block:not(:hover),
a.wp-block-dimension-connect-user-profile:not(:hover) {
    filter: none !important;
}

/* Button text styling */
.dimension-user-profile-block .button-text,
.wp-block-dimension-connect-user-profile .button-text {
    line-height: 1 !important;
}

/* Override ANY inline padding styles */
a.dimension-user-profile-block[style*="padding"],
a.wp-block-dimension-connect-user-profile[style*="padding"] {
    padding: 3px 12px !important;
}

a.dimension-user-profile-block:hover,
a.wp-block-dimension-connect-user-profile:hover {
    background: rgba(var(--dimension-primary-rgb), 0.1) !important;
    border-color: var(--dimension-primary-color) !important;
    color: var(--dimension-primary-color) !important;
    transform: none !important;
    filter: brightness(1.2) !important;
}

a.dimension-user-profile-block:active,
a.wp-block-dimension-connect-user-profile:active {
    background: rgba(var(--dimension-primary-rgb), 0.2) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    a.dimension-user-profile-block,
    a.wp-block-dimension-connect-user-profile {
        padding: 3px 12px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    a.dimension-user-profile-block,
    a.wp-block-dimension-connect-user-profile {
        padding: 3px 12px !important;
        font-size: 14px !important;
    }
}

/* Override any theme or block editor styles */
.dimension-user-profile-block *,
.wp-block-dimension-connect-user-profile * {
    font-family: 'Space Mono' !important;
}