/* ==========================================================
   common.css — أنماط مشتركة لكل صفحات منصة "سفرة"
   تُضمَّن بعد Cairo و FontAwesome:
   <link href="assets/css/all.min.css" rel="stylesheet">
   <link href="assets/css/cairo.css" rel="stylesheet">
   <link href="assets/css/common.css" rel="stylesheet">
   ========================================================== */

/* --- رسائل التنبيه العابرة (Flash) --- */
.flash-container {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3000;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 92vw;
    width: max-content;
}

.flash {
    background: #fff;
    border-radius: 10px;
    padding: 12px 20px;
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    display: flex;
    align-items: center;
    gap: 10px;
    border-right: 5px solid #ccc;
    animation: flashIn 0.3s ease;
}

.flash-success { border-right-color: #28a745; color: #155724; }
.flash-success i { color: #28a745; }
.flash-error   { border-right-color: #dc3545; color: #721c24; }
.flash-error i   { color: #dc3545; }
.flash-info    { border-right-color: #3498db; color: #0c5460; }
.flash-info i    { color: #3498db; }

.flash.hide { opacity: 0; transform: translateY(-12px); transition: all 0.4s ease; }

@keyframes flashIn {
    from { opacity: 0; transform: translateY(-15px); }
    to   { opacity: 1; }
}

/* --- شعار المطعم (صورة أو حرف أول بخلفية متدرجة) --- */
.logo-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #E67E22, #D35400);
    color: #fff;
    font-weight: 900;
    border-radius: 14px;
    font-family: 'Cairo', sans-serif;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(230, 126, 34, 0.3);
}

/* --- نجوم التقييم --- */
.stars { color: #ffc107; white-space: nowrap; }
.stars .fa-star.empty { color: #e0e0e0; }
.review-count { font-weight: 600; color: #7F8C8D; }
.no-reviews { font-style: italic; color: #7F8C8D; }

/* --- شارات الحالة --- */
.status-badge {
    padding: 0.35rem 1rem;
    border-radius: 50px;
    font-weight: 700;
    color: #fff;
    font-size: 0.85rem;
    display: inline-block;
    white-space: nowrap;
}

.badge-open  { background: #28a745; color: #fff; padding: 0.25rem 0.8rem; border-radius: 50px; font-size: 0.8rem; font-weight: 700; }
.badge-closed { background: #95a5a6; color: #fff; padding: 0.25rem 0.8rem; border-radius: 50px; font-size: 0.8rem; font-weight: 700; }
.badge-suspended { background: #dc3545; color: #fff; padding: 0.25rem 0.8rem; border-radius: 50px; font-size: 0.8rem; font-weight: 700; }

/* --- شارة "متجر على منصة سفرة" --- */
.platform-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}
.platform-badge:hover { background: rgba(255, 255, 255, 0.25); }

/* --- حالة فارغة (سلة فارغة / لا طلبات...) --- */
.empty-state {
    text-align: center;
    padding: 3rem 1rem;
    color: #7F8C8D;
}
.empty-state i {
    font-size: 3rem;
    color: #EAEDED;
    margin-bottom: 1rem;
    display: block;
}
.empty-state h3 { color: #34495E; margin-bottom: 0.5rem; }

/* --- أزرار النسخ --- */
.copy-field {
    display: flex;
    gap: 8px;
    align-items: stretch;
}
.copy-field input {
    flex: 1;
    padding: 10px 12px;
    border: 2px solid #EAEDED;
    border-radius: 8px;
    font-family: 'Cairo', sans-serif;
    font-size: 0.85rem;
    direction: ltr;
    text-align: left;
    background: #f8f9fa;
}
.copy-field button {
    background: #2C3E50;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0 16px;
    cursor: pointer;
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    transition: all 0.3s ease;
}
.copy-field button:hover { background: #E67E22; }