/* Button Overrides - Ensure Premium Buttons Display Properly */
/* Maximum specificity to override Tailwind defaults */

html body a.btn-premium,
html body button.btn-premium,
html body .btn-premium {
    /* Force button appearance */
    -webkit-appearance: none !important;
    appearance: none !important;
    /* Ensure visibility */
    opacity: 1 !important;
    visibility: visible !important;
    /* Remove text-only styling */
    text-decoration: none !important;
    font-weight: 600 !important;
    /* Ensure proper sizing */
    min-height: 44px !important;
    min-width: auto !important;
    /* Ensure colors are applied */
    background-color: transparent !important;
    background-image: none !important;
}

/* Override any Tailwind text-only styles */
html body a.btn-premium:not([class*="bg-"]),
html body button.btn-premium:not([class*="bg-"]) {
    background: linear-gradient(135deg, #a6ed0b 0%, #249424 100%) !important;
    color: #000 !important;
}

/* Force premium button styles even with inline Tailwind classes */
html body a.btn-premium.btn-premium-primary,
html body button.btn-premium.btn-premium-primary {
    background: linear-gradient(135deg, #a6ed0b 0%, #249424 100%) !important;
    color: #000 !important;
    border: none !important;
    box-shadow: 0 10px 15px -3px rgba(166, 237, 11, 0.3), 0 4px 6px -2px rgba(166, 237, 11, 0.2) !important;
}

html body a.btn-premium.btn-premium-secondary,
html body button.btn-premium.btn-premium-secondary {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3), 0 4px 6px -2px rgba(59, 130, 246, 0.2) !important;
}

html body a.btn-premium.btn-premium-success,
html body button.btn-premium.btn-premium-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.3), 0 4px 6px -2px rgba(16, 185, 129, 0.2) !important;
}

html body a.btn-premium.btn-premium-danger,
html body button.btn-premium.btn-premium-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 10px 15px -3px rgba(239, 68, 68, 0.3), 0 4px 6px -2px rgba(239, 68, 68, 0.2) !important;
}