/* فونت محلی */
@font-face {
    font-family: 'Vazir';
    src: url('fonts/Vazir.woff2') format('woff2');
}

/* فونت از CDN به‌عنوان بک‌آپ */
@import url('https://fonts.cdnfonts.com/css/vazir');

body {
    font-family: 'Vazir', sans-serif;
    background-color: #f5f5f5;
}

.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    max-height: 80vh;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .product-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}

/* استایل‌های خاص برای صفحه سفارشات */
#ordersContent {
    font-family: 'Vazir', sans-serif !important;
}

#ordersContent a,
#ordersContent p,
#ordersContent h3 {
    font-family: 'Vazir', sans-serif !important;
    transition: color 0.3s ease;
}

#ordersContent a:hover,
#ordersContent a:focus {
    color: #2ecc71 !important; /* رنگ سبز ملایم‌تر برای هاور */
    text-decoration: underline;
}

#orderList div:hover {
    background-color: #f0fff4; /* پس‌زمینه روشن‌تر با هاور */
}

/* استایل‌های لینک‌های منو */
.menu-link {
    color: #eab308 !important; /* زرد */
    padding: 4px 8px; /* فاصله داخلی برای شبیه شدن به دکمه */
    border-radius: 4px; /* گوشه‌های گرد */
    transition: background-color 0.3s ease, border 0.3s ease;
}

.menu-link:hover,
.menu-link:focus {
    background-color: #fef9c3 !important; /* زرد خیلی کم‌رنگ برای پس‌زمینه */
    border: 1px solid #ca8a04 !important; /* حاشیه زرد تیره‌تر */
}