/* ==========================================================================
   Bikopi Sipariş Sistemi - GÜVENLİ ve BASİTİLMİŞ CSS
   Sadece buton, metin ve temel görünüm sorunlarını çözer.
   ========================================================================== */

/* Genel stiller */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
    color: #343a40;
}

/* Kart stilleri */
.card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}
.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}
.card-header {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
    border-radius: 15px 15px 0 0 !important;
    font-weight: 600;
}

/* ==========================================================================
   BUTON RENKLERİNİ ZORUNLU KILMA (Basit ve Güvenli Çözüm)
   ========================================================================== */
.btn {
    border-radius: 10px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
}

/* Ana Butonlar - Metin rengini BEYAZ yap */
.btn-primary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-dark {
    color: #ffffff !important;
}
.btn-primary:hover, .btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover, .btn-dark:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
}
.btn-primary { background: linear-gradient(135deg, #007bff, #0056b3); }
.btn-success { background: linear-gradient(135deg, #28a745, #1e7e34); }
.btn-danger { background: linear-gradient(135deg, #dc3545, #c82333); }
.btn-warning { background: linear-gradient(135deg, #ffc107, #e0a800); color: #212529 !important; }
.btn-warning:hover { color: #212529 !important; }

/* İkincil ve Diğer Butonlar */
.btn-secondary {
    background-color: #6c757d;
    color: #ffffff !important;
}
.btn-secondary:hover {
    background-color: #5a6268;
    color: #ffffff !important;
}
.btn-light {
    background-color: #f8f9fa;
    color: #343a40 !important;
    border: 1px solid #dee2e6;
}
.btn-light:hover {
    background-color: #e2e6ea;
    color: #343a40 !important;
}

/* Çerçeveli Butonlar */
.btn-outline-primary { color: #007bff !important; border-color: #007bff; }
.btn-outline-primary:hover { color: #ffffff !important; background-color: #007bff; }
.btn-outline-success { color: #28a745 !important; border-color: #28a745; }
.btn-outline-success:hover { color: #ffffff !important; background-color: #28a745; }
.btn-outline-danger { color: #dc3545 !important; border-color: #dc3545; }
.btn-outline-danger:hover { color: #ffffff !important; background-color: #dc3545; }
.btn-outline-secondary { color: #6c757d !important; border-color: #6c757d; }
.btn-outline-secondary:hover { color: #ffffff !important; background-color: #6c757d; }

/* Form stilleri */
.form-control {
    border-radius: 10px;
    border: 2px solid #e9ecef;
    transition: border-color 0.3s ease;
    color: #343a40;
}
.form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    color: #343a40;
}
.input-group-text {
    background-color: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 10px 0 0 10px;
    color: #343a40;
}

/* Navigasyon */
.navbar {
    background: linear-gradient(135deg, #007bff, #0056b3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.navbar-brand, .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}
.navbar-brand:hover, .nav-link:hover, .nav-link.active {
    color: #ffffff !important;
}
.navbar .dropdown-menu {
    background-color: #343a40;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.navbar .dropdown-item {
    color: rgba(255, 255, 255, 0.8);
}
.navbar .dropdown-item:hover {
    color: #ffffff;
    background-color: #495057;
}

/* Tablo stilleri */
.table {
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    color: #343a40;
}
.table thead th {
    background-color: #007bff;
    color: white;
    border: none;
    font-weight: 600;
}
.table tbody tr:hover {
    background-color: #f8f9fa;
}

/* Diğer stiller */
.badge { font-size: 0.8em; padding: 5px 10px; border-radius: 20px; }
.alert { border: none; border-radius: 10px; border-left: 4px solid; }
.alert-success { background-color: #d4edda; border-left-color: #28a745; color: #155724; }
.alert-danger { background-color: #f8d7da; border-left-color: #dc3545; color: #721c24; }

/* Mobil uyumlu tasarım */
@media (max-width: 768px) {
    .container-fluid { padding-left: 15px; padding-right: 15px; }
    .card { margin: 10px; }
    .btn { font-size: 16px; padding: 12px 20px; }
    .form-control { font-size: 16px; }
    .table-responsive { font-size: 0.9rem; }
    .table th, .table td { padding: 0.5rem; white-space: nowrap; }
    .navbar-nav { text-align: center; }
    .nav-item { margin: 5px 0; }
}