/* Global Button Styles - Consistent across all pages */

:root {
    --blue-soft: #6B9BD1;
    --blue-hover: #5A8BC2;
    --blue-light: #A8C5E3;
    --blue-pale: #D4E4F3;
    --cream: #FBF9F6;
    --cream-dark: #F5F1EB;
    --peach: #F4A88D;
    --white: #FFFFFF;
    --black: #2D3748;
    --gray: #6B7280;
}

/* Base transition for ALL buttons and links */
button,
a.btn,
.btn,
a[class*="btn"],
a[class*="bg-"],
button[class*="bg-"],
input[type="submit"],
input[type="button"] {
    transition: all 0.2s ease-in-out !important;
    cursor: pointer;
}

/* Blue primary buttons - standard blue background */
.btn-primary:not(.price-card.featured .btn-primary),
.bg-blue-600,
.bg-blue-500,
a[href*="/auth/register.php"].btn-primary,
a.bg-blue-600,
button.bg-blue-600 {
    box-shadow: 0 4px 16px rgba(107, 155, 209, 0.2);
}

.btn-primary:not(.price-card.featured .btn-primary):hover,
.bg-blue-600:hover,
.bg-blue-500:hover,
a[href*="/auth/register.php"].btn-primary:hover,
a.bg-blue-600:hover,
button.bg-blue-600:hover {
    background: var(--blue-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(107, 155, 209, 0.3) !important;
}

/* Featured pricing card - white button on blue background */
.price-card.featured .btn-primary {
    background: white !important;
    color: var(--blue-soft) !important;
}

.price-card.featured .btn-primary:hover {
    background: white !important;
    color: var(--blue-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Secondary/white buttons */
.btn-secondary,
a.btn-secondary {
    transition: all 0.2s ease-in-out !important;
}

.btn-secondary:hover,
a.btn-secondary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* Gray/dark buttons */
.bg-gray-800,
.bg-gray-900,
button.bg-gray-800,
a.bg-gray-800 {
    transition: all 0.2s ease-in-out !important;
}

.bg-gray-800:hover,
.bg-gray-900:hover,
button.bg-gray-800:hover,
a.bg-gray-800:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* Tailwind utility classes */
.hover\:bg-blue-700:hover {
    background-color: var(--blue-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(107, 155, 209, 0.3) !important;
}

.hover\:bg-gray-900:hover {
    transform: translateY(-2px) !important;
}

/* Regular pricing card buttons (not featured) */
.price-card:not(.featured) a.btn-primary:hover {
    transform: translateY(-2px) !important;
}

/* Disable transform on mobile menu items and table buttons */
.md\:hidden a:hover,
table button:hover,
table a:hover {
    transform: none !important;
}

/* Ensure all form submit buttons have hover effect */
form button[type="submit"]:hover,
form input[type="submit"]:hover {
    transform: translateY(-2px) !important;
}