/* ===========================
   متجر مواد طب الأسنان - CSS
   =========================== */

:root {
    --primary: #0d6efd;
    --card-radius: 12px;
}

body {
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* Cards */
.product-card {
    transition: transform .2s, box-shadow .2s;
    border-radius: var(--card-radius) !important;
}
.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
}

.category-card {
    transition: transform .15s, box-shadow .15s;
    border-radius: 10px !important;
}
.category-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,.1) !important;
    background: #f0f4ff;
}

/* Table styles */
.table > thead > tr > th {
    font-weight: 600;
    font-size: .85rem;
    color: #6c757d;
    border-bottom-width: 1px;
}

.table > tbody > tr:last-child > td {
    border-bottom: none;
}

/* Badges */
.badge {
    font-weight: 500;
    letter-spacing: .01em;
}

/* Forms */
.form-control:focus,
.form-select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}

/* Alerts */
.alert {
    border: none;
    border-radius: 10px;
}

/* Navbar */
.navbar {
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}

/* Buttons */
.btn {
    font-weight: 500;
    border-radius: 8px;
}
.btn-primary {
    background: var(--primary);
}

/* Arabic numerals improvement */
td, th, .badge {
    font-variant-numeric: tabular-nums;
}

/* Cart badge positioning for RTL */
.navbar .position-relative .badge {
    top: 0 !important;
    right: -6px !important;
    left: auto !important;
    transform: none !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; }

/* Status colors consistent */
.status-pending    { color: #f59e0b; }
.status-confirmed  { color: #06b6d4; }
.status-processing { color: #3b82f6; }
.status-shipped    { color: #6b7280; }
.status-delivered  { color: #10b981; }
.status-cancelled  { color: #ef4444; }

/* Print */
@media print {
    .sidebar, .topbar, .btn, nav { display:none !important; }
    .main-content { margin-right: 0 !important; }
}