/* =========================================
   DIAMOND SOLUTION CI - BUTTON STYLES
   Version: V54 - 02.12.2025 15:50
   ========================================= */

/* Primary Button - Gradient (wie CI Screenshot oben links) */
.btn--primary,
.btn.btn--primary,
button.btn--primary {
    background: linear-gradient(135deg, #3a4a5a 0%, #4a5a6a 100%) !important;
    color: #BCD5E8 !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.btn--primary:hover {
    background: linear-gradient(135deg, #4a5a6a 0%, #5a6a7a 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

/* Primary Button Light - Hellblau (wie CI Screenshot oben rechts) */
.btn--base,
.btn.btn--base {
    background: #BCD5E8 !important;
    color: #0C0C0C !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(188, 213, 232, 0.3) !important;
}

.btn--base:hover {
    background: #D4E4F0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(188, 213, 232, 0.4) !important;
}

/* Secondary Button - Outline (wie CI Screenshot unten) */
.btn--secondary,
.btn.btn--secondary {
    background: transparent !important;
    color: #BCD5E8 !important;
    border: 2px solid #BCD5E8 !important;
    padding: 10px 24px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn--secondary:hover {
    background: rgba(188, 213, 232, 0.1) !important;
    border-color: #6EADD1 !important;
    color: #6EADD1 !important;
    transform: translateY(-2px) !important;
}

/* Success Button - Grün */
.btn--success,
.btn.btn--success {
    background: #7ed957 !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
}

.btn--success:hover {
    background: #6ec847 !important;
}

/* Danger Button */
.btn--danger,
.btn.btn--danger {
    background: #ef4444 !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
}

.btn--danger:hover {
    background: #dc2626 !important;
}

/* Warning Button */
.btn--warning,
.btn.btn--warning {
    background: #fbbf24 !important;
    color: #0C0C0C !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
}

/* Small Buttons */
.btn--sm,
.btn.btn--sm {
    padding: 8px 16px !important;
    font-size: 13px !important;
}

/* Large Buttons */
.btn--lg,
.btn.btn--lg {
    padding: 14px 32px !important;
    font-size: 16px !important;
}

/* Disabled State */
.btn:disabled,
.btn.disabled,
button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Inline-Style Buttons (überschreiben) */
button[style*="background: linear-gradient(135deg, #00B0F0"],
button[style*="background: linear-gradient(135deg, #6EADD1"] {
    background: linear-gradient(135deg, #6EADD1, #5A9FC0) !important;
}

/* Full Width */
.w-100 {
    width: 100% !important;
}