/**
 * Buton Kontrast Düzeltmeleri
 * Ana sayfa ve müşteri panelinde butonların görünürlüğünü artırır
 */

/* ============================================
   ANA SAYFA BUTON DÜZELTMELERİ
   ============================================ */

/* Global butonlar - kontrast artırma */
body.homepage-body .global-btn {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-weight: 600 !important;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    transition: all 0.3s ease !important;
}

body.homepage-body .global-btn:hover {
    background-color: #E55A2B !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4) !important;
    transform: translateY(-2px) !important;
}

body.homepage-body .global-btn:focus {
    background-color: #E55A2B !important;
    color: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2) !important;
}

/* Border butonlar - kontrast artırma */
body.homepage-body .global-btn.style-border,
body.homepage-body .global-btn.style-border2,
body.homepage-body .global-btn.style-border3,
body.homepage-body .global-btn.style-border4,
body.homepage-body .global-btn.style-border5 {
    border: 2px solid #FF6B35 !important;
    color: #FF6B35 !important;
    background: transparent !important;
}

body.homepage-body .global-btn.style-border:hover,
body.homepage-body .global-btn.style-border2:hover,
body.homepage-body .global-btn.style-border3:hover,
body.homepage-body .global-btn.style-border4:hover,
body.homepage-body .global-btn.style-border5:hover {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
    border-color: #FF6B35 !important;
}

/* Style3 butonlar (sarı arka plan) */
body.homepage-body .global-btn.style3 {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
}

body.homepage-body .global-btn.style3:hover {
    background-color: #E55A2B !important;
    color: #FFFFFF !important;
}

/* Style4 butonlar (açık arka plan) */
body.homepage-body .global-btn.style4 {
    background-color: #F8FAFC !important;
    color: #FF6B35 !important;
    border: 2px solid #FF6B35 !important;
}

body.homepage-body .global-btn.style4:hover {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
    border-color: #FF6B35 !important;
}

/* Style5 butonlar (beyaz arka plan) */
body.homepage-body .global-btn.style5 {
    background-color: #FFFFFF !important;
    color: #FF6B35 !important;
    border: 2px solid #FF6B35 !important;
}

body.homepage-body .global-btn.style5:hover {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
    border-color: #FF6B35 !important;
}

/* Icon butonlar */
body.homepage-body .icon-btn {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
    border: none !important;
}

body.homepage-body .icon-btn:hover {
    background-color: #E55A2B !important;
    color: #FFFFFF !important;
}

body.homepage-body .icon-btn.btn-border {
    background: transparent !important;
    border: 2px solid #FF6B35 !important;
    color: #FF6B35 !important;
}

body.homepage-body .icon-btn.btn-border:hover {
    background: #FF6B35 !important;
    color: #FFFFFF !important;
}

/* Link butonlar */
body.homepage-body .link-btn {
    color: #FF6B35 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

body.homepage-body .link-btn:hover {
    color: #E55A2B !important;
    text-decoration: underline !important;
}

/* ============================================
   MÜŞTERİ PANELİ BUTON DÜZELTMELERİ
   ============================================ */

body.customer-panel-body .btn-primary-modern,
body.customer-panel-body .btn-primary {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    transition: all 0.3s ease !important;
}

body.customer-panel-body .btn-primary-modern:hover,
body.customer-panel-body .btn-primary:hover {
    background-color: #E55A2B !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4) !important;
    transform: translateY(-2px) !important;
}

body.customer-panel-body .btn-secondary-modern,
body.customer-panel-body .btn-secondary {
    background-color: #FFFFFF !important;
    color: #FF6B35 !important;
    border: 2px solid #FF6B35 !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

body.customer-panel-body .btn-secondary-modern:hover,
body.customer-panel-body .btn-secondary:hover {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
    border-color: #FF6B35 !important;
}

body.customer-panel-body .btn-outline-modern {
    background-color: transparent !important;
    color: #FF6B35 !important;
    border: 2px solid #FF6B35 !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

body.customer-panel-body .btn-outline-modern:hover {
    background-color: #FF6B35 !important;
    color: #FFFFFF !important;
    border-color: #FF6B35 !important;
}

/* ============================================
   GENEL BUTON DÜZELTMELERİ (TÜM SAYFALAR)
   ============================================ */

/* Tüm butonlar için minimum kontrast */
.btn,
button,
input[type="submit"],
input[type="button"],
a.btn {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Butonların görünürlüğünü artır */
.btn:not(.btn-link):not(.btn-text) {
    border: 2px solid transparent !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn:hover:not(.btn-link):not(.btn-text) {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) !important;
}

/* Başarı butonları */
.btn-success {
    background-color: #10B981 !important;
    color: #FFFFFF !important;
    border-color: #10B981 !important;
}

.btn-success:hover {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #FFFFFF !important;
}

/* Uyarı butonları */
.btn-warning {
    background-color: #F59E0B !important;
    color: #FFFFFF !important;
    border-color: #F59E0B !important;
}

.btn-warning:hover {
    background-color: #D97706 !important;
    border-color: #D97706 !important;
    color: #FFFFFF !important;
}

/* Hata butonları */
.btn-danger {
    background-color: #EF4444 !important;
    color: #FFFFFF !important;
    border-color: #EF4444 !important;
}

.btn-danger:hover {
    background-color: #DC2626 !important;
    border-color: #DC2626 !important;
    color: #FFFFFF !important;
}

/* Bilgi butonları */
.btn-info {
    background-color: #3B82F6 !important;
    color: #FFFFFF !important;
    border-color: #3B82F6 !important;
}

.btn-info:hover {
    background-color: #2563EB !important;
    border-color: #2563EB !important;
    color: #FFFFFF !important;
}

/* Responsive */
@media (max-width: 768px) {
    body.homepage-body .global-btn,
    body.customer-panel-body .btn-primary-modern,
    body.customer-panel-body .btn-secondary-modern {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
}