/* MyPodOps Branded Button Styles */

/* Primary Buttons - Purple/Cyan Gradient */
.btn-primary,
.btn.btn-primary {
    background: linear-gradient(135deg, #6D1A86 0%, #2CC5FF 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 600;
    padding: 10px 24px;
    transition: all 0.3s;
    border-radius: 8px;
}

.btn-primary:hover,
.btn.btn-primary:hover {
    background: linear-gradient(135deg, #5a1570 0%, #1fa3d4 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(109, 26, 134, 0.3);
    color: white !important;
}

.btn-primary:active,
.btn.btn-primary:active {
    transform: translateY(0);
}

.btn-primary:disabled,
.btn.btn-primary:disabled {
    background: #e5e5e5 !important;
    color: #999 !important;
    transform: none;
    box-shadow: none;
    cursor: not-allowed;
}

/* Success Buttons - Green Gradient */
.btn-success,
.btn.btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 600;
    padding: 10px 24px;
    transition: all 0.3s;
    border-radius: 8px;
}

.btn-success:hover,
.btn.btn-success:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    color: white !important;
}

/* Outline Primary Buttons */
.btn-outline-primary,
.btn.btn-outline-primary {
    border: 2px solid #6D1A86 !important;
    color: #6D1A86 !important;
    background: white !important;
    font-weight: 600;
    padding: 10px 24px;
    transition: all 0.3s;
    border-radius: 8px;
}

.btn-outline-primary:hover,
.btn.btn-outline-primary:hover {
    background: linear-gradient(135deg, #6D1A86 0%, #2CC5FF 100%) !important;
    border-color: #6D1A86 !important;
    color: white !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(109, 26, 134, 0.3);
}

/* Secondary Buttons */
.btn-secondary,
.btn.btn-secondary {
    background: #6c757d !important;
    border: none !important;
    color: white !important;
    font-weight: 600;
    padding: 10px 24px;
    transition: all 0.3s;
    border-radius: 8px;
}

.btn-secondary:hover,
.btn.btn-secondary:hover {
    background: #5a6268 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
    color: white !important;
}

/* Button Sizes */
.btn-lg {
    padding: 14px 32px !important;
    font-size: 1.1rem !important;
}

.btn-sm {
    padding: 6px 16px !important;
    font-size: 0.9rem !important;
}

/* Icon Buttons */
.btn i {
    margin-right: 6px;
}

.btn i:last-child:only-child {
    margin-right: 0;
}

/* Button Groups */
.btn-group .btn {
    border-radius: 0;
}

.btn-group .btn:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.btn-group .btn:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Loading State */
.btn .fa-spinner {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}