/* Emergency fix for white-on-white content on leveranciers page */

/* Force readable text colors for all admin pages */
.leveranciers-container,
.klanten-container,
.products-container,
.bestellingen-container {
    background: #f8f9fa !important;
    color: #333 !important;
}

/* Fix text visibility in all containers */
.leveranciers-container h1,
.klanten-container h1,
.products-container h1,
.bestellingen-container h1 {
    color: #333 !important;
}

.leveranciers-container .stat-card,
.klanten-container .stat-card,
.products-container .stat-card,
.bestellingen-container .stat-card {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}

.leveranciers-container .stat-number,
.klanten-container .stat-number,
.products-container .stat-number,
.bestellingen-container .stat-number {
    color: #333 !important;
}

.leveranciers-container .stat-label,
.klanten-container .stat-label,
.products-container .stat-label,
.bestellingen-container .stat-label {
    color: #666 !important;
}

/* Fix table visibility */
.data-table-container {
    background: rgba(255, 255, 255, 0.95) !important;
}

.data-table th {
    background: rgba(0, 123, 255, 0.1) !important;
    color: #333 !important;
}

.data-table td {
    color: #333 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.data-table tr:hover {
    background: rgba(0, 123, 255, 0.05) !important;
}

/* Fix link colors */
.leverancier-name,
.klant-name,
.product-title,
.bestelling-title {
    color: #333 !important;
}

/* Compact red house-style buttons */
.btn {
    padding: 6px 10px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    border: 1px solid #dc2626 !important; /* red-600 */
    color: #dc2626 !important;
    background: #fff !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}

.btn:hover {
    background: #fee2e2 !important; /* red-100 */
    border-color: #b91c1c !important; /* red-700 */
    color: #b91c1c !important;
}

.btn.primary {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
}

.btn.primary:hover {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
}

/* Fix pagination */
.pagination-btn, .pagination-info {
    color: #333 !important;
}

.pagination-btn {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #ddd !important;
}

/* Fix search form */
.search-input {
    background: white !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}

.search-input::placeholder {
    color: #888 !important;
}

/* Fix breadcrumb */
.breadcrumb-link {
    color: #007bff !important;
}

/* Force overall page styling */
body {
    background: #f8f9fa !important;
    color: #333 !important;
}

/* Mobile nav hamburger behavior */
.admin-header .header-nav {
    display: flex;
}

@media (max-width: 768px) {
    .admin-header .header-nav {
        display: none;
        flex-direction: column;
        background: #ffffff;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        border-top: 1px solid #e5e7eb;
        padding: 8px 12px;
        z-index: 1000;
    }
    .admin-header .header-nav.active {
        display: flex;
    }
    .admin-header .mobile-menu-toggle {
        display: inline-flex;
        flex-direction: column;
        gap: 4px;
        background: transparent;
        border: 0;
        padding: 8px;
        cursor: pointer;
    }
    .admin-header .mobile-menu-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        background: #111827;
        transition: all .2s ease;
    }
    .admin-header .nav-main {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
}

/* Override any dark theme conflicts */
* {
    color: inherit !important;
}

.no-results h3,
.no-results p {
    color: #333 !important;
}