/* Reset */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Vazir', sans-serif; }

/* Body */
body { background-image: url(/images/bg.webp);
    background-size: cover;
    color: #333;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed; }

/* کارت‌ها */
.card {
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    background:#fff;
    padding:15px;
    margin-bottom:20px;
    transition: transform 0.2s;
}
.card:hover { transform: translateY(-3px); }

/* دکمه‌ها */
.btn {
    border-radius: 12px;
    font-weight: bold;
    transition: all 0.2s;
}
.btn-primary { background:#007bff; border:none; color:#fff; }
.btn-primary:hover { background:#0069d9; }
.btn-success { background:#28a745; border:none; color:#fff; }
.btn-success:hover { background:#218838; }
.btn-warning { background:#ffc107; border:none; color:#212529; }
.btn-warning:hover { background:#e0a800; }
.btn-info { background:#17a2b8; border:none; color:#fff; }
.btn-info:hover { background:#138496; }

/* فرم‌ها و ورودی‌ها */
input, select, textarea {
    border-radius:10px;
    border:1px solid #ccc;
    padding:8px;
    width:100%;
}

/* جدول سفارش */
.table { border-radius: 15px; overflow:hidden; }
.table th, .table td { vertical-align:middle !important; text-align:center; }

/* دسته‌بندی‌ها و محصولات */
.category-card, .product-card {
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 3px 8px rgba(0,0,0,0.1);
    margin-bottom:20px;
    cursor:pointer;
    text-align:center;
    transition: transform 0.2s;
}
.category-card:hover, .product-card:hover { transform: translateY(-4px); }
.category-card img, .product-card img { width:100%; border-bottom:1px solid #eee; }
.category-card h5, .product-card h5 { margin:10px 0; }

/* شناورها */
.floating-btn {
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:999;
    margin-left:10px;
}

/* موبایل */
@media(max-width:767px){
    .col-3 { width:100%; }
    .floating-btn { bottom:15px; right:10px; }
}
