/* 
 * Admin & Vendor Dashboard Turkish Language and UI Fixes
 * Includes Turkish font support and z-index fixes
 */

/* Import Turkish character supporting fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Global font stack with Turkish character support */
body,
.vendor-panel,
.vendor-dashboard,
.admin-panel,
.admin-dashboard,
.backend-panel,
.main-panel,
.sidebar,
.navbar,
.card,
.form-control,
.btn,
input,
textarea,
select,
.dropdown-menu,
.table,
.alert {
    font-family: 'Inter', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Specific Turkish character rendering fixes */
.turkish-text,
.dashboard-welcome,
.admin-welcome,
.backend-welcome,
.sidebar-profile-name,
.admin-profile-name,
.chart-label,
.dropdown-item,
.nav-link,
.breadcrumb-item,
.page-title,
.card-title {
    font-family: 'Inter', 'Roboto', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    letter-spacing: 0.025em;
    text-rendering: optimizeLegibility;
}

/* Fix profile dropdown z-index issues */
.navbar .dropdown,
.profile-dropdown {
    z-index: 9999 !important;
    position: relative;
}

.navbar .dropdown-menu,
.profile-dropdown .dropdown-menu,
.dropdown-menu.show {
    z-index: 10000 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid #e0e6ed !important;
    border-radius: 8px !important;
}

/* Ensure dropdowns appear above alerts and modals */
.alert {
    z-index: 1050 !important;
}

.modal {
    z-index: 1060 !important;
}

.modal-backdrop {
    z-index: 1055 !important;
}

/* Vendor dashboard specific styles */
.main-panel .content {
    position: relative;
    z-index: 1;
}

/* Header fixes - hide specific buttons */
.header .btn.check-limit,
.header .btn[href*="check-limit"],
.header .btn:contains("Check Limit"),
.header .btn:contains("Limit Kontrol Et") {
    display: none !important;
}

.header .btn.view-profile,
.header .btn[href*="view-profile"],
.header .btn:contains("View Profile"),
.header .btn:contains("Profili Görüntüle") {
    display: none !important;
}

/* Sidebar menu item removal */
.sidebar .nav-item a[href*="buy-plan"],
.sidebar .nav-item a:contains("Buy Plan"),
.sidebar .nav-item a:contains("Paket Satın Al") {
    display: none !important;
}

.sidebar .nav-item a[href*="payment-logs"],
.sidebar .nav-item a:contains("Payment Logs"),
.sidebar .nav-item a:contains("Ödeme Kayıtları") {
    display: none !important;
}

/* Dashboard statistics - hide payment logs section */
.dashboard-stats .payment-logs,
.card:has(.payment-logs),
.col:has(.payment-logs) {
    display: none !important;
}

/* Search placeholder styling */
.sidebar .form-control::placeholder,
.sidebar input[type="search"]::placeholder {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    opacity: 0.7;
}

/* Chart label font support */
.chart-container,
.chart-label,
.chartjs-render-monitor {
    font-family: 'Inter', 'Roboto', sans-serif !important;
}

/* Welcome message styling */
.dashboard-welcome h1,
.dashboard-welcome h2,
.dashboard-welcome h3,
.dashboard-welcome h4 {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    font-weight: 600;
}

/* Alert message styling */
.alert.membership-expired {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    border-radius: 6px;
}

/* Package expiry alert removal */
.alert:contains("You have another package to activate"),
.alert:contains("package to activate after the current package expires") {
    display: none !important;
}

/* Sidebar profile styling */
.sidebar .user-panel .info {
    font-family: 'Inter', 'Roboto', sans-serif !important;
}

.sidebar .user-panel .info a {
    font-weight: 500;
    color: #2f3349;
}

/* Table styling for Turkish text */
.table th,
.table td {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    vertical-align: middle;
}

/* Button styling */
.btn {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    font-weight: 500;
    border-radius: 6px;
}

/* Form styling */
.form-control,
.form-select {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    border-radius: 6px;
    border-color: #d1d5db;
}

.form-control:focus,
.form-select:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

/* Card styling */
.card {
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.card-header {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    font-weight: 600;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

/* Navigation styling */
.nav-link {
    font-family: 'Inter', 'Roboto', sans-serif !important;
    font-weight: 500;
}

/* Breadcrumb styling */
.breadcrumb-item {
    font-family: 'Inter', 'Roboto', sans-serif !important;
}

/* Breadcrumb styling */
.nav-item {
    font-family: 'Inter', 'Roboto', sans-serif !important;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .dropdown-menu {
        z-index: 10500 !important;
    }
    
    .navbar .dropdown-menu {
        z-index: 10500 !important;
        margin-top: 5px;
    }
}