/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 14 2026 | 09:38:23 */
/* استایل اصلاح شده با رنگ سرخابی */
.smart-overlay {
    display: none; position: fixed; z-index: 999999; left: 0; top: 0;
    width: 100%; height: 100%; background-color: rgba(0,0,0,0.85);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.smart-content {
    background: #ffffff; margin: 100px auto; padding: 30px;
    width: 90%; max-width: 450px; border-radius: 25px;
    text-align: center; direction: rtl; font-family: 'Tahoma', sans-serif;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3); position: relative;
}
.smart-icon { font-size: 50px; margin-bottom: 10px; }
.smart-content h3 { color: #1a1a1a; margin: 0 0 10px 0; font-size: 22px; }
.smart-content p { color: #666; line-height: 1.6; margin-bottom: 20px; }
.smart-menu-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0;
}
.smart-item {
    background: #f8f9fa; padding: 15px 10px; border-radius: 15px;
    text-decoration: none !important; color: #333 !important; font-weight: bold; font-size: 14px;
    transition: all 0.3s ease; border: 1px solid #eee; display: block;
}

/* تغییر رنگ به سرخابی/بنفش هنگام هوور و کلیک */
.smart-item:hover { 
    background: #d81b60 !important; /* سرخابی خوشرنگ */
    color: white !important; 
    transform: translateY(-3px); 
}
.smart-item:active { 
    background: #8e24aa !important; /* بنفش پررنگ هنگام لمس */
    transform: scale(0.95);
}

.close-btn {
    background: none; border: none; color: #aaa; cursor: pointer; 
    text-decoration: underline; font-size: 13px; margin-top: 10px;
}
@media (max-width: 600px) {
    .smart-menu-grid { grid-template-columns: 1fr; }
    .smart-content { margin: 20% auto; }
}