/*
 * Nitro Chat - Custom Goftino Styles
 * Version: 4.0
 */
/* --- اطمینان از بارگذاری فونت در ابتدای فایل --- */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@500;700&display=swap');

/* --- ۱. استایل دکمه شناور اصلی --- */
#custom-chat-button { position: fixed; bottom: 20px; right: 20px; z-index: 9998; display: flex; align-items: center; background-color: #007bff; color: white; border-radius: 50px; box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3); padding: 2px 2px 2px 5px; font-family: 'Vazirmatn', sans-serif; font-size: 15px; font-weight: 500; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.5s ease; }
#custom-chat-button.visible { opacity: 1; visibility: visible; transform: translateY(0); animation: pulse 2.5s ease-in-out infinite; }
#custom-chat-button img { width: 50px; height: 50px; margin-left: 8px; border-radius: 50%; }
#custom-chat-button.visible:hover { background-color: #0056b3; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4); animation-play-state: paused; }
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }

/* --- ۲. استایل پاپ‌آپ مرکزی (فقط برای دسکتاپ) --- */
#goftino-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 10000; justify-content: center; align-items: center; }
#goftino-modal-content { position: relative; background-color: #fff; border-radius: 15px; width: 90%; max-width: 350px; height: 80%; max-height: 700px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); overflow: hidden; display: flex; flex-direction: column; }
#goftino-modal-iframe { width: 100%; flex-grow: 1; border: none; }
#goftino-modal-close { position: absolute; top: 8px; left: 8px; z-index: 10001; width: 28px; height: 28px; background: rgba(0, 0, 0, 0.1); border: none; border-radius: 50%; cursor: pointer; color: #333; font-size: 22px; font-weight: bold; display: flex; align-items: center; justify-content: center; line-height: 1; padding: 0; transition: background-color 0.2s ease, transform 0.2s ease; }
#goftino-modal-close:hover { background: rgba(0, 0, 0, 0.2); transform: scale(1.1); }
#goftino-modal-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Vazirmatn', sans-serif; color: #555; font-size: 16px; }

/* --- ۳. استایل‌های واکنش‌گرا برای موبایل --- */
@media (max-width: 768px) {
  #custom-chat-button { padding: 2px 2px 2px 5px; font-size: 14px; bottom: 85px; }
  #custom-chat-button img { width: 42px; height: 42px; }
}