/* تنسيقات الأيقونات */
.inbag-social-wrapper {
    display: flex; justify-content: center; align-items: center; gap: 15px; padding: 10px 0; flex-wrap: wrap;
}
.inbag-social-icon {
    display: inline-flex; justify-content: center; align-items: center;
    width: 48px; height: 48px; border-radius: 50%; color: #fff; text-decoration: none;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.inbag-social-icon svg { width: 22px; height: 22px; fill: currentColor; }
.inbag-social-icon.facebook { background-color: #1877F2; }
.inbag-social-icon.instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.inbag-social-icon.tiktok { background-color: #000000; }
.inbag-social-icon.pinterest { background-color: #E60023; }
.inbag-social-icon.youtube { background-color: #FF0000; }
.inbag-social-icon.linkedin { background-color: #0A66C2; }
.inbag-social-icon:hover {
    transform: translateY(-5px) scale(1.1); box-shadow: 0 8px 15px rgba(0,0,0,0.2); color: #fff;
}

/* تنسيق الإشعار (Toast) - من اليمين */
.inbag-toast {
    position: fixed; bottom: 30px; right: -400px; /* البداية من اليمين بره الشاشة */
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 10px 40px rgba(0,0,0,0.12);
    border-radius: 16px; border-right: 4px solid #E74C3C;
    display: flex; align-items: center; padding: 15px 20px;
    z-index: 9998; cursor: pointer; max-width: 340px; font-family: inherit;
    transition: right 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.inbag-toast.show { right: 30px; } /* ظهور من اليمين */
.inbag-toast:hover { transform: translateY(-3px); box-shadow: 0 15px 45px rgba(0,0,0,0.15); }

/* أنيميشن الجرس */
@keyframes inbag-ring {
  0% { transform: rotate(0); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-10deg); }
  30% { transform: rotate(5deg); }
  40% { transform: rotate(-5deg); }
  50% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
.inbag-bell-svg { width: 28px; height: 28px; fill: #E74C3C; animation: inbag-ring 2.5s infinite ease-in-out; }
.inbag-toast-icon { display: flex; align-items: center; justify-content: center; background: #fff1f0; width: 45px; height: 45px; border-radius: 50%; margin-left: 15px; }

.inbag-toast-text h4 { margin: 0 0 4px 0; font-size: 15px; color: #111; font-weight: 700; }
.inbag-toast-text p { margin: 0; font-size: 13px; color: #666; line-height: 1.4; }
.inbag-toast-close {
    background: none; border: none; font-size: 22px; color: #b0b0b0;
    margin-right: auto; margin-left: 0; /* نقل الزرار لأقصى اليسار */
    cursor: pointer; padding: 0 10px; transition: 0.2s;
}
.inbag-toast-close:hover { color: #E74C3C; transform: scale(1.2); }

/* تنسيق البوب أب (Modal) */
.inbag-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    display: flex; justify-content: center; align-items: center;
    z-index: 9999; opacity: 0; visibility: hidden; transition: all 0.4s ease;
}
.inbag-modal.show { opacity: 1; visibility: visible; }
.inbag-modal-content {
    background: #fff; border-radius: 24px; text-align: center; max-width: 420px; width: 90%;
    position: relative; transform: translateY(30px) scale(0.95); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 25px 50px rgba(0,0,0,0.2); overflow: hidden; font-family: inherit;
}
.inbag-modal.show .inbag-modal-content { transform: translateY(0) scale(1); }
.inbag-modal-header { background: linear-gradient(135deg, #fdfbfb 0%, #f4f4f4 100%); padding: 40px 30px 20px; position: relative; }
.inbag-modal-icon-top { margin: 0 auto 15px; background: #fff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(231, 76, 60, 0.2); }
.inbag-bell-svg-large { width: 30px; height: 30px; fill: #E74C3C; }
.inbag-modal-header h3 { margin: 0 0 10px 0; color: #111; font-weight: 800; font-size: 22px; }
.inbag-modal-header p { color: #666; margin: 0; font-size: 15px; line-height: 1.5; }
.inbag-modal-body { padding: 30px; background: #fff; }
.inbag-modal-close {
    position: absolute; top: 15px; left: 20px; /* زرار الإغلاق على الشمال */
    font-size: 28px; color: #999; cursor: pointer; transition: 0.2s;
}
.inbag-modal-close:hover { color: #E74C3C; transform: rotate(90deg); }

/* تجاوب الموبايل */
@media (max-width: 768px) {
    .inbag-toast { bottom: 20px; max-width: calc(100% - 40px); }
    .inbag-toast.show { right: 20px; }
    .inbag-modal-content { border-radius: 20px; }
}